短視訊app製作，各個程式裡常見的首頁輪播圖

短視訊app製作，各個程式裡常見的首頁輪播圖

1、 HTML檔案

<view class="indexContainer">
  <!-- 輪播圖區域 -->
   <swiper class="banners" indicator-dots='true' indicator-color="ivory" indicator-active-color="#d43c33">  
     <swiper-item>
       <image src="/static/images/nvsheng.jpg"></image>
     </swiper-item> 
          <swiper-item>
       <image src="/static/images/nvsheng.jpg"></image>
     </swiper-item> 
          <swiper-item>
       <image src="/static/images/nvsheng.jpg"></image>
     </swiper-item> 
   </swiper>
 
 
</view>/

2、CSS檔案

.banners{
   width: 100%;
   height: 300rpx;
}
 
.banners image{
  width: 100%;
  height: 100%;
}

以上就是短視訊app製作，各個程式裡常見的首頁輪播圖， 更多內容歡迎關注之後的文章