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

修改switch组件的大小

小程序中switch组件的大小往往和实际项目中的大小有些出入，但是发现文档中并没有修改大小的方法，但是可以根据自己的实际情况进行颜色设置。
直接上代码：

<switch checked>正常开关</switch>
<switch checked style="transform:scale(0.7)" color="red">开关</switch>
<switch checked style="zoom:0.6" color="blue">开关</switch>

效果图如下：

以上是改变switch大小的两种方式。。。

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

微信小程序——修改radio组件的大小
radio组件的样式大小太大了,和我的文字大小不匹配,看起来很难看于是给radio设置了width和 height ,然而并不起作用最后是使用transform:scale(0.7); 完美解决问 ...
微信小程序开发——switch组件
WeChat小程序交流(QQ群:769977169) 效果图代码示例 1.xxx.wxml <switch bindchange='switchClick'>{{switchTitle} ...
微信小程序_基础组件学习02
微信小程序_基础组件学习02 swiper组件 swiper是滑块容器,也就是手机端的轮播图. swiper组件有两部分组成swiper和swiper-item. swiper-item需要放在swi ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...
【微信小程序】选择器组件picker
文章目录 [微信小程序]选择器组件picker picker组件的定义 picker组件的类型 picker属性共同的属性时间选择器time 参考 [微信小程序]选择器组件picker picke ...
A095_day01_微信小程序入门与组件
目录微信小程序入门与组件 - Day01 1.内容介绍 2.微信小程序简介(了解) 2.1.什么是小程序 2.2.微信小程序与app的区别 2.3.小程序在入口 2.4.微信小程序的工作原理 2.5 ...
微信小程序引入vant-weapp组件遇到的bug以及解决方法
微信小程序引入vant-weapp组件遇到的bug问题原本百度了一波,说只要安装了node还有npm之后,使用gitBash命令行工具直接cd到根目录下然后直接引入以下代码: npm i vant- ...
微信小程序日历签到组件(原创)
微信小程序日历签到组件(原创) 开发原因: 为满足定制需要,市面上又找不到车子和轮子,干脆自己撸了并开源分享有需要的人用其他说明: 该组件js日期均已使用yyyy/MM/dd格式连接解决ios不兼容 ...
微信小程序自定义日历组件
微信小程序自定义日历组件 wxml <view class="maskWrap" bindtap="close"></view>< ...

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

修改switch组件的大小

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

最新文章

热门文章