Problem mit dem Karussell-Bildwischer im WeChat-Applet

高洛峰
Freigeben: 2018-05-19 13:50:56
Original
3964 Leute haben es durchsucht

Nachdem Sie den Karussell-Bildwischer des WeChat-Applets aufgerufen haben, erfahren Sie, wie Sie die Systempunkte abdecken, um den gewünschten Effekt zu erzielen.

Es gibt nicht viel zu sagen. Schauen wir uns zuerst das Bild an und hoffen, dass Sie uns weitere Meinungen geben können :

Das ist das Rendering:

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

Das WeChat-Applet-Rendering sieht so aus:

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

Der Seitenanzeigeeffekt ist wie folgt:

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

kann im Stil nicht geändert werden . Der Klickstil kann nicht den gewünschten Effekt erzielen.

Klicken Sie auf „Wiederholen“, und ich ändere .swiper „repeat“{width:8rpx;background:rgba(255,255,255,.5);border- radius:50.“ %;}

Was sich geändert hat, ist der Hintergrund wie gezeigt:

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

Kann mir bitte ein Experte einen Rat geben? Ich hoffe, ich kann helfen . Mit freundlichen Grüßen, lasst uns gemeinsam lernen, danke

Für weitere Probleme mit dem Karussell-Bildwischer in WeChat-Miniprogrammen beachten Sie bitte die PHP-Chinese-Website für verwandte Artikel!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage