【微信小程序/组件】视图容器

先附上官方说明文档链接：点击跳转

view

（1）简要概述

等同于HTML标签中的div，理解成面板也行

（2）使用范例

<view>
	<view>
		...
	</view>
</view>

scroll-view

（1）简要概述

方便设置可以滚动的view，理解成滚动面板也行

（2）使用范例

<scroll-view>
	<scroll-view>
		...
	</scroll-view>
</scroll-view>

（3）相关属性

1. scroll-y：是否在纵轴上滚动

使用范例

<scroll-view scroll-y="true" style="height: 100vh;">
<!-- 注意使用该属性时高度要固定，例如style="height: 100vh; -->
</scroll-view>

swiper

（1）简要概述

轮播面板

（2）使用范例

 <swiper>
      <!--swiper-item是单个轮播文件的容器-->
   <swiper-item>
   	  <!--可以在这里放图片-->
   </swiper-item>
   <swiper-item>
   	  <!--也可以是视频-->
   </swiper-item>
   ... 
 </swiper>

（3）相关属性

1.autoplay：是否自动播放

使用范例

 <swiper autoplay="true">
 	...
 </swiper>

2.circular：是否循环播放

使用范例

 <swiper circular="true">
 	...
 </swiper>

3.indicator-dots：是否显示面板指示点

使用范例

 <swiper indicator-dots="true">
 	...
 </swiper>