微信小程序学习笔记(1)-微信小程序样式设置逻辑

2023-07-29,,

1.微信小程序样式设置统一在每一页的.wxss的样式文件中,所有的样式设置代码统一写入这个文件中;

2.样式主要是通过.wxml里面控件的“class”属性来调用,此处调用会有几个细节要注意:

1)样式表中用

.style{
}
"."和属性名称的格式表示;
2)选择器

.weui-cells:before {
}(在view组件之前插入)

.weui-cells:after {
}(在view组件之后插入)
3)wxml文件中可以用连续的“class”属性名称的添加给组件添加多个属性名,这样就可以在样式表文件wxss中通过多个属性名来控制有相同属性名称的组件

<view class="style1 style2 style3"></view>

微信小程序学习笔记(1)-微信小程序样式设置逻辑的相关教程结束。

《微信小程序学习笔记(1)-微信小程序样式设置逻辑.doc》

下载本文的Word格式文档,以方便收藏与打印。