uniapp swiper 一个swiper-item 里放入多个图片,思路两层玄幻

<swiper class="analyster-swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :current="curDot" :circular='circular'>
						<swiper-item v-for="(item, index) in list" :key="index" class="flex-center ">
							<view class="analyster-panel" v-for="(item2, index2) in item" @click="swicthAnalyster(item2.pic,index2)">
								<view class="analyster-grid flex-center">
									<view class="ana-avatar">
										<image :src="item2.pic" mode=""></image>
									</view>
									<view class="flex_bd">
										<view class="ana-heading">
											<view class="name">English name </view>
											<view class="pos">分析师总监</view>
										</view>
										<view class="ana-cell">
											<view class="bd">分析师介绍描述,平台金牌分析师准确率极高,经验丰富分析师介绍描述,平台金牌分析师准确率极高,经验丰富</view>
										</view>
										<view class="ana-end-cell">
											分析赛果准确率:<text class="per-val">80%</text>
										</view>
										<view class="ana-foot">
											<view class="btn btn--black" @click="goUrl('/pages/analyst/index')">查看赛事</view>
										</view>
									</view>
								</view>
							</view>
						</swiper-item>
					</swiper>

// 分析师
				curDot: 0,
				list: [
					[{
						pic: '../../static/img/fenxishi.jpg'
					}, {
						pic: '../../static/img/fenxishi.jpg'
					}, {
						pic: '../../static/img/fenxishi.jpg'
					},],
					[{
						pic: '../../static/img/fenxishi.jpg'
					}, {
						pic: '../../static/img/fenxishi.jpg'
					}, {
						pic: '../../static/img/fenxishi.jpg'
					},],
				],

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注