微信小程序引入外部組件 iView Weapp

iview Weapp組件的使用方法:vue

1. 下載小程序組件庫 (前提是你已經有了項目目錄)git

        你能夠直接去github把iView Weapp的代碼下載下來,也能夠用過npm來下載。github

        github地址:https://github.com/TalkingData/iview-weappnpm

2. 將組件庫複製到工程的static目錄下json

下載完成後,到它的目錄中尋找名爲dist的目錄並複製到你的工程目錄下,而後給這個dist目錄改個名字,好比叫iview。小程序

3.  爲須要使用自定義組件的Page進行配置微信小程序

       在頁面對應的配置文件(main.json)中引入組件(路徑根據本身項目位置配置),以 Button 和 icon 爲例:微信

       

4. 在 wxml 中使用組件:app

 

 

最後:總結一下可能用到的官方文檔iview

mpvue:http://mpvue.com/

微信小程序:https://developers.weixin.qq.com/miniprogram/dev/

iView Weapp:https://weapp.iviewui.com/docs/guide/start

vue.js:https://cn.vuejs.org/v2/guide/

iView Weapp GitHub下載:https://github.com/TalkingData/iview-weapp

相關文章
相關標籤/搜索