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

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

  • i-view的配置
    • JSON
    • WXML页面配置
    • JS页面配置

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-view,action-sheet)