首页 >> 牛刀云小程序开发教程 >> 第2篇 开发模式 >> 页面开发 >> 开发CSS

14.3.1 自定义CSS

    每个页面都包含一个样式文件,在这个CSS文件中定义的样式,在当前页面中有效。自定义CSS的方法是:首先在CSS文件中书写CSS,然后在组件的“自定义样式”属性中,输入新添加的CSS样式名,设计区中可以立即看到效果,说明这个样式已经应用到这个组件上了。

1、定义CSS

在页面的CSS文件中,如图14-6所示,添加自定义样式,代码如下:

.c-page{

background-color:pink;

}

14-6  自定义样式

 

2、使用CSS

在组件的“自定义样式”属性中增加自定义样式,如图14-7所示,在设计区就可看到样式设置后的效果:在c-page样式中设置了背景色,设置了c-page样式的按钮的背景色也就变了。

14-7  组件使用自定义样式