小程序内部有两个类选择器负责修饰“指示点”的样式,分别是 .wx-swiper-dots 和.wx-swiper-dot。 其中.wx-swiper-dots 是负责面板指示点的整体样式, .wx-swiper-dot 是负责面板指示点中的一个点的样式。也就是说 .wx-swiper-dots 修饰的是父标签,.wx-swiper-dot 修饰的是子标签。 所以只需要重写 .wx-...
.index-container{.main-swiper{.wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:2rpx; }.wx-swiper-dot{width:30rpx;display: inline-flex;height:10rpx;margin-left:2rpx;justify-content: space-between; }.wx-swiper-dot::before{content:'';flex-grow:1;background: rgba(255,255,255,0.8);...
<block wx:for="{{imgUrls}}"wx:key="*this"> <swiper-item wx:key="*this"> <image src="{{item}}"class="slide-image"class='img'/> </swiper-item> </block> </swiper> <viewclass="dots"> <block wx:for="{{imgUrls}}"wx:key="*"> <viewclass="dot{{index == current ? ' activ...
框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本 小程序 Bug swiper 工具 6.6.7.1321 2.2.5 属性名类型默认值说明最低版本 indicator-dots display-multiple-items 同时设置 indicator-dots 不生效最后一次编辑于 2018-12-07 回答关注问题邀请回答 收藏 分享 2 个回答 123456 2018-12-10 dis...
swiper组件的indicator-dots属性为true时,覆盖组件默认的样式,自定义自己的样式;看到这样的两个css类名 .wx-swiper-dots{ ... } .wx-swiper-dot-active{ ... } 可以覆盖默认的样式,但是在官方api中并没有看到相关资料,请问这是哪里来的? 是官方的吗? 回答关注...
indicator-dots="false"无效 <swiper indicator-dots="false" autoplay="3000" interval="2000" duration="100"> 改成 <swiper indicator-dots="" autoplay="3000" interval="2000" duration="100"> 或不写 <swiper autoplay="3000" interval="2000" duration="100"> ...
微信小程序 swiper轮播 自定义indicator-dots样式 2019-04-16 14:56 −... bingxiaoxiao 0 9989 vue使用swiper(转) 2019-12-02 14:33 −(这个错有时候只在移动端报) PC端使用swiper会出现的bug: https://blog.csdn.net/gaoqiang1112/article/details/90517599 ... ...
indicator-dots boolean false 否 是否显示面板指示点 1.0.0 如果隐藏的话 不能写 <swiper indicator-dots="false" autoplay="true" interval="5000" duration="300"> </swiper> 因为"false" 会被解析成字符串 而字符串是 true 值,所以直接写是不行的 解决如下 <swiper indicator-dots="{{false}}" autop...
调成dots的位置: /* 调成dots的位置 */ /* 顶部 */ .wx-swiper-dots.wx-swiper-dots-horizontal { top: 40rpx; } /* 中间 */ .wx-swiper-dots.wx-swiper-dots-horizontal { top: 50%; } /* 右下角 */ .wx-swiper-dots.wx-swiper-dots-horizontal { ...