Comment résoudre le problème selon lequel les images du carrousel du mini programme ne sont pas entièrement affichées

Comment résoudre le problème selon lequel l'image du carrousel du mini programme n'est pas entièrement affichée

Selon la documentation officielle du mini programme, lorsque la hauteur de l'image dans le carrousel de swiper est grande et sera affichée de manière incomplète.

Solution : ajoutez l'attribut de style style="hauteur : 100 %" à l'image.

style="height: 100%"

Tous les codes sont les suivants :

<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>

Site Web PHP chinois, un grand nombre de tutoriels gratuits de développement de petits programmes, bienvenue pour apprendre !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!