上QQ阅读APP看书，第一时间看更新
4.1 组件的介绍和分类
4.1.1 组件的介绍
小程序组件是视图层的基本组成单元，它自带微信风格UI样式和特定功能效果。例如，用户在小程序页面上所看到的图片、文本、按钮等都属于小程序组件。小程序为开发者提供了一系列基础组件，通过组合这些组件可以进行更高效的开发。
一个组件通常包括<开始标签>和</结束标签>，在开始标签中可以追加属性修饰组件，在首尾标签之内可以嵌套内容。
其语法格式如下：
<标签名称 属性="值"> 内容 </标签名称>
例如：
<text id="demo">这是一段文本内容。</text>
上述代码表示一个文本组件text，用于显示纯文字内容。该组件在本页面具有唯一id编号"demo"，其首尾标签之间是想要呈现出来的具体文本内容。需要注意的是，所有组件和属性都使用小写字母。
其中id属性是一个通用属性，可以被所有组件使用。小程序目前提供7类通用属性，如表4-1所示。
表4-1 小程序组件通用属性
注意：除上述7种通用属性外，绝大部分组件还带有自定义的特殊属性，用于对组件的功能和样式进行修饰，这些属性将在各类组件中详细介绍。
4.1.2 组件的分类
组件按照功能主要分为以下7类。
• 视图容器（View Container）组件：主要用于规划布局页面内容。
• 基础内容（Basic Content）组件：用于显示图标、文字等常用基础内容。
• 表单（Form）组件：用于制作表单。
• 导航（Navigation）组件：用于跳转指定页面。
• 媒体（Media）组件：用于显示图片、音频、视频等多媒体内容。
• 地图（Map）组件：用于显示地图效果。
• 画布（Canvas）组件：用于绘制图画内容。