【Uniapp】uniapp 中使用 vant-weapp


uniapp 中使用 vant-weapp

1. 在根目錄下創建 wxcomponents(固定文件名,不可修改),wxcomponents 下建文件夾 vant

在根目錄下創建 , 下建文件夾

2. 項目引入

3. 在 App.vue 中引入 UI 樣式

在中引入樣式

4. 在 pages.json 中引入對應組件

在對應頁面中使用組件

或者在全局下使用組件

// pages.json
{
  "pages": [],
  "globalStyle": {
    ...
    "usingComponents": {
      "van-popup": "/wxcomponents/vant/dist/popup/index",
      "van-slider": "/wxcomponents/vant/dist/slider/index",
      "van-index-bar": "/wxcomponents/vant/dist/index-bar/index",
      "van-index-anchor": "/wxcomponents/vant/dist/index-anchor/index",
      "van-uploader": "/wxcomponents/vant/dist/uploader/index",
      "van-checkbox": "/wxcomponents/vant/dist/checkbox/index",
      "van-checkbox-group": "/wxcomponents/vant/dist/checkbox-group/index",
      "van-switch": "/wxcomponents/vant/dist/switch/index",
      "van-dropdown-menu": "/wxcomponents/vant/dist/dropdown-menu/index",
      "van-dropdown-item": "/wxcomponents/vant/dist/dropdown-item/index"
      ...
    }
  }
}


免責聲明!

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



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