此组件从底部弹出操作菜单，供用户选中并返回选中结果。

当前组件可以使用图标、文字、图片的形式给用户展示数据。

该组件一般用于图标右上角显示未读的消息数量，提示用户点击，有圆点和圆包含文字两种形式。

该组件内部实现以uni-app`button`组件为基础，进行了二次封装。

此组件用于单个选择日期，范围选择日期等，日历被包裹在底部弹起的容器中。

复选框组件一般用于需要多个选择的场景。该组件功能完整，使用方便。

用于展示进度信息，是一个圆形进度条。

考虑到用户实际发送验证码的场景，可能是一个按钮，也可能是一段文字，提示语各有不同，所以本组件

该组件一般用于验证用户短信验证码的场景，也可以结合TuniaoUI的[键盘组件](keyboard.md)使用

通过折叠面板收纳内容区域

TuniaoUI进过大量的调试和研究，得出一套专有的调色板，在各个组件内部，使用统一的配色，可以为产品带来统一又鲜明的视觉效果。

暂无描述

该组件可以让数字滚动到指定的数值。

该组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。

该组件一般用于需要滚动数字到某一个值的场景，目标要求是一个递增的值。

该组件用于需要加载内容，但是加载的第一页数据就为空，提示一个"没有内容"的场景，

此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。

暂无描述

宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件([badge](badge.md))，或者图标等，也可以扩展为左右滑动的轮播形式。

TuniaoUI使用了基于字体的图标集，包含了大多数场景常见的图标。

此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件[tn-form](forms.md)而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。

该组件为TuniaoUI自定义的键盘面板，内置了数字键盘，车牌号码，身份证3种模式，都有可以打乱按键顺序的选项。

如需实现类似宫格的布局，请使用TuniaoUI的[Grid宫格组件](grid.md)，可以设置点击效果、列数、对齐方式等，功能更完善和灵活

用于展示进度信息，是一个线性进度条。

该组件为高性能列表组件

该组件可以单独使用，也可以配合`tn-list-view`使用创建列表容器，同一个管理同一个容器中的列表。

用于存放`tn-list-item`列表组件，实现统一管理列表组件。方便管理列表的顶部和边框等信息。

此组件一般用于标识页面底部加载数据时的状态

该组件为loading的一个小动画，主要为其他组件显示正在加载信息的场景服务。

弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作。

在由于右侧的演示是通过iframe引入的，PC端可能无法显示正常效果，请在真机演示中查看效果。

该组件用于滚动通告场景，有多种模式可供选择

该组件一般用于数量设置的场景。

该组件有四种弹出模式：

弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出。组件只提供容器，内部内容由用户自定义。

单选框组件一般用于只有一个选择的场景。

该组件一般用于表单中，手动选择一个区间范围的场景。

该组件一般用于内容较长，预先收起一部分，点击展开全部内容的场景。

在由于右侧的演示是通过iframe引入的，PC端无法正常操作，请在真机演示中查看效果。

此选择器用于单列，多列，多列联动的选择场景。

该组件会显示在当前页面上，不需要开发者再次编写多一个页面。

骨架屏一般用于页面在请求远程数据尚未完成时，页面用灰色块预显示本来的页面结构，给用户更好的体验。

该组件一般用于表单中，手动选择一个区间范围的场景。

该组件一般用于完成一个任务要分几个步骤，标识目前处于第几步的场景。

该组件内部实现以uni-app`button`组件为基础，进行了二次封装。

该分段器一般用于用户从几个选项中选择某一个的场景

该组件内部实现以uni-app`button`组件为基础，进行了二次封装，一般用于左滑唤出操作菜单的场景，用的最多的是左滑删除操作。

该组件一般用于导航轮播，广告展示等场景,可开箱即用，具有如下特点：

选择开关一般用于只有两个选择，且只能选其一。

该组件有以下优缺点：

该组件，是一个tabs标签选项卡组件，在标签多的时候，可以配置为左右滑动（被激活的标签会自动滚动到中间），标签少的时候，可以禁止滑动。

该组件内部实现主要依托于uni-app`scroll-view`和`swiper`组件，主要特色是切换过程中，tabsSwiper文字的颜色可以渐变，底部滑块可以 跟随式滑动，活动tab滚动居中等。应用场景可以用于需要左右切换页面。

暂无描述

该组件是配合`tn-time-line-item`配合使用。

此组件用户弹出文字提示信息，可以修改文字和背景颜色。

此组件的功能与`uni.showToast`API功能类似，不过相比于uni官方的有以下优点：

该组件用于图片上传。