微信小程序的switch组件的大小不能直接通过样式定义,必须通过以下方式定义:
Tips&bugs:-
样式名必须和上图严格一致,图中代码定义的并不是样式类名,而是直接作用在switch组件上的样式规则,因此无需在switch组件中定义class属性。
-
所定义的三个样式的大小规律如下:
(1)::before宽度 = switch宽度 - 1 ::before高度 = switch高度 - 3 (2)::after宽度 = switch宽度 - 3 ::after高度 = switch高度 - 3 -
由于定义的规则是直接作用在switch组件上的,所以当一个页面中有多个switch组件时,所有的switch组件会呈现统一样式(暂无很好的办法)。