效果图:
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内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复