小程序页面组件主要分为以下几类:
视图容器组件
`view`:普通视图区域,类似于HTML的div,是一个块级元素,常用来实现页面的布局效果。
`scroll-view`:可滚动的视图区域,常用来实现滚动列表效果。
`swiper` 和 `swiper-item`:轮播图组件。
基础内容组件
`text`:文本组件,支持长按选中文本内容的效果。
`image`:图片组件,支持多种格式如JPG、PNG、SVG、WEBP、GIF等。
表单组件
`form`:表单组件,可以提交用户输入的switch、input、checkbox、slider、radio、picker等。
`input`:输入框组件。
`checkbox`:多项选择器组件。
`radio`:单项选择器组件。
`picker`:列表选择器组件。
`slider`:滚动选择器组件。
`switch`:开关选择器组件。
`textarea`:多行输入框组件,是原生组件。
导航组件
`navigator`:页面链接组件。
互动组件
`contact` 和 `action-sheet`:用于实现用户之间的互动和操作。
其他组件
`button`:按钮组件。
`label`:标签组件。
`audio` 和 `video`:音频和视频组件。
`camera`:系统相机组件。
`map`:地图组件。
`canvas`:画布组件。
`movable-area` 和 `movable-view`:可移动区域和视图容器组件。
`cover-view` 和 `cover-image`:覆盖视图和覆盖图片组件。
`functional-page-navigator`:跳转到插件功能页组件。
`live-player` 和 `live-pusher`:实时音视频播放和录制组件。
这些组件可以通过WXML和WXSS进行布局和样式设置,从而构建出丰富的小程序界面和交互体验。建议根据具体需求选择合适的组件,以提高开发效率和用户体验。