概览

小程序基于设计规范提供了一个开箱即用的 UI 组件库，开发者可以快速开发页面和交互。

移动端（App）组件

名称	功能说明
NavBar 导航栏	页面导航栏，提供在一系列页面中的导航能力
Nav 导航菜单	导航菜单栏，支持水平垂直两种布局
Pagination 分页器	分隔长列表，每次只加载一个页面
Popover 气泡	浮出一个气泡菜单来做更多的操作
SegmentedControl 分段器	由至少 2 个分段控件组成，用作不同视图的显示
TabBar 标签栏	位于 App 底部，方便用户在不同功能模块之间进行快速切换
Tabs 标签页	用于让用户在不同的视图中进行切换
Drawer 抽屉	可在侧边打开弹出层，展示额外层级
Breadcrumb 面包屑	面包屑可用于展示文件路径、页面层级等

名称	功能说明
Button 按钮	按钮，点击后会触发一个操作
CalendarPicker 日历选择器	日历选择，用于选择日期区间
Cascader 多级地址级联选择	多级地址级联选择，可结合Actionsheet组件一起使用
Checkbox 复选框	复选框，多选项目
DatePicker 日期选择器	日期选择，用于选择日期或者时间
ImagePicker 图片选择器	图片选择器
ImageUploader 图片上传	图片上传
Input 文本输入	输入框
NumberKeyboard 数字键盘	数字键盘
Picker 选择器	选择器，在一组预设数据中进行选择，e.g. 省市区选择
PickerView 选择器	选择器，直接渲染在区域中，而不是弹出窗口
Radio 单选框	单选框
Rate 评分组件	在页面中展示评分组件
SearchBar 搜索栏	搜索框
SelectList 选择列表	单选多选列表
Slider 滑动输入条	用于用户在一个区间中选择特定值
Stepper 步进器	用作增加或者减少当前数值
Switch 滑动开关	开关选择器
Textarea 多行输入	长文本输入控件
Uploader 文件上传	文件上传

名称	功能说明
VideoPlayer 视频播放器组件	视频播放器组件
LivePlayer 直播播放器组件	直播播放器组件

名称	功能说明
PullToRefresh 拉动刷新	通过触发，立刻重新加载内容
SwipeAction 滑动操作	滑动操作组件

名称	功能说明
Result 结果页	在整张页面中组织插画、图标、文字等内容，向用户反馈操作结果
Empty 空状态	在后台返回结果为空时展示的占位图

名称	功能说明
TvCard 焦点元素	可聚焦元素，该组件需要内嵌于 tv-chunk 组件中
TvChunk 块区组件	通过该组件，可对块内的焦点元素进行一些限制。

名称	功能说明
TvTabs 标签	用于让用户在不同的视图中进行切换。

名称	功能说明
TvCarousel 走马灯	走马灯，轮播图
TvPreviewer 图片预览	全屏预览一组图片

名称	功能说明
TvDialog 对话框	对话框组件
TvPopup 弹出层	弹出层容器，用于展示弹窗、信息提示等内容。