微信小程序:app.json中通過使用擴展庫userExtendedLib的方式,引入並使用weui


微信小程序  PK  APP:

1、微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥開發產品更容易觸達⽤⼾;而推⼴app的成本太⾼。

2、微信小程序也可以跨平台Android和IOS)。

一、project.config.json中只需要修改appid

二、app.json中通過使用擴展庫userExtendedLib的方式,引入並使用weui,

WeUI 是由微信官方設計團隊專為微信移動 Web 應用設計的 UI 庫。

1、先在全局配置文件app.json中引入

"useExtendedLib": {
        "weui": true
  },

2、.在page頁面的使用時,對應page頁面的json頁面添加引用,即先在json文件中引入,再在wxml文件中使用,注意組件引用路徑

{
  "usingComponents": {
    "mp-uploader": "weui-miniprogram/uploader/uploader"
  }
}
<mp-uploader bindfail="uploadError" bindsuccess="uploadSuccess" binddelete="uploadDelete" select="{{selectFile}}"
                upload="{{uploadFile}}" files="{{fileObjs}}" max-count="5" title="企業圖片"></mp-uploader>

注意:weui-miniprogram是包名,uploader為組件,規則(我自己總結):"mp-組件名(首字母小寫)": "weui-miniprogram/組件名(首字母小寫)/組件名(首字母小寫)"

具體weui有哪些組件請參考https://weui.io/.如果想要引入Dialog組件:

"usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM