Help Center/ Huawei Cloud Astro Canvas/ User Guide/ Custom Widget Development Specifications/ Code Structure Introduction/ Description of Directory Files/ {widget}.css
Updated on 2025-03-24 GMT+08:00
View PDF
Share

{widget}.css

File Introduction

{widget}: A CSS file which defines the widget style.

The widget of Huawei Cloud Astro Canvas is not packaged and compiled. The CSS style may affect each other. The reason is that the widget ID must be added to the CSS selector to reduce the possibility of mutual impact.

File Example

#EchartsWidgetTemplate {
	height: 100 %
}
#EchartsWidgetTemplate.echarts - container {
	display: flex;
	flex - direction: column;
	flex: 1;
	height: 100 % ;
}