微信小程式的switch元件的大小不能直接通過樣式定義,必須通過以下方式定義:
Tips&bugs:-
樣式名必須和上圖嚴格一致,圖中程式碼定義的並不是樣式類名,而是直接作用在switch元件上的樣式規則,因此無需在switch元件中定義class屬性。
-
所定義的三個樣式的大小規律如下:
(1)::before寬度 = switch寬度 - 1 ::before高度 = switch高度 - 3
(2)::after寬度 = switch寬度 - 3 ::after高度 = switch高度 - 3 -
由於定義的規則是直接作用在switch元件上的,所以當一個頁面中有多個switch元件時,所有的switch元件會呈現統一樣式(暫無很好的辦法)。