ホームページ  >  記事  >  WeChat アプレット  >  WeChat アプレットにおけるカルーセル画像スワイパーの問題

WeChat アプレットにおけるカルーセル画像スワイパーの問題

高洛峰
高洛峰オリジナル
2018-05-19 13:50:563936ブラウズ

WeChat アプレットのカルーセル画像スワイパーを呼び出した後、必要な効果を実現するシステムのポイントをカバーする方法

これ以上詳しくは説明しませんが、最初に画像を見て、さらに詳しく教えていただければ幸いです意見:

これはレンダリングです:

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

WeChat アプレットのレンダリングは次のようになります:

微信小程序的轮播图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>

ページの表示効果は次のとおりです:

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

できますよスタイル内のポイントのスタイルを変更することはできません。希望する効果を実現できません。

繰り返しをクリックして、.swiperrepeat{width:8rpx;height:8rpx;background:rgba(255,255,255,.5)を変更します。 );border-radius:50%;}

変更されたのは、写真に示すように背景です:

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

専門家の方、アドバイスをいただけますでしょうか。よろしくお願いします。一緒に学びましょう

その他の WeChat アプレット カルーセル チャート スワイパーの問題 関連記事 PHP 中国語 Web サイトにご注意ください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。