版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hhy2014yatan/article/details/81409050
wxml页面:
<view class="menu-wrp">
<swiper indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" >
<swiper-item>
<view class="menu-list" wx:for="{{menu.imgUrls}}" >
<image class="menu-img" src="{{item}}" />
<view class="menu-desc">{{menu.descs[index]}}</view>
</view>
</swiper-item>
<swiper-item>
<view class="menu-list" wx:for="{{menu1.imgUrls}}" >
<image class="menu-img" src="{{item}}" />
<view class="menu-desc">{{menu1.descs[index]}}</view>
</view>
</swiper-item>
</swiper>
</view>
js页面:
menu: {
imgUrls: [
'/images/mb.png',
'/images/jgtm.png',
'/images/ks.png',
'/images/byj.png',
'/images/bs.png',
'/images/zf.png',
'/images/sm.png',
'/images/cb.png',
'/images/xf.png',
'/images/vl.png'
],
descs: [
'面部轮廓',
'激光脱毛',
'抗衰紧致',
'半永久状',
'补水美白',
'毛发种植',
'私密整形',
'唇部整形',
'失败修复',
'小V脸',
]
},
menu1: {
imgUrls: [
'/images/mb.png'
],
descs: [
'测试'
]
},
效果: