微信小程式修改switch元件大小

是小小白啊發表於2018-05-23

微信小程式的switch元件的大小不能直接通過樣式定義,必須通過以下方式定義:

微信小程式修改switch元件大小
Tips&bugs:

  • 樣式名必須和上圖嚴格一致,圖中程式碼定義的並不是樣式類名,而是直接作用在switch元件上的樣式規則,因此無需在switch元件中定義class屬性。

  • 所定義的三個樣式的大小規律如下:
    (1)::before寬度 = switch寬度 - 1 ::before高度 = switch高度 - 3
    (2)::after寬度 = switch寬度 - 3 ::after高度 = switch高度 - 3

  • 由於定義的規則是直接作用在switch元件上的,所以當一個頁面中有多個switch元件時,所有的switch元件會呈現統一樣式(暫無很好的辦法)。

相關文章