组件

所有应用共用的零件:卡片、按钮、开关、事件、活动,都在这里试。

总览卡
$1,240
共 4 项 · 示例数字

筛选标签

分段选择与搜索

开关

提醒通知
自动更新
显示详情

即将到来的事件

10月15日 · 星期四
10月18日 · 星期日

详情页

详情页是顶栏和底栏之间的一层。关闭按钮是详情卡右上角的双箭头。

使用小提示

点顶部的标题,会回到第一个标签并滚到最上面。
再点一次当前底栏标签:滚到顶部;再点一次:回到刚才的位置。
AA 只放大内容,顶栏不变。切换语言不会丢失展开状态和滚动位置。
蓝色只表示“已选中”,其他地方不用蓝色。

列表

每种列表一个框,里面都是随机的示例内容。

简单列表

状态列表(红 → 黄 → 绿)

可展开列表

预览列表(前 3 条)

按天分组列表

清单列表

可排序列表

可搜索列表

图表

每种图都可以点、可以按住滑动查看数值,数据是随机的示例。

折线图

按住图表左右滑动,查看每一点的数值。

堆叠柱状图

常规部分 一次性部分
点任意一根柱子,下面会显示它的组成,加起来正好等于总数。

环形图

点任意一块,下面显示它的占比和数值。

柱状图

点任意一根柱子查看数值。

轮廓

和“示例”页一模一样的结构,只是全部留空,用来看版式本身。

示例

和“轮廓”页一模一样的结构,全部填上随机的示例内容,方便一对一对比。