微信小程序修改switch组件大小

微信小程序的switch组件的大小不能直接通过样式定义,必须通过以下方式定义:

Tips&bugs:

  • 样式名必须和上图严格一致,图中代码定义的并不是样式类名,而是直接作用在switch组件上的样式规则,因此无需在switch组件中定义class属性。

  • 所定义的三个样式的大小规律如下:
    (1)::before宽度 = switch宽度 - 1 ::before高度 = switch高度 - 3
    (2)::after宽度 = switch宽度 - 3 ::after高度 = switch高度 - 3

  • 由于定义的规则是直接作用在switch组件上的,所以当一个页面中有多个switch组件时,所有的switch组件会呈现统一样式(暂无很好的办法)。

转载于:https://juejin.im/post/5b051b1c6fb9a07aca7a8676

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值