微信小程序修改switch组件的大小

在使用switch组件时，想修改switch的大小，设置的height，width都没有效果，查看官方文档，发现没有设置大小的属性

官方文档如下：

原来大小样式：

使用下面样式可进行修改

.wx-switch-input{width:42px !important;height:22px !important;}
.wx-switch-input::before{width:40px !important;height: 20px !important;}
.wx-switch-input::after{width: 18px !important;height: 18px !important;}

修改过后的大小样式

微信小程序修改switch组件的大小相关推荐

java switch小程序,微信小程序 switch组件详解及简单实例
微信小程序switch 相关文章: 实现效果图: 开关选择器属性名类型默认值说明 checked Boolean false 是否选中 disabled Boolean false 是否禁用 ...
微信小程序----switch组件（开关选择器）
效果体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! DEMO下载效果图 WXML <view class="tui-list-box& ...
php radio样式美化,微信小程序修改radio组件默认样式
重置radio样式代码:radio { position: relative; width: 30rpx; margin-right: 12rpx; } radio .wx-radio-input { ...
微信小程序--修改switch组件的大小size
修改switch组件的大小小程序中switch组件的大小往往和实际项目中的大小有些出入,但是发现文档中并没有修改大小的方法,但是可以根据自己的实际情况进行颜色设置. 直接上代码: <switc ...
微信小程序image组件开发程序以及相关图片问题参考资料汇总
微信小程序image组件开发程序以及相关图片问题参考资料汇总,希望对大家小程序开发能有一定的参考和借鉴价值.以下汇总主要涉及到微信小程序image组件有关资源路径.缩放和剪裁模式等进行的探讨,无论是对 ...
微信小程序常用组件
欢迎体验个人小程序表情小作坊轻松定制表情包三连图文字转图片吃什么都行解决广大用户吃饭选择恐惧症的问题微信小程序的组件也挺多了,还是把官网的组件介绍地址先贴出来吧 https://mp.w ...
微信小程序之组件 —— 微信小程序教程系列（19）
什么是组件: 组件是视图层的基本组成单元. 组件自带一些功能与微信风格的样式. 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内. <tagname property ...
微信小程序image组件频闪问题
解决微信小程序image组件频闪问题文章目录解决微信小程序image组件频闪问题现象解决方案参考链接现象这个问题我知道原因很少见,造成的后果更加少见. 后台同事传了一张测试图片,图片大小 ...
微信小程序相机组件wx.createCameraContext()的使用模拟微信拍照-后端为nodejs
在本文微信小程序相机组件wx.createCameraContext()的使用模拟微信拍照之前需要看看微信小程序-获取用户session_key,openid,unionid - 后端为nodej ...

微信小程序修改switch组件的大小

微信小程序修改switch组件的大小相关推荐

最新文章

热门文章