通讯录

3

• 表格页面风格

• 金额类型：预览时 居右对齐，编辑时 居左对齐

• 数字类型：预览时 居中对齐，编辑时 居左对齐

• 文本类型：预览时 居左对齐，编辑时 居左对齐

• 表头样式：如果内容居左对齐，则表头居左对齐；如果内容非居左对齐，则表头居中对齐

• 表格Demo

*费用名称

*单价

*数量

收入总额

汇率

本币总额

收款日期

成人费用

￥2,000

3

￥6,000

1.0000

￥6,000

2019-4-19

• 日期类型：预览时 居中对齐，编辑时 居左对齐

• 表单风格

• 区域标题：

图标&标题名称-居左，图标左间距 15px，图标和文字间距20px；

整体行高-54px，内容居中显示（上下间距20px），文字14px；

操作图标按钮-居右、右间距 20px；多个操作图标往左排列，图标间距15px

• 区域内容：

整体行高-44px，内容居中显示（上下间距15px），文字14px；

游客名单

• 表单Demo

序号

*姓名

英文名

性别

性质

证件号码

联系方式

操作

1

张三

ZhangSan

男

成人

4405191111111111

13512345678

2

李四

LiSi

男

小孩

4405191111111111

请输入联系方式

其它页面风格待规范~

• 字段说明：

第一列叫“序号”

• 币种交互：

下拉选择币种时，下拉菜单显示“币种名称·币种符号”，如：人民币·CNY

下拉选择币种这个动作完成后，只显示“币种符号”，如:CNY

例子：参考【团队计划】【支出】【公司付导游】表格中的币种

• 模块路由

• 说明：

路由地址的最后一级不要带“s”

• 路由Demo

统计-报表-团队损益报表：   /statistics/reports/groups         

统计-报表-团队损益报表：   /statistics/reports/group           

• 表单操作按钮风格

• 表格主操作：

统一为“图标+文字”的样式，启用时使用色号#2d8cf0 ；

• 单元行操作：

启用时色号#808695：

游客名单

模板导入

编辑

添加

• 操作按钮Demo

序号

*姓名

英文名

性别

性质

证件号码

联系方式

操作

1

张三

ZhangSan

男

成人

4405191111111111

13512345678

2

李四

LiSi

男

小孩

4405191111111111

请输入联系方式

• 禁用状态：

即无管理权限时，统一在按钮原有颜色基础上透明度调为50%，鼠标悬浮时显示disable提示；如Demo中第一行为启用，第二行为禁用；

必读 / 页面规范

云盘

首页

审批

泰国小飞象国际旅行社