注:該方法為通過mpvue構建的小程序使用第三方UI組件方法
一挽拂、安裝第三方UI 庫
具體UI庫的方法請參考UI開的快速上手文檔(wux有勾、vant等等)誓竿,大同小異辨泳,以wux UI為例
方法一:通過命令行安裝
Using npm
npm i wux-weapp -S --production
Using yarn
yarn add wux-weapp --production
方法二:通過 GitHub 下載 Wux Weapp 的代碼蓖扑,然后 將下載的項目 packages/lib/ 目錄拷貝到自己項目static文件夾中唉铜。
二、使用組件
方法一:通過npm 安裝的在 src的根目錄下的main.js 內(nèi)添加import wux from 'wux-weapp'
方法二:通過github 下載的在根目錄下的app.json的usingComponents中引用組件律杠,組件路徑為上述提到的拷貝到項目內(nèi)的相對路徑
"usingComponents": {
"wux-upload": "static/lib/upload/index",
}
在頁面內(nèi) 通過標簽使用組件 例如 <wux-button>按鈕</wux-button>打毛,下圖使用的是upload組件