在小程序中新建一个component文件夹
在component里面新建一个bannerImg的文件夹(用来放置公共的轮播图)
在bannerImg里面的banner.wxml里面放置轮播图模块
banner.wxml
banner.js
需要在banner.json中配置: "component":true
在页面中使用(例如要在page文件夹的index文件夹中使用)
首先:需要在index文件夹下面的index.json中进行配置;
"usingComponents": { "banner-img": "../../component/banner_img/banner" }
然后在中使用:<banner-img BannerHeight="300rpx" imglist="{{bannerlist}}" url="img"></banner-img>
imglist:是我们在当前js中请求的json数据 url是图片的路径
img是bannerlist数组中的字段