From e4658b84beed61468bfac1927be6d7d3e5d86e42 Mon Sep 17 00:00:00 2001 From: "446052889@qq.com" <446052889@qq.com> Date: Mon, 4 Jul 2022 15:10:41 +0800 Subject: [PATCH] =?UTF-8?q?=E6=BC=8F=E6=8F=90=E4=BA=A4=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../static/common/common.css | 42 +++ .../static/common/theme1.css | 252 ++++++++++++++++++ 2 files changed, 294 insertions(+) create mode 100644 com.actionsoft.apps.coe.pal.datamigration/static/common/common.css create mode 100644 com.actionsoft.apps.coe.pal.datamigration/static/common/theme1.css diff --git a/com.actionsoft.apps.coe.pal.datamigration/static/common/common.css b/com.actionsoft.apps.coe.pal.datamigration/static/common/common.css new file mode 100644 index 0000000..622a0ef --- /dev/null +++ b/com.actionsoft.apps.coe.pal.datamigration/static/common/common.css @@ -0,0 +1,42 @@ +* { + padding: 0; + margin: 0; +} + +body { + color: #4a4a4a; + font-family: PingFangSC-Light; +} + +ul { + list-style: none; +} + +a { + text-decoration: none; +} + +div,span,section,i,button { + -webkit-tap-highlight-color: transparent; + outline: none; +} + +.radius3 { + -moz-border-radius: 3px 3px 3px 3px; + -webkit-border-radius: 3px 3px 3px 3px; + border-radius: 3px 3px 3px 3px; +} + +.tree-content-icon { + font-size: 13px; +} +.tree-content-icon-padding { + padding-right: 2px; +} + +.el-input__inner { + border-radius: 0px; +} +.el-textarea__inner { + border-radius: 0px; +} diff --git a/com.actionsoft.apps.coe.pal.datamigration/static/common/theme1.css b/com.actionsoft.apps.coe.pal.datamigration/static/common/theme1.css new file mode 100644 index 0000000..76f29b6 --- /dev/null +++ b/com.actionsoft.apps.coe.pal.datamigration/static/common/theme1.css @@ -0,0 +1,252 @@ +/*设计颜色规范*/ + +/* +通用鼠标悬浮色 +所有悬浮状态的底色，包括下拉列表项、表格、卡片等。 + */ +.general-bgcolor-hover:hover { + background-color: #F5F7FA !important; +} +.general-bgcolor-text-hover:hover { + background-color: #F5F7FA !important; + color : #4E7FF9 !important; +} + +/*通用分隔线*/ +.general-dividing-line { + color: #F2F2F2; +} + +/**********************下拉菜单覆盖*************************/ +/*下拉菜单定义悬浮颜色和悬浮字体色*/ +.el-dropdown-menu__item:not(.is-disabled):hover{ + background-color: #F5F7FA !important; + color: #333333 !important; +} + +/**********************导航菜单栏颜色设置*************************/ +.el-menu-item:hover{ + color: #4E7FF9; + background-color: #F5F7FA !important; +} +.el-submenu__title:hover{ + background-color: #F5F7FA !important; +} +.el-menu-item.is-active { + color: #4E7FF9; + background-color: #F5F7FA !important; +} + +/**********************文字*************************/ + +/*主要字体颜色，通用字体颜色，系统普遍使用的字体颜色*/ +.text-general-color { + color : #606266; +} +.text-general-bgcolor { + background-color : #606266; +} + +/* +次要字体颜色 +1 次要标注性信息 如，管理员 于2020年2月23日 19:30 修改 +2 非重要按钮 如，“取消”按钮文本 +3 列表表头 如，“流程清单”编号、流程名称 + */ +.text-second-color { + color : #909399; +} +.text-second-bgcolor { + background-color : #909399; +} + +/*链接、可点击文本、icon颜色*/ +.text-linker-color { + color : #4E7FF9; +} + +.text-linker-bgcolor { + background-color : #4E7FF9; +} + +/*重要文本颜色*/ +.text-important-color { + color : #D9001B; +} + +.text-important-bgcolor { + background-color : #D9001B; +} + +/*el-link颜色*/ +.el-link.el-link--primary { + color: #4E7FF9; +} + +/**********************表格*************************/ + +/*表头文字颜色*/ +.table-head-text-color { + color: #909399; +} +/*表头背景颜色*/ +.table-head-bgcolor { + +} +/*表头文字颜色*/ +.table-body-text-color { + +} +/*表格表体背景颜色*/ +.table-body-bgcolor { + +} +/*表格表体行鼠标悬浮色*/ +.table-body-row-bgcolor:hover { + background-color: #F5F7FA !important; +} +/*表格表体行下划线颜色*/ +.el-table td { + border-bottom: 1px solid #F2F2F2; +} + +/*表格筛选的表头选中颜色*/ +.el-table th>.cell.highlight { + color: #4E7FF9; +} + +/*表格筛选的表头选项筛选和重置按钮悬浮颜色*/ +.el-table-filter__bottom button:hover { + color:#4E7FF9 +} + +/*表格筛选排序上下箭头*/ +.el-table .descending .sort-caret.descending { + border-top-color: #4E7FF9; +} +.el-table .ascending .sort-caret.ascending { + border-bottom-color: #4E7FF9; +} + +/**********************按钮*************************/ + +/*通用按钮1，例如窗口确定按钮，新建按钮等设计颜色*/ +.button-general-color { + background-color: #4E7FF9 !important; + border-color: #4E7FF9 !important; +} + +.button-general-color-reverse { + border-color: #4E7FF9 !important; + color: #4E7FF9 !important; +} + +/*通用按钮2，例如重要操作类按钮*/ +.button-general-color2 { + background-color: #D9001B !important; + border-color: #D9001B !important; +} + +.button-general-color-reverse2 { + border-color: #D9001B !important; + color: #D9001B !important; +} +/*通用按钮3，例如取消等灰色按钮*/ +.button-general-color3 { + background-color: #909399 !important; + border-color: #909399 !important; +} + +.button-general-color-reverse3 { + border-color: #909399 !important; + color: #909399 !important; +} + +/********************多选框***********************/ +.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #4E7FF9; + border-color: #4E7FF9; +} +.el-checkbox__input.is-checked+.el-checkbox__label { + color: #4E7FF9; +} + +/********************单选框***********************/ +.el-radio__input.is-checked .el-radio__inner { + border-color: #4E7FF9; + background: #4E7FF9; +} +.el-radio__input.is-checked+.el-radio__label { + color: #4E7FF9; +} + +/********************列表***********************/ +.li-general-hover-bgcolor:hover { + background-color: #F5F7FA; +} +.el-table__body tr.current-row>td { + background-color: #F5F7FA; +} + +/*******************加载中颜色********************/ +.el-loading-spinner .path { + stroke: #4E7FF9; +} +.el-loading-spinner .el-loading-text { + color: #4E7FF9; +} +/******************下拉框文字选中颜色*************/ +.el-select-dropdown__item.selected { + color: #4E7FF9 !important; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #4E7FF9; +} + +/*****************步骤条**********************/ +.el-step__title.is-process { + color: #909399; +} +.el-step__title.is-finish { + color: #4E7FF9; +} +.el-step__head.is-process { + color: #909399; + border-color: #909399; +} +.el-step__head.is-finish { + color: #4E7FF9; + border-color: #4E7FF9; +} + +/*********************Popover 弹出框***********************/ +.el-popover__title { + color : #606266; + font-weight: 600; +} + +/*********************树***********************/ +.el-tree-node__content { + height: 30px; +} +/*树展开关闭图标大小*/ +.el-tree-node__expand-icon { + font-size: 12px; +} +/*树展开关闭图标的padding*/ +.el-tree-node__content>.el-tree-node__expand-icon { + padding: 1px; +} + +.el-table__empty-text { + font-size: 12px; +} + +.el-tabs__item.is-active { + color: #4E7FF9; +} + +.el-tabs__active-bar { + background-color: #4E7FF9;; +} +