2023年微信小程序基础组件

作者: --时间: 2025-05-20 07:51:49 阅读量：

如果你想要快速开发微信小程序，那么你一定需要了解基础组件。这些基础组件是视图层的基本组成单元，提供了各种功能和样式来构建你的小程序。

1. 组件属性

每个组件都有其自己的属性，用于修饰组件的功能和样式。属性类型包括Boolean、Number、String、Array、Object、EventHandler和Any。其中Boolean类型的属性只需在组件中定义，而不必给该属性赋值，默认为true。 EventHandler类型的属性是Page中定义的事件处理函数名。

2. 共同属性类型

所有组件都有一些共同的属性来控制其行为，如id、class、style、hidden、data-*、bind*/catch*等。其中id属性用于保持整个页面唯一，而class属性则需要在相应wxss文件中定义样式；style属性可动态进行内联样式设置；hidden属性用于隐藏组件；data-*属性用于在触发组件事件时发送数据给事件处理函数；bind*/catch*属性用于定义组件的事件，更多详细信息请看文末的组件列表。

3. 特殊属性

除了共同的属性类型之外，还有一些特殊的属性供各个组件使用，以修饰其自身功能和样式。这些特殊属性可以在相应的组件定义中找到。

4. 组件列表

微信小程序提供了八种基础组件分类，包括视图容器、基础内容、表单组件、导航、多媒体、地图、画布和客服会话。以下是每个分类下的组件列表。

4.1 视图容器(View Container)

组件名	说明
view	视图容器
scroll-view	可滚动视图容器
swiper	可滑动的视图容器

4.2 基础内容(Basic Content)

组件名	说明
icon	图标
text	文字
progress	进度条

4.3 表单(Form)

上一篇：2023年微信小程序运行机制 下一篇：2023年微信小程序视图容器 view

供应商入驻多用户分账方案商城源码查看更多

B2B2C多用户商城系统
支持企业自营与商户入驻模式共存 会员一站式精细化营销工具 多用户分销，带来爆发式增长
系统支持平台自营+供应商店铺共存的经营模式(类天猫&京东模式)，帮助企业打造生态级商业平台为目的的电子商务系统。
免费试用系统
B2B2B电商交易系统
优化供应链协作 授信及账期支付 商品按照数量阶梯设价
全渠道订货/采购及经销商管理数字化系统,实现供应链整合和交易便捷化。
免费试用系统
S2B2B电商交易系统
供销一体化，提高市场集中度 集团管控一体化，有效实现供需匹配 移动应用一体化，提高运营综合效率
上下游资源整合数字化解决方案，赋能产业供应链，构建产业互联网生态体系。
免费试用系统