首页 文章

在现代网站中添加SPFx webpart时的Javascript

提问于
浏览 次
0

我正在试图弄清楚如何在添加WebPart时修改CSS .

想法是跨越所有列添加的Web部件的背景，假设Web部件添加在2列页面的左列中 . 背景将跨越所有CanvasZone行 . 不仅仅是添加Web部件的列 .

更新：
这是我在render方法中的代码 . 我正在使用HelloWebPart来完成一些非常简单的事情

public render(): void {
    this.domElement.innerHTML = `
      <div class="${ styles.helloWorld }">
        <div class="${ styles.container }">
          <div class="${ styles.row }">
            <div class="${ styles.column }">
              <span class="${ styles.title }">Welcome to SharePoint!</span>
              <p class="${ styles.subTitle }">Customize SharePoint experiences using Web Parts.</p>
              <p class="${ styles.description }">${escape(this.properties.description)}</p>
              <a href="https://aka.ms/spfx" class="${ styles.button }">
                <span class="${ styles.label }">Learn some more</span>
              </a>
            </div>
          </div>
        </div>
      </div>`;  
        jQuery(function(){   
          jQuery('.helloWorld_385074c7').closest('div.CanvasZone').css({
          'background-color': 'green'
          });
        });
  }
sharepoint spfx

1 回答

  • 0

    您可以尝试使用jQuery来修改背景，例如：

    jQuery(function(){   
        jQuery('.pnpsp_85e6a47f').closest('div.CanvasZone').css({
          'background-color': 'green'
        });

    enter image description here

    回复于

相关问题