本章节介绍使用微信小程序weui做个开关效果。
一、在input目录中新建switch.wxml，并添加如下代码
<view class="page" xmlns:wx="http://www.w3.org/1999/xhtml"> <view class="page__hd"> <view class="page__title">小程序weui switch开关</view> <view class="page__desc">www.vxzsk.com V型知识库 原创</view> </view> <view class="page__bd"> <view class="weui-cells__title">开关</view> <view class="weui-cells weui-cells_after-title"> <view class="weui-cell weui-cell_switch"> <view class="weui-cell__bd">标题文字</view> <view class="weui-cell__ft"> <switch checked /> </view> </view> </view> </view> </view>
二、在根目录app.json配置文件中配置switch文件路径，保存后会自动生成对应的js等文件
"pages/input/switch",
三、效果如下
此文章本站原创，地址 https://www.vxzsk.com/1888.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程