mpvue + vant weapp

  1. 从vant-weapp的git仓库中下载源码
    地址:https://github.com/youzan/vant-weapp
  2. 把vant-weapp中dist 文件重命名改下,粘贴复制到自己项目下面的静态文件中,如图:将dist文件重命名为vant,将其粘贴复制到static下面


    image.png
  3. 引入在需要的文件夹中的main.json
 "usingComponents": {
        "van-notice-bar": "/static/vant/notice-bar/index"
             //此路径就是你放在哪个文件夹下面的路径~
    }

在对应的index.vue直接使用标签即可

<template>
  <div>
     <van-notice-bar left-icon="volume-o"/>
  </div>
</template>
  1. 运行即可 npm run dev
  2. ⚠️:将开发者工具设置改下!!!! 一定要把es6转es5这项打勾☑️


    image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容