短视频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制作，各个程序里常见的首页轮播图， 更多内容欢迎关注之后的文章