小程序使用Vant Weapp的引用

vant weapp 的使用

下载vant文件到本地:
小程序使用Vant Weapp的引用_第1张图片
全局引用:
小程序使用Vant Weapp的引用_第2张图片
也可以在页面单独引用,比如要在index里引用,只需在index.json申明即可:

"usingComponents": {
    "van-popup": "vant/popup/index",
    "van-cell-group": "vant/cell-group/index",
    "van-button": "vant/button/index",
    "van-count-down": "vant/count-down/index",
    "van-field": "vant/field/index"
  },

页面具体组件的使用:引入的name作为元素标签名使用,代码及展示效果如下,
小程序使用Vant Weapp的引用_第3张图片
组件的具体使用方法,可以去官方文档查看,但是讲实话,这次的使用感觉还是挺坑的,很多东西都需要自己写JS解决,以后慢慢记录吧。。。

你可能感兴趣的:(小程序)