微信小程序的輪播圖swiper問題


微信小程序的輪播圖swiper,調用后,怎樣覆蓋系統的 點,達到自己想要的效果

不多說,先上一圖望大家多給意見:

這個是效果圖:

 

微信小程序效果圖就成這樣子:

 

<view class="section section_gap swiper">
  <swiper indicator-dots="{{indicatorDots}}" vertical="{{vertical}}"
  autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
  <block wx:for="{{banner}}">
  <swiper-item >
    <navigator url="../../pages/lists/lists" hover-class="navigator-hover">
    <image src="{{item}}" class="swiper-item "></image>
    </navigator>
    </swiper-item>
    </block>

  </swiper>
</view>

 

 page顯示效果如下:

在樣式里怎么也修改不了,那里面的點的樣式,達不到自己想要的效果,

點在repeat里面,我修改 .swiper repeat{width:8rpx; height:8rpx;background:rgba(255,255,255,.5);border-radius:50%;}

改變的是背景 如圖:

請哪位高手多多指點一下,謝謝,也希望我有什么幫助你的,一同學習,謝謝

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM