首頁 > 微信小程式 > 小程式開發 > 微信小程式的輪播圖swiper問題

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

高洛峰
發布: 2018-05-19 13:50:56
原創
4007 人瀏覽過

微信小程式的輪播圖swiper,呼叫後,怎樣覆蓋系統的點,達到自己想要的效果

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

這個是效果圖:

微信小程序的轮播图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顯示效果如下:

微信小程序的轮播图swiper问题

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

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

改變的是背景如圖:

微信小程序的轮播图swiper问题

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

更多微信小程式的輪播圖swiper問題 相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板