微信小程序开发自定义swiper组件原点

微信小程序的swiper组件是滑块视图容器,也就是说平常我们看到的轮播图就可以用它来做,不过这个组件有很多样式是固定的,但是,有时候我们的设计稿的面板指示点是需要个性化的,那么如何去修改swiper组件的面板指示点的样式呢?

方法一                                                                                                                                                                                                          重写组件默认样式, 在调试时候我看到选择器, 进行相应调整即可(有一定的局限性 个人不建议)

方法二                                                                                                                                                                                                          自定义原点组件  优点 个性化定制,根据需求进行修改(源码如下)

wxml

          微信小程序开发自定义swiper组件原点

js文件

微信小程序开发自定义swiper组件原点

样式自己调整 , 效果图如下

微信小程序开发自定义swiper组件原点