文件夹内有css样式文件夹、js文件夹、图片文件夹

css文件夹内有样式：(统一弹窗样式：cdn.ukzhicai.com/css/ui-dialog.css)ui-dialog.css、(全局样式：cdn.ukzhicai.com/css/master.css)master.css

js文件夹内有样式：(统一弹窗js：cdn.ukzhicai.com/js/dialog-plus-min.js)dialog-plus-min.js、(全局统一封装js：cdn.ukzhicai.com/js/ComJS.js)ComJS.js、（统一的分页js调用：cdn.ukzhicai.com/js/kkpager.js）kkpager.js

以上地址均为测试环境调用，若要真实环境调用，则ukzhicai改为youzhicai



清除浮动 .clearfix

左边
右边


带边框的表格

标题一 标题二 标题三 操作
内容一 内容二 内容三

查看修改删除

新增招标项目

工作流审批表格样式
标题二 标题三 标题四↑↓ 操作
内容二 内容三 内容四 内容五


没有数据
标题一 标题二 标题三 标题四 操作
没有数据！

实例：
<table class="lineTable">...</table>
文字的位置可以用类名称 text-right ， text-left 和 text-center 添加在标签内来调节。


有线边框2的列表表格

问题1 回答1 问题2
问题1 回答1 问题2 回答2


无边框的列表表格

问题1： 回答1 问题2：
问题1： 回答1 问题2： 回答2

实例：
<table class="dialogTable">...</table>
文字的位置可以用类名称 text-right ， text-left 和 text-center 添加在标签内来调节。


可以单选按钮或单选框



普通的搜索样式

蓝色边框按钮
搜索框样式可以自己进行调整
类名称：
width200：宽度200px
width250：宽度250px
width300：宽度300px
width400：宽度400px
width500：宽度500px
如有额外需求可自行添加


统一按钮样式

默认按钮default-btn 蓝色边框按钮blue-border-btn 橙色边框按钮orange-border-btn 蓝色按钮blue-btn 橙色按钮orange-btn

附件file-btn 链接blue
采购橙色按钮bid-orange-btn 采购绿色按钮bid-green-btn 采购蓝色按钮bid-blue-btn 采购灰色按钮bid-gray-btn

采购边框按钮bid-border-btn
橙色大按钮blue-btn largerBtn
橙色小按钮blue-btn smallBtn
报名资格正在审核中,请耐心等候.
所有按钮应该加类名称btn，然后不同样式的按钮则加入按钮上的类名称；
页面内容内应使用蓝色边框和橙色边框按钮
页面底部一般使用大按钮，一般只用蓝色实底和默认按钮的样式
小按钮一般用在表格的操作按钮上


搜索框样式

标题点击展开∨
搜索

有导航的标题头部(旧版)

标题
搜索


有导航的标题头部(新版)

标题
搜索


统一表头样式

标题 右边按钮

标题二更多

标题 更多


标题 更多


标题



窄屏架构

















界面块与块之间的距离为5px;


带表头的块

标题 更多






面包屑

您现在的位置： 一级 > 二级 > 三级


分页

首页 上一页 1 2 3 4 5 6 7 ... 下一页 尾页 当前第 1 页 / 共 1479 页  转到 页
调用js文件中的 kkpager.js；
每页显示的条数为10条；


统一tab样式



背景样式



弹窗样式

错误提醒 橙色提醒框 橙色提醒框2 操作成功 警告 疑问 加载 点击关闭 加载内容 加载内容点击关闭

驱动左边导航样式

项目计划/标段 招标公告 保证金管理 招标文件/附件/答疑/踏勘 投标申请 评标委员会 开标 评标 中标候选人公示 中标人确定 中标公告 中标通知书 项目归档 合同 招标异常 异议 变更 常用功能 短信发送功能 答疑/澄清


审核



三级菜单

搜索条件：
所有地区
  • 工业设备及组件
  • 工
  • 筑和装饰材料
  • 制造加工机械
  • 电工电气
  • 汽摩与配件
  • 仪器仪表
  • 五金工具
  • 电子元器件
  • 照明
  • 医药卫生
  • 消费电子
  • 办公文教
  • 冶金矿产和能源
  • 计算机数码产品
  • 安全和防护
  • 家具摆设
  • 包装、印刷用品
  • 照明
  • 医药卫生
  • 消费电子
  • 办公文教
  • 冶金矿产和能源
  • 计算机数码产品
  • 安全和防护
  • 家具摆设
  • 包装、印刷用品
所在地区


驱动内的流程图



input清除



流程图

只需三步，即可发布您的供应产品信息

1、选择分类 2、填写产品详情 3、提交成功，等待审核

只需三步，即可发布您的供应产品信息

1、选择分类 2、填写产品详情 3、提交成功，等待审核

1、选择分类 2、填写产品详情 3、提交成功，等待审核

1、圣诞节发货大煞风景
2、圣诞节发货大煞风景
2、圣诞节发货大煞风景


上传input

上传
上传