- 1内嵌WAP内页标题栏
- 2首页底部导航
-
- 3按钮TAB标签
-
- TAB1
- TAB2
TAB1内容TAB2内容- TAB1
- TAB2
- TAB3
TAB1内容TAB2内容TAB3内容- TAB1
- TAB2
- TAB3
- TAB4
TAB1内容TAB2内容TAB3内容TAB4内容 - 4文字TAB标签
-
- 现金充值
- 充值卡充值
TAB1内容TAB2内容- 现金充值
- 活动充值
- 充值卡充值
TAB1内容TAB2内容TAB3内容 - 5图文TAB标签
-
加个油
升个档
包个夜
度个假
兑流量
求赠送
打个折
tab1 内容tab2 内容tab3 内容tab4 内容tab5 内容tab6 内容tab7 内容
- 1正常模式颜色使用
-
色号 使用场景 重要 #487ae5 用于特别需要强调和突出的文字、按钮和icon
如首页人口与界面相关按钮、icon、提示等
#f24d4a 用于重要及文字信息、内容标题信息
重点突出、如价格、重点按钮、标签
色号 使用场景 一般 #333333 用于重要及文字信息、内容标题信息
如Tab名词，业务名词，大板块标题等
#666666 用于普通级段落信息、用户名、icon等
业务内容，编辑信息，数值等
#888888 用于辅助、次要的文字信息
如业务时间说明，相关备注信息
#999999 用于辅助、次要的文字信息、icon等
#b2b2b2 用于辅助、次要的文字信息
色号 使用场景 较弱 #f2f4f5 用于内容区域底色
#e7e8ea 用于分割模块的标题栏底色、动态资源底色
#dadbdd 用于分割线
- 2字体颜色
-
中文字体为：冬青黑简，英文字体为：Arial
样式 字号 建议行距 使用场景 重要 标准字 48px 63px 用于导航栏标题
标准字 45px 60px 用于重要文字或者操作按钮
如业务标题和搜索结果等
样式 字号 建议行距 使用场景 一般 标准字 42px 57px 用于大多数文字
如内容介绍标题地方
标准字 36px 50px 用于内容文字介绍
如业务内容，办理流程介绍等
样式 字号 建议行距 使用场景 较弱 标准字 30px 45px 用于辅助文字
如备注、提示说明等
标准字 24px 42px 用于极少辅助性文字
如时间，提示说明等
- 1按钮控件
-
- 1按钮选择
-
充值：
- 10元
- 30元
- 50元
业务办理：
- 500M
10元/次 - 700M
5元/次 - 700M
5元/次
- 2单复选框
-
充值：
更多支付方式业务办理：
- 3表单
- 4开关
- 5列表
标题文字- 1选择弹出框
-
点击弹出-选择弹出框
温馨提示
看扬州马拉松比赛直播，免费领取1GB流量。
- 2提示弹出框
-
点击弹出-提示弹出框
提示
公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容。
- 3底部选择浮层
-
点击弹出-提示弹出框
请选择生效方式
- 4底部确认浮层
-
点击弹出-业务办理底部确认浮层
点击弹出-充值底部确认浮层
- 1进度条(直线)
-
套餐外优惠流量(全国通用) 剩余 500MB
总量500MB
有效期至：2016-01-08
套餐外优惠流量(全国通用) 剩余 100MB
总量 500MB
有效期至：2016-01-08
套餐外优惠流量(全国通用) 剩余 0.00MB
总量 500MB
有效期至：2016-01-08
- 2分析图表（柱状图）
-
- 3分析图表（折线图）
-
单位:M
- 4掌厅仪表盘
