## 分销商管理中心 - 成都青旅 供应商管理中心

- 8
- 183****1324

## 当前模块

线上文档 http://v3.bootcss.com/css/ 点击查看
一般性操作帮助类提醒，提示帮助用户进行系统的使用。 点击查看
一般警告类提醒，警告提醒用户当前操作出现的问题。 点击查看
严重警告类提醒，系统危险性预告通知等，提醒用户及时发现处理。 点击查看

#### 字体类型及大小

优先使用 冬青黑体简体中文 W3

其次使用 微软雅黑 nomail

英文使用 Arial

其他字体请依照前端规则添加

## 20px港马觅途供应商管理平台

### 18px港马觅途供应商管理平台

#### 16px港马觅途供应商管理平台

##### 14px港马觅途供应商管理平台

###### 12px港马觅途供应商管理平台

#### 全局浮动提醒

已成功上架该产品！

该操作暂不支持！

操作失败，请重试！

位于导航信息栏，用于操作反馈，浮现消失，85%透明度

#### 分页 除了首、尾页最多显示6条（ps：全部替换比较花时间，可以先换样式）

- 上一页
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 下一页

每页12条 - 共72条

- 上一页
- 1
- 2
- 3
- 4
- 下一页
- 跳转到
- GO

每页12条 - 共72条

- 上一页
- 1
- ...
- 10
- 11
- 12
- 13
- 14
- 15
- ...
- 下一页
- 跳转到
- GO

#### 表单样式-垂直表单 http://v3.bootcss.com/css/#form

*基本

这是在INPUT上的提示文字

这里是INPUT下的提醒文字，提醒用户输入表单需要注意事项

*必填项
换行提示

这里是提醒文字，提醒用户输入表单需要注意事项

已被禁用
静态控件

email@example.com

表单大小
上传 input
Browse
原生下拉选择

PS: 不兼容IE9及以下，IE9及以下作降级处理

原生下拉选择

PS: 不兼容IE9及以下，IE9及以下作降级处理

选择表单
单选框 单选框 禁用单选框
checkbox 1 (preselected) checkbox 2 禁用checkbox 3
组合INPUT
垂直表单中的横各表单

这里是提醒文字，提醒用户输入表单需要注意事项

组合表单
带ICON的组合表单
非按钮的左右侧组合
$
.00
非按钮的左右侧组合
$
.00
非按钮的左右侧组合
$
.00
非按钮的左右侧组合
$
.00

#### 表单样式-横向表单 http://v3.bootcss.com/css/#forms-inline

Name
Email
Email address
Password
Remember me

#### 表单样式-带icon的图标 http://v3.bootcss.com/css/#forms-control-validation

Input with warning
Input with warning
Input with warning
Input with warning

#### TAB选项卡

内容1

内容2

内容3

内容4

#### 同行产品列表

First Name | Last Name | 全名
--- | --- | ---
选中状态 | Otto | @mdo 中文测试
Jacob | Thornton | @fat 中文测试
Larry 中文测试 | the Bird | @twitter

#### 空列表样式 标题提示文字

First Name | Last Name | 全名
--- | --- | ---

暂无相关数据!

未找到 ”123“ 相关的产品

暂无相关数据!

未找到 ”123“ 相关的产品

#### 表单导航 标题提示文字

- 1基本信息
- 2每日安排
- 3其他信息

#### 文本、背景颜色 几个主色调的颜色

我是默认主色调 .text-primary 我是默认主色调 .bg-primary
我是info的颜色，和主色调差不多 .text-info 阿斯达 .bg-info
我是警告色 .text-warning 我是警告色 .bg-warning
我是成功色 .text-success 我是成功色 .bg-success
我很危险的 .text-danger 我很危险的 .bg-danger
黑色 #000 .text-gray-base 黑色 #000 .bg-gray-base
深灰 #333 .text-gray-darker 深灰 #333 .bg-gray-darker
较灰 #666 .text-gray-dark 较灰 #666 .bg-gray-dark
灰色 #999 .text-gray 灰色 #999 .bg-gray
较浅色 #c4c4c4 .text-gray-light 较浅色 #c4c4c4 .bg-gray-light
很浅 #f3f3f3 .text-gray-lighter 很浅 #f3f3f3 .bg-gray-lighter

#### 按钮样式

常态
聚焦
按下
按钮大小

禁用按钮
图标按钮
鼠标移入不同颜色
按钮组件
提交按钮组件
白色镂空按钮

#### 标记 & 提示 & 进度条

0 16

8 20

10 20

110 400

1110 7000