短视频app制作，各个程序里常见的首页轮播图

短视频app制作，各个程序里常见的首页轮播图

1、 HTML文件

 

1

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

​

2、CSS文件

 

1	<br>.banners{<br>   width: 100%;<br>   height: 300rpx;<br>}<br> <br>.banners image{<br>  width: 100%;<br>  height: 100%;<br>}

以上就是短视频app制作，各个程序里常见的首页轮播图， 更多内容欢迎关注之后的文章