微信小程序:i-view插件之action-sheet

本文档介绍了如何在微信小程序中配置并使用i-view的action-sheet组件。首先,将i-view weapp的dist文件夹引入项目,然后在对应的JSON文件中配置using components,引用action-sheet。接着在WXML页面展示action-sheet组件,并在JS页面中定义数据和事件处理函数,实现点击选项后更新文本内容的功能。
摘要由CSDN通过智能技术生成

微信小程序:i-view插件之action-sheet

i-view的配置

将i-view weapp 下载到本地,解压后将其中的dist文件夹复制,并粘贴到我们自己的正在开发的微信小程序目录(pages同目录),然后通过微信小程序开发工具打开我们正在开发的小程序,例如在page文件下有home文件,将home文件下的json文件进行配置,在using components 中 引入我们需要使用的插件,如:action-sheet 功能,我们发现在dist文件下有action-sheet文件,那么在home.json页面配置时应该指定该插件的目录,“i-action-sheet”:“…/…/dist/action-sheet/index”,冒号前半部分为我们为该插件定义的标签名,后半部分为其目里所在,以后若在其他页面使用该插件仍需要在对应页面的json中进行该配置。
在wxml文件中我们编写.

那么下面就示范通过action-sheet插件修改text的文档内容
WXML页面:

JSON

usingComponents:{
“i-action-sheet”:“…/…/dist/action-sheet/index”
}

WXML页面配置

<i-action-sheet visible="{ {visible1}}" actions="{ {avtions1}}" show-cancel bind:cancel=“clickCancel” bind:click="clickItem/>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值