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