uni app 缩略轮播图有切换按钮

最新推荐文章于 2024-09-20 21:48:23 发布

小白卩

最新推荐文章于 2024-09-20 21:48:23 发布

阅读量358

点赞数

文章标签： uni-app 前端

本文链接：https://blog.youkuaiyun.com/qq_38722722/article/details/128232763

版权

本文介绍了如何在uni-app中创建一个具有切换按钮的缩略轮播图，提供了可以直接使用的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--带缩略图轮播图组件-->
<template>
<view class="peopleSwiper">
<view class=" sy-tu-top">	
  <swiper class="bigImg"  :current="currenttp"  >
    <swiper-item v-for="(big,index) in imgSwiperData" :key="index">
      <image :src="big.imgUrl" mode="scaleToFill"></image>
    </swiper-item>
  </swiper>
  <view class="sy-tu-top-z" @click.stop="leftImg">
  	<image src="../../static/sy-tu-z.png" mode="widthFix"></image>
  </view>
  <view class="sy-tu-top-y"  @click.stop="rightImg">
  		<image src="../../static/sy-tu-y.png" mode="widthFix"></image>
  </view>
</view>

  <swiper class="smallImg" :current="currenttp" :circular='ci