微信小程序-改变switch组件大小

最新推荐文章于 2024-08-30 21:00:18 发布

吹泡泡的星星koky

最新推荐文章于 2024-08-30 21:00:18 发布

阅读量1.9w

点赞数 8

分类专栏：小程序

本文链接：https://blog.csdn.net/u012411480/article/details/80004191

版权

小程序专栏收录该内容

7 篇文章 0 订阅

订阅专栏

微信开发文档中，switch能修改颜色，没有直接修改switch大小的属性。用一般控件height & width来修改宽高是没有用的。。。

使用如下方法：

在.wxss文件：

 
  .wx-switch-input{ 
  width: 
  42px 
  !important; 
  height: 
  20px 
  !important;} 
 
 
  .wx-switch-input::before{ 
  width: 
  41px 
  !important; 
  height: 
  20px 
  !important;} 
 
 
  .wx-switch-input::after{ 
  width: 
  18px 
  !important; 
  height: 
  18px 
  !important;}//中间小圆球 
 