安装vant-weapp 组件

原创
2020/06/04 09:42
阅读数 1.3W

一、新建小程序项目

二、打开cmd,小程序项目目录下

npm i vant-weapp -S --production

2.1 如果执行上面的代码报错了

那你就执行一下:npm init -y 微信开发工具里面就会出现:package.json这样就解决问题了 2.2 接着就可以执行:npm i vant-weapp -S --production

这样就可以了~~~~

三、在微信开发者工具中,就可以用了

四、使用

  1. 在app.json引入
{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json",
  "usingComponents":{
    "van-cell":"./miniprogram_npm/vant-weapp/cell/index"
  }
}
  1. 在wxml里面使用了!
<van-cell-group>
  <van-cell title="单元格" value="内容" />
  <van-cell title="单元格" value="内容" label="描述信息" border="{{ false }}" />
</van-cell-group>

结果:

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部