ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレットにおけるカルーセル画像スワイパーの問題

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

高洛峰
リリース: 2018-05-19 13:50:56
オリジナル
4006 人が閲覧しました

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 サイトにご注意ください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート