uniapp 实现滑动切换并且下方有小圆点

努力搬砖的小码

于 2024-05-06 17:27:33 发布

阅读量334

点赞数 3

分类专栏： uniapp 文章标签： uni-app java 前端

本文链接：https://blog.csdn.net/weixin_63199745/article/details/138347857

版权

1、页面布局

	<view>
					<swiper :indicator-dots="idtrue">
						<swiper-item v-for="(item,index) in userLst" :key="index" class="con">
							<view class="info">
								<block v-for="(items,ind) in item" :key="ind">
									<view class="scroll-tab-item" @click="toped(items.baseId)"
										style="text-align: center;">
										<img v-if="items.head && items.head !== ''"
											:src="路径" alt="" class="imges"
											srcset="" />
										<view v-else :style="{backgroundColor: 
     items.color }" class="userAuatard"
											@click="tops(items)">
											{
  {items.msg}}
										</view>
										<span class="texting&