<view class="swiper-w">
<swiper class="swiper"
indicator-dots="true"
autoplay="true"
interval="2000"
duration="1500" >
<swiper-item v-for="(item , index) in homeSlide" :key="index">
<image :src="item.img" mode="aspectFill"></image>
</swiper-item>
</swiper>
</view>
.swiper-w{
width: 100%;
height:400upx;
}
.swiper{
height:400upx ;
}
swiper-item image{
width:100%;
height: 400upx;
}
uni-app中輪播圖
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
微服務實踐Aspire項目發佈到遠程k8s集羣
hiningrise
2024-06-02 14:24:56
微服務實踐之使用 Visual Studio 2022 調試Dapr 應用程序
hiningrise
2024-06-02 14:24:56
.NET開源、跨平臺、使用簡單的面部識別庫
追逐時光
2024-06-02 14:21:55
Python 潮流週刊#53:我輩楷模,一個約見諾獎得主,一個成爲核心開發者
豌豆花下貓
2024-06-02 14:19:15
Terraform管理OpenStack
馬昌偉
2024-06-02 14:13:44
matlab練習程序(LQR路徑跟蹤)
Dsp Tian
2024-06-02 14:11:04
h32 Most commonly used tags in HTML
emanlee
2024-06-02 14:10:23
css45 CSS Math Functions
emanlee
2024-06-02 14:10:23
CSS tutorials (w3school)
emanlee
2024-06-02 14:10:23
css44 CSS The !important Rule
emanlee
2024-06-02 14:10:23
css41 CSS Website Layout
emanlee
2024-06-02 14:10:23
css39 CSS Forms
emanlee
2024-06-02 14:10:23
css40 CSS Counters
emanlee
2024-06-02 14:10:23
css43 CSS Specificity
emanlee
2024-06-02 14:10:23