可以通过在layout上给页面元素加css的class来解决此问题
import { registerLayout, ViewType } from '@kunlun/dependencies';
export const install = () => {
registerLayout(
`
<!-- 给视图加class -->
<view type="FORM" class="my-form-view">
<!-- 给动作条组件加class -->
<element widget="actionBar" slot="actionBar" class="my-action-bar" slotSupport="action" >
<xslot name="actions" slotSupport="action" />
</element>
<!-- 给表单组件加class -->
<element widget="form" slot="form" class="my-form-widget">
<xslot name="fields" slotSupport="pack,field" />
</element>
</view>
`,
{
viewType: ViewType.Form,
// 页面的模型编码，可在浏览器地址栏的model=xxxx获取
model: 'resource.k2.Model0000000109',
// 页面的动作名称，可在浏览器地址栏的action=xxxx获取
actionName: 'uiViewb2de116be1754ff781e1ffa8065477fa'
}
);
};
install();这样我们就可以在浏览器的html标签中查看到给组件加的class，通过加上这个作用域，可以给当前页面写特定样式
Oinone社区 作者：nation原创文章，如若转载，请注明出处：https://doc.oinone.top/frontend/di-wu-yi-ti/16106.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验
