用微信小程序开店之五——小程序组件1：“视图容器”

从本节开始，我将逐一为大家介绍微信小程序的基础组件。咱们闲言少叙，直奔主题。

1、小程序基础组件

小程序基础组件构成如下图：

共有8种基础组件：

1）视图容器：构成小程序页面的最基本组件，可以勾勒页面框架，其中嵌入其他类型的基础组件。可细分为：view（视图容器）、scroll-view（可滚动视图容器）、 swiper（滑块视图容器）。

2）基础内容：用于展示基本“图标”、“文字”、“进度条”等内容，可细分为：icon（图标）、text（文字）、progress（进度条）。

3）表单：提供了丰富的：按钮、表单、输入框、多选框、单选框、列表选择器、内嵌列表选择器、标签、滚动选择器、开关选择器等页面常用交互组件。

4）导航：网络链接组件，提供了丰富属性，可以建立各种页面外链效果。

5）多媒体：支持页面上“音频”、“图片”、“视频”的展示组件。

6）地图：专用的“地图”组件，使用方便、功能强大。我们上一讲中的示例就是使用“地图”组件实现的。

7）画布：高级图形编程组件。可以轻松编程实现图形化的交互效果。

8）客服会话：简单进入客服会话的接口组件

2、视图容器组件示例

在上讲示例基础上，先在tabB