Swiper を使用する際の落とし穴、どの落とし穴に陥りましたか?

スワイパーの落とし穴

1. ネーミングの問題

vue であろうと小さなプログラムであろうと、swiper コンポーネントを直接 swiper.vue または大文字の Swiper.vue.

2. ユニットの問題

小さなプログラムでは、この画像のサイズを変更するために rpx を使用する必要があり、upx にはいくつかの問題があります。

c. 身長の問題

スワイパー画像のサイズは、基本的に 150px のサイズになります (ユニットの問題に注意する必要がありますが、デフォルトの高さ 150 を妨げません)。

解決策: 自分で高さを手動で変更する必要があります。

コード：

swiper{
    width: 100%;
    height: 400rpx;
    .swiper-item{
       image{
       width: 100%;
       height: 400rpx;
             }
          }
        }