3.3.3.1 自定义CSS
每个页面都包含一个样式文件,在这个CSS文件中定义的样式,在当前页面中有效。自定义CSS的方法是:首先在CSS文件中书写CSS,然后在组件的“自定义样式”属性中,输入新添加的CSS样式名,设计区中可以立即看到效果,说明这个样式已经应用到这个组件上了。
1、定义CSS
在页面的CSS文件中,如图14-4所示,添加自定义样式,代码如下:
.c-page{
background-color:pink;
}
图14-4 自定义样式
2、使用CSS
在组件的“自定义样式”属性中增加自定义样式,如图14-5所示,在设计区就可看到样式设置后的效果:在c-page样式中设置了背景色,设置了c-page样式的按钮的背景色也就变了。
图14-5 组件使用自定义样式