锦鲤丶可接单
锦鲤丶可接单
  • 发布:2024-03-27 14:59
  • 更新:2024-03-27 16:13
  • 阅读:73

【报Bug】swiper组件的autoplay属性设置成false不生效,并且默认swiper会自动轮播

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.99

第三方开发者工具版本号: 1.0.6

基础库版本号: 3.3.5

项目创建方式: HBuilderX

操作步骤:

swiper组件的autoplay属性设置成false不生效,并且默认swiper会自动轮播

预期结果:

swiper组件的autoplay属性设置成false不生效,并且默认swiper会自动轮播

实际结果:

swiper组件的autoplay属性设置成false不生效,并且默认swiper会自动轮播

bug描述:

swiper组件的autoplay属性设置成false不生效,并且默认swiper会自动轮播

2024-03-27 14:59 负责人:无 分享
已邀请:
锦鲤丶可接单

锦鲤丶可接单 (作者) - 接单中丶Tel_18560000860

追加问题描述

套马杆的套子

套马杆的套子 - 没有解决不了的问题,只有解决不完的问题

重新创建的项目,vue3,直接给官方的代码拿过来了,试了下,没发现你说的问题,设置成false后,interval也是用的变量的方式,默认打开后不会自动轮播

<template>  
    <view class="content">  
        <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="false" :interval="interval"  
            :duration="duration">  
            <swiper-item>  
                <view class="swiper-item uni-bg-red">A</view>  
            </swiper-item>  
            <swiper-item>  
                <view class="swiper-item uni-bg-green">B</view>  
            </swiper-item>  
            <swiper-item>  
                <view class="swiper-item uni-bg-blue">C</view>  
            </swiper-item>  
        </swiper>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello',  
                background: ['color1', 'color2', 'color3'],  
                indicatorDots: true,  
                autoplay: true,  
                interval: 2000,  
                duration: 500  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .uni-margin-wrap {  
        width: 690rpx;  
        width: 100%;  
    }  
    .swiper {  
        height: 300rpx;  
    }  
    .swiper-item {  
        display: block;  
        height: 300rpx;  
        line-height: 300rpx;  
        text-align: center;  
    }  
    .swiper-list {  
        margin-top: 40rpx;  
        margin-bottom: 0;  
    }  
    .uni-common-mt {  
        margin-top: 60rpx;  
        position: relative;  
    }  
    .info {  
        position: absolute;  
        right: 20rpx;  
    }  
    .uni-padding-wrap {  
        width: 550rpx;  
        padding: 0 100rpx;  
    }  
</style>  

要回复问题请先登录注册