常用的小程序组件包括:
navigator:
路由组件,用于页面跳转,支持多种跳转方式,如 navigate、reLaunch、redirectTo、navigateBack 等,并通过URL查询字符串或全局状态管理进行传参。
button:
按钮组件,用于触发事件,通过 bindtap、form-type 等属性绑定事件处理函数,并在事件处理函数中传递参数。
view:
容器组件,用于布局和承载其他组件,通过属性(如 class、style 等)进行样式控制,或通过数据绑定传递数据。
text:
文本组件,用于显示文本内容,通过 text 属性设置文本内容。
image:
图片组件,用于显示图片,通过 src 属性指定图片源,通过 mode 属性设置图片显示模式。
input:
输入框组件,用于接收用户输入。
form:
表单组件,用于收集用户输入,包括 button、input、checkbox、radio、picker、slider、switch、textarea、label 等。
picker:
列表选择器,用于从列表中选择一个或多个项目。
slider:
滚动选择器,用于在指定范围内选择一个值。
switch:
开关选择器,用于在两个状态之间切换。
textarea:
多行输入框,用于输入多行文本。
label:
标签组件,用于为其他组件添加说明或标识。
audio:
音频组件,用于播放音频文件。
video:
视频组件,用于播放视频文件。
camera:
系统相机组件,用于调用系统相机进行拍照或录像。
map:
地图组件,用于在地图上显示位置和标记。
scroll-view:
可滚动视图容器,用于实现内容超出屏幕时的滚动效果。
picker-view:
内嵌列表选择器,用于在有限的空间内展示多个选项供用户选择。
canvas:
画布组件,用于绘制图形和动画。
movable-area:
可移动区域,用于定义可被拖动或触摸的区域。
movable-view:
可移动的视图容器,用于在页面中移动其他组件。
cover-view:
覆盖视图,用于在视图上显示一个覆盖层。
cover-image:
覆盖图片,用于在图片上显示一个覆盖层。
functional-page-navigator:
跳转到插件功能页组件。
live-player:
实时音视频播放组件。
live-pusher:
实时音视频录制组件。
这些组件可以通过 WXML 和 WXSS 进行布局和样式设置,从而构建出丰富的小程序界面和交互体验。建议在实际开发中根据具体需求选择合适的组件,并参考官方文档进行详细的使用和配置。