前面一篇文章已经说过怎么搭建微信小程序npm项目了,看这篇文章前先了微信小程序npm构建https://blog.csdn.net/Acer2016/article/details/86999341
废话不多说,直接进入主题
1.在需要使用的页面的 .json文件里面添加配置(根据自己插件路径配置)
"usingComponents": {
"van-tabbar": "/miniprogram_npm/miniprogram_npm/vant-weapp/tabbar/index",
"van-tabbar-item": "/miniprogram_npm/miniprogram_npm/vant-weapp/tabbar-item/index"
}
2.保证配置没问题进行第二步 .wxml 写页面布局
<swiper current="{ {currentData}}" class='swiper' style="height:600px;" duration="300" bindchange='swiperChange' >
<swiper-item>
写退货页
<view wx:for='{ {prodlist}}' wx:key='id' name='prod'>
<view>{ {item}}</view>
</view>
</swip