sharepoint - 在现代网站中添加 SPFx webpart 时的 Javascript
问题描述
我试图弄清楚添加 WebPart 时如何修改 CSS。
想法是将添加的 Web 部件的背景跨越所有列,假设 Web 部件添加到 2 列页面的左列中。背景将跨越所有 CanvasZone 行。不仅仅是添加 Web 部件的列。
更新:
这是我在渲染方法中的代码。我正在使用 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'
});
});
}
解决方案
推荐阅读
- javascript - 使用javascript通过div中的字符偏移量将多个跨度插入div
- .net - 在 .net 中计算 HMACSHA256 等效于 reactjs
- swift - UICollectionView UItableViewCell 内部没有水平滚动
- python - Python 线程池消耗了我所有的 RAM 和系统挂起
- c# - 调用方法包含UI交互时如何等待所有任务?
- xamarin - Xamarin Forms - 从 URL 获取的图像未在 Android 中显示
- java - @Repository 类中的自引用导致循环引用
- javascript - 无法在 Commerce JS 上“捕获订单”
- python - 在python中解析以下文本的最佳方法是什么
- python - 如何在 PuLP (Python) 约束中调用函数?