阅读 2248

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

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

Tips&bugs:

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

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

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