小程序weui switch开关

2018年09月12日 08:39 | 107次浏览 作者原创 版权保护

 本章节介绍使用微信小程序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   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程