文档首页/ 华为云Astro大屏应用/ 用户指南/ 自定义组件开发规范/ 代码结构介绍/ 目录文件详解/ {widget}.css
更新时间：2025-01-23 GMT+08:00
查看PDF
分享

{widget}.css

文件介绍

{widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。

华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。

文件示例

#EchartsWidgetTemplate {
	height: 100 %
}
#EchartsWidgetTemplate.echarts - container {
	display: flex;
	flex - direction: column;
	flex: 1;
	height: 100 % ;
}
父主题： 目录文件详解

相关文档