我是靠谱客的博主 眯眯眼蜜蜂,这篇文章主要介绍uniapp switch按钮的使用开关按钮效果demo(整理),现在分享给大家,希望可以做个参考。

效果图:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
switch使用官方文档

调整大小
在这里插入图片描述
或添加:style=“zoom:.6”

<template>
	<view class="switchBox">
		<!-- <switch @change="switchChange" color="#F21177" :checked="form.checked" style="zoom:.6" /> -->
		<switch @change="switchChange" color="#F21177" :checked="form.checked" />
	</view>
</template>
<script>
	export default {
		data(){
			return{
				form: {
					checked: false,
				},
			}
		},
		methods: {
			//change方法
			switchChange(e) {
				console.log(e,e.detail.value,'85');
				
			},
		}
	}
</script>
<style>
	.switchBox{
		// 调整大小
		transform: scale(0.8,0.8)
	}
</style>

感谢您的支持
在这里插入图片描述

最后

以上就是眯眯眼蜜蜂最近收集整理的关于uniapp switch按钮的使用开关按钮效果demo(整理)的全部内容,更多相关uniapp内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(54)

评论列表共有 0 条评论

立即
投稿
返回
顶部