微信小程序怎样修改swiper组件中样式的修改
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序怎样修改swiper组件中样式的修改相关的知识，希望对你有一定的参考价值。
参考技术A 学小程序时写过一个B站demo，也遇到此问题，最后自定义Swiper的Dot来实现了。思路是：用view组件重写dot，给swiper组件绑定bindchange事件用来获取当前第几个dot，动态改变class。
<!-- 滚动广告 begin -->
<view class="slider-wrapper">
<swiper bindchange="swiperChange" indicator-dots="indicatorDots"
autoplay="autoplay" interval="interval" duration="duration">
<block wx:for="imgUrls" wx:key="*this">
<swiper-item>
<image src="item" class="slide-image"/>
</swiper-item>
</block>
</swiper>
<view class="swipe-btn-wrapper">
<view class="swipe-btn-list">
<view class="dotsClass[0]"></view>
<view class="dotsClass[1]"></view>
<view class="dotsClass[2]"></vi本回答被提问者采纳
微信小程序之vant组件自定义样式（外部样式）
参考技术A vant 很多组件带自定义样式custom-class，方便使用者修改或者扩展。本文以vant-cell修改背景色为例，说明自定义属性的使用。
xml引入vant-cell
原始效果如下图
xml申明custom-class属性
wxss实现具体的样式
效果如下图，背景色样式已经被修改了，
以上是关于微信小程序怎样修改swiper组件中样式的修改的主要内容，如果未能解决你的问题，请参考以下文章