uniapp 引入vant Weapp

1,386 阅读1分钟
  1. 引入
    • 在项目中新建文件夹wxcomponents --> vant
    • vant Weapp下载到本地
    • 解压后,将dist文件夹拷贝到vant目录中
  2. 使用
    • 在App.vue中的style引入 @import "/wxcomponents/vant/dist/common/index.wxss";
    • 引用和使用(两种方法)
//page.json
{
    "path": "pages/index/index",
    "style": {
        "usingComponents": {
            "van-button": "/wxcomponents/vant/dist/button/index",
        }
    }
}
//页面中使用
<van-button type="danger">危险按钮</van-button>
//页面中引用
import vanButton from '@/wxcomponents/vant/dist/button/index'
components:{
    vanButton
},
//页面中使用
<van-button type="danger">危险按钮</van-button>