q***@qq.com
q***@qq.com
  • 发布:2018-09-22 18:33
  • 更新:2019-05-31 14:29
  • 阅读:5077

【报Bug】swiper指示点样式定义无效

分类:uni-app

详细问题描述
[内容]
swiper的指示点定义属性无效
indicator-active-color,indicator-color
配置这两个参数后,编译时会报错,不添加则能成功编译
代码如下:

     <scroll-view class="topswiper">  
        <swiper :indicator-dots="true" :indicator-color="rgba(255,0,0,.5)" :indicator-active-color="#ff0000" :autoplay="true" :current="1" :interval="5000" :duration="600" :next-margin="40" :previous-margin="40" :circula="true" class="swiper">  
            <swiper-item>  
                <view class="swiper-item color1">A</view>  
            </swiper-item>  
            <swiper-item>  
                <view class="swiper-item color2">B</view>  
            </swiper-item>  
            <swiper-item>  
                <view class="swiper-item color3">C</view>  
            </swiper-item>  
        </swiper>  
    </scroll-view>  

报错如下
运行环境:魅族16真机调试

联系方式
[QQ]85347325
[电话]17738247431

2018-09-22 18:33 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

这是动态赋值

:prop="itemColor"

itemColor 是定义的变量,而非直接的字符串内容。

这是直接赋值

prop="rgb(255, 255, 255)"

这个 rgb(255, 255, 255) 是直接的字符串值,不是通过变量来赋值的。

因此,应该是这样的:

<swiper :indicator-dots="true" indicator-color="rgba(255,0,0,.5)" indicator-active-color="#ff0000" autoplay="true" current="1" interval="5000" duration="600" next-margin="40" previous-margin="40" circula="true" class="swiper">
xiaoxiaococo

xiaoxiaococo

怎么自定义这个点的样式,比如,active时变成长方形,而不是圆点

  • 2***@qq.com

    改不了,建议自己写样式覆盖

    2019-06-20 15:42

该问题目前已经被锁定, 无法添加新回复