Rumah > applet WeChat > Pembangunan program mini > 小程序轮播图显示不全怎么解决

小程序轮播图显示不全怎么解决

angryTom
Lepaskan: 2020-03-26 13:11:03
asal
6612 orang telah melayarinya

小程序轮播图显示不全怎么解决

小程序轮播图显示不全怎么解决

按照小程序官方的文档,swiper 轮播图中的图片高度大时,会显示不全。

解决方法:给image添加style属性style="height: 100%"即可。

style="height: 100%"
Salin selepas log masuk

全部代码如下:

<swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000">
  <block wx:for="{{ banners }}" wx:for-item="banner" wx:key="_id">
    <swiper-item>
      <image src="{{ banner.image }}"
        style="height: 100%; width: 100%;"
       />
    </swiper-item>
  </block>
</swiper>
Salin selepas log masuk

PHP中文网,大量免费小程序开发教程,欢迎学习!

Atas ialah kandungan terperinci 小程序轮播图显示不全怎么解决. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan