基础内容组件包括icon图标组件，text文本组件，process进度条组件。
icon图标组件
微信小程序提供了丰富的图标组件，应用于不同场景，有成功，警告，取消，下载等不同含义的图标，如图
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| type | String | con的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear | |
| size | Number | 23 | icon的大小，单位px |
| color | Color | icon的颜色，同css的color |
text文本组件
text文本组件支持转义符 \ ,如换行\n,空格\t，<text/> 组件内只支持 <text/> 嵌套。除了文本节点以外的其他节点都无法长按选中
<view>
<text>你好世界 \t 你好世界</text>
<text>你好世界 \n 你好世界</text>
</view>
由图可得，text文本组件组件是放置在一行里，不同于view组件，每个view组件一行
进度条组件
progress进度条组件是一种提高用户体验的组件，就像播放视频一样，可以通过进度条看到完整的视频长度，当前的进度，这样能够让用户合理的安排自己的时间，提高用户的体验度。微信小程序也提供了progress进度条组件
| 属性名 | 类型 | 默认值 | 说明 | 最低版本 |
|---|---|---|---|---|
| percent | Float | 无 | 百分比0~100 | |
| show-info | Boolean | false | 在进度条右侧显示百分比 | |
| stroke-width | Number | 6 | 进度条线的宽度，单位px | |
| color | Color | #09BB07 | 进度条颜色 （请使用 activeColor） | |
| activeColor | Color | 已选择的进度条的颜色 | ||
| backgroundColor | Color | 未选择的进度条的颜色 | ||
| active | Boolean | false | 进度条从左往右的动画 | |
| active-mode | String | backwards | backwards: 动画从头播；forwards：动画从上次结束点接着播 | 1.7.0 |
<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active true color="pink" />
