一、视图容器组件
1、常见的视图容器组件
（1）、view
- 普通视图区域
- 类似于 HTML 中的 div ，是一个块级元素
- 常用来实现页面的布局效果
（2）、scroll-view
- 可滚动的视图区域
- 常用来实现滚动列表效果
（3）、swiper 和 swiper-item
- 轮播图容器组件 和 轮播图 item 组件
2、view 组件的基本使用
?3、scroll-view 组件的基本使用
4、swiper 和 swiper-item 组件的基本使用?
indicator-dots 属性：显示面板指示点
indicator-color?属性：指示点颜色
autoplay?属性：是否自动切换(默认五秒切换)
interval?属性：切换时间间隔（5000=5秒）
circular?属性：是否采用衔接滑动（最后一张滑至第一张，循环）
注意：swiper-item:nth-child(1)?.item{......}注意m:n没有空格，.item小点前面有空格
二、基础内容组件----?text 和 rich-text 组件
1、通过 text 组件的 selectable 属性，实现长按选中文本内容的效果：<text selectable>文本</text>
2、通过 rich-text 组件的 nodes 属性节点，把 HTML 字符串渲染为对应的 UI 结构：
<rich-text nodes=<"h1 style='color: red;'>标题</h1>"></rich-text>（nodes 类似页面中的详情，点击跳转到详情页面。）
三、其他常用组件
1、button--按钮组件
????????通过 open-typen 属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等等）
?button属性汇总：
- 通过 type 指定按钮类型：default（默认）、primary（主色调）、warn（警告）
- size 属性：default（默认大小）、mini（小尺寸）
- plain 属性：镂空按钮
2、image--图片组件
- image 组件默认宽度约 300px，高度约240px
- <image scr="图片路径"></image>
- scaleTofill (默认值)属性：缩放模式，不保存纵横比缩放图片，使图片的宽高完全拉伸至填满image元素
- aspectFit?属性：缩放模式，保持纵横比缩放图片，使图片的长边完全显示出来。即可以将图片完整显示出来
- aspectFill?属性：缩放模式，保持纵横比缩放图片，只能保证图片的短边能完全显示出来。
- widthFix?属性：缩放模式，宽度不变，显示的图片（相框）高度自动变化，保持原图宽高比不变，即可以将图片完整显示出来
- heightFix?属性：缩放模式，高度不变，宽度自动变化，保持原图宽高比不变，即可以将图片完整显示出来
? ? ? ?
3、navigator--页面导航组件
这部分内容，在后续的学习中会用到，后续在详细讲述。