文件夹内有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-righttext-lefttext-center 添加在标签内来调节。


有线边框2的列表表格

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


无边框的列表表格

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

实例:
<table class="dialogTable">...</table>
文字的位置可以用类名称 text-righttext-lefttext-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、圣诞节发货大煞风景
2、圣诞节发货大煞风景


上传input

上传
上传
彩票大赢家 真钱棋牌注册送彩金 qq等级送彩金线上娱乐 下载就送彩金的平台 皇家赌场送彩金 mg游戏送彩金无需申请 捕鱼送彩金能提现的 时时彩平台推荐网站送彩金 送彩金棋牌游戏 澳客彩票