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

微信小程序的switch組件的大小不能直接經過樣式定義,必須經過如下方式定義:小程序

Tips&bugs:

  • 樣式名必須和上圖嚴格一致,圖中代碼定義的並非樣式類名,而是直接做用在switch組件上的樣式規則,所以無需在switch組件中定義class屬性。微信小程序

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

  • 因爲定義的規則是直接做用在switch組件上的,因此當一個頁面中有多個switch組件時,全部的switch組件會呈現統同樣式(暫無很好的辦法)。cdn

相關文章
相關標籤/搜索