小程序内部有两个类选择器负责修饰“指示点”的样式,分别是 .wx-swiper-dots 和.wx-swiper-dot。 其中.wx-swiper-dots 是负责面板指示点的整体样式, .wx-swiper-dot 是负责面板指示点中的一个点的样式。也就是说 .wx-swiper-dots 修饰的是父标签,.wx-swiper-dot 修饰的是子标签。 所以只需要重写 .wx-...
swiper组件的indicator-dots属性为true时,覆盖组件默认的样式,自定义自己的样式;看到这样的两个css类名 .wx-swiper-dots{ ... } .wx-swiper-dot-active{ ... } 可以覆盖默认的样式,但是在官方api中并没有看到相关资料,请问这是哪里来的? 是官方的吗? 回答关注问题邀请回答 收藏 分享 4 个回答 LastLeaf ...
所以只需要重写.wx-swiper-dots和.wx-swiper-dot这两个类选择器就可以灵活的修改swiper组件面板指示点的形状、间距和位置。具体解决方案如下(dot表示面板指示点中的一个点,dots表示面板指示点的整体): 修改dot形状: /* 修改dot形状 */ .wx-swiper-dots .wx-swiper-dot{ width: 40rpx; /*宽*/ height: 10r...