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