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

本文详细介绍了微信小程序的样式设置方法,包括样式统一管理、通过控件class属性调用样式及使用选择器进行样式控制。此外,还讲解了如何在wxml文件中为组件添加多个class属性以实现更灵活的样式配置。

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>

转载于:https://www.cnblogs.com/wzxNote/p/9908692.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值