uni-app - 改变 <switch> 组件大小(开关太大)

前言

<switch> 组件官方文档:https://uniapp.dcloud.net.cn/component/switch.html

官方开关组件默认非常大,并且组件文档没有明确说明什么属性可以改变大小,

如下图所示:
在这里插入图片描述

解决方案

核心思路:设置宽高属性对 switch 组件没有任何效果,所以只能通过动画缩放属性来整体放小。

您可以在组件上,直接设置以下缩放属性来控制大小。

transform: scale(0.8,0.8)

完整示例

您通过调整缩放比例,来控制放大还是缩小组件。

您可以

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/124633564