使用uni-ui的uni-swiper-dot组件开发轮播图

最新推荐文章于 2024-07-24 10:27:07 发布

佛佛ง

最新推荐文章于 2024-07-24 10:27:07 发布

阅读量1.7k

点赞数 1

分类专栏： uniapp

本文链接：https://blog.csdn.net/LzzMandy/article/details/105821822

版权

本文详细介绍了如何在uni-app中利用uni-swiper-dot组件开发轮播图功能，包括组件的引入、配置项设置及事件监听，帮助开发者实现自定义的轮播指示点效果。

摘要由CSDN通过智能技术生成

<template>
  <view>
    <view class="title"> nav导航样式↓ </view>
    <uni-swiper-dot :info="info" :current="current" :dotsStyles="dotsStyles1" field="content" mode="nav">
      <swiper class="swiper-box" @change="change">
        <swiper-item v-for="(item,index) in info" :key="index">
            <image :src="item.images" class="swiper-item" mode="aspectFill"></image>
        </swiper-item>
      </swiper>
    </uni-swiper-dot>
    <view class="title"> dot样式↓ </view>
    <uni-swiper-dot :info="info" :current="current" :dotsStyles="dotsStyles2" mode="dot