从本节开始，我将逐一为大家介绍微信小程序的基础组件。咱们闲言少叙，直奔主题。
1、小程序基础组件
小程序基础组件构成如下图：
共有8种基础组件：
1）视图容器：构成小程序页面的最基本组件，可以勾勒页面框架，其中嵌入其他类型的基础组件。可细分为：view（视图容器）、-view（可滚动视图容器）、 （滑块视图容器）。
2）基础内容：用于展示基本“图标”、“文字”、“进度条”等内容，可细分为：icon（图标）、text（文字）、（进度条）。
3）表单：提供了丰富的：按钮、表单、输入框、多选框、单选框、列表选择器、内嵌列表选择器、标签、滚动选择器、开关选择器等页面常用交互组件。
4）导航：网络链接组件，提供了丰富属性小程序引用地图，可以建立各种页面外链效果。
5）多媒体：支持页面上“音频”、“图片”、“视频”的展示组件。
6）地图：专用的“地图”组件，使用方便、功能强大。我们上一讲中的示例就是使用“地图”组件实现的。
7）画布：高级图形编程组件。可以轻松编程实现图形化的交互效果。
8）客服会话：简单进入客服会话的接口组件
2、视图容器组件示例
在上讲示例基础上，先在中添加“测试页面2”，修改app.json文件如下图：
为了区别不同的测试页面，调整test2页面的导航条title。修改test2.json文件：
接下来，为大家展示“视图容器”各个组件的例子。
（1）-view组件代码示例
修改test2.wxml文件，其中添加“-view”组件，然后编译运行，模拟器上显示出滚动条效果，如下图：
（2）view组件代码示例
修改test2.wxml文件，在刚才的“-view”组件内部嵌入“view”组件，然后编译运行，模拟器上显示出内嵌view组件的显示效果小程序引用地图，如下图：
（3）组件代码示例
修改test2.wxml文件，添加组件，然后编译运行，模拟器上显示出组件的效果，可以用鼠标查看滑块效果，如下图：
“视图容器”组件的例子就讲到这里。下回讲讲“基础内容”组件示例。敬请期待。
本文到此结束，希望对大家有所帮助。
本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至81118366@qq.com举报，一经查实，本站将立刻删除。发布者：简知小编，转载请注明出处：https://www.jianzixun.com/91634.html
微信扫一扫 
支付宝扫一扫 
