Skip to content

9
91isoft_web_vue
Commit 7ec6f139 authored by 张伯涛's avatar 张伯涛
Browse files
Options

第六套样式添加

parent f9e03c5d
Hide whitespace changes
Inline Side-by-side
Showing with 1214 additions and 0 deletions
src/layout/components/Settings/index.vue
View file @ 7ec6f139
......@@ -42,6 +42,7 @@ export default {
{ value: '3', label: '风格3' },
{ value: '4', label: '风格4' },
{ value: '5', label: '风格5' },
{ value: '6', label: '风格6' },
]
}
},
......
src/layout/components/Sidebar/Logo.vue
View file @ 7ec6f139
......@@ -46,6 +46,8 @@ export default {
return require('@/assets/themeDImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '5') {
return require('@/assets/themeDImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '6') {
return require('@/assets/image/denglu_logo@2x.png')
}
}
},
......
src/layout/components/Sidebar/index.vue
View file @ 7ec6f139
......@@ -27,6 +27,7 @@ import themeBvariables from '@/styles/themeB/variables.scss'
import themeCvariables from '@/styles/themeC/variables.scss'
import themeDvariables from '@/styles/themeD/variables.scss'
import themeEvariables from '@/styles/themeE/variables.scss'
import themeFvariables from '@/styles/themeF/variables.scss'
export default {
components: { SidebarItem, Logo },
......@@ -60,6 +61,8 @@ export default {
return themeDvariables
} else if (localStorage.getItem('theme') === '5') {
return themeEvariables
} else if (localStorage.getItem('theme') === '6') {
return themeFvariables
}
},
isCollapse() {
......
src/main.js
View file @ 7ec6f139
......@@ -21,6 +21,8 @@ if (!storageValue || storageValue === '1') {
import('@/styles/themeD/index.scss')
} else if (storageValue === '5') {
import('@/styles/themeE/index.scss')
} else if (storageValue === '6') {
import('@/styles/themeF/index.scss')
}
import halberd from '@/utils/halberd'
import App from './App'
......
src/styles/themeF/common.scss 0 → 100644
View file @ 7ec6f139
//table列表title样式
.tableTitle{
margin: 20px 0;
color: #333333;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
}
.el-tree{
font-size: 14px;
}
//登录验证码popover位置
.verifyPopover{
left: 576px!important;
padding: 12px 10px;
}
//新增按钮
.addBtn{
//width: 72px;
//height: 34px;
background: #FFFFFF!important;
border: 1px solid #6672FB!important;
border-radius: 4px;
font-size: 16px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
color: #6672FB;
&:hover {
opacity: 0.85;
background: #FFFFFF;
color: #6672FB;
border: 1px solid #6672FB!important;
}
&:focus {
opacity: 0.85;
background: #FFFFFF;
color: #6672FB;
border: 1px solid #6672FB!important;
}
}
// 弹窗确定按钮
.submitBtn{
width: 74px;
height: 38px;
background: #6672FB;
border: 1px solid #6672FB!important;
border-radius: 4px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
&:hover {
opacity: 0.85;
background: #6672FB;
border: 1px solid #6672FB!important;
}
&:focus {
opacity: 0.85;
background: #6672FB;
border: 1px solid #6672FB!important;
}
}
//弹窗取消按钮
.cancelBtn{
width: 74px;
height: 38px;
background: #ffffff;
border: 1px solid #6672FB;
border-radius: 4px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #6672FB;
&:hover {
opacity: 0.85;
background: #ffffff;
border: 1px solid #6672FB!important;
}
&:focus {
opacity: 0.85;
background: #ffffff;
border: 1px solid #6672FB!important;
}
}
//导入按钮
.importBtn{
//width: 72px;
//height: 34px;
background: #FFFFFF!important;
border: 1px solid #6672FB!important;
border-radius: 4px;
font-size: 16px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
color: #6672FB;
&:hover {
opacity: 0.85;
background: #FFFFFF;
color: #6672FB;
border: 1px solid #6672FB!important;
}
&:focus {
opacity: 0.85;
background: #FFFFFF;
color: #6672FB;
border: 1px solid #6672FB!important;
}
}
//导出按钮
.exportBtn{
//width: 72px;
//height: 34px;
background: #FFFFFF!important;
border: 1px solid #6672FB!important;
border-radius: 4px;
font-size: 16px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
color: #6672FB;
&:hover {
opacity: 0.85;
background: #FFFFFF;
color: #6672FB;
border: 1px solid #6672FB!important;
}
&:focus {
opacity: 0.85;
background: #FFFFFF;
color: #6672FB;
border: 1px solid #6672FB!important;
}
}
//修改按钮文字类型样式
.updateBtn{
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 16px;
color: #6672FB
}
.resetBtnText{
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 16px;
color: #6672FB
}
.delBtn{
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 16px;
color: #6672FB
}
// switch开样式
.el-switch__core{
width: 40px!important;
}
.el-switch.is-checked .el-switch__core{
border-color: #6672FB;
background-color: #6672FB;
}
.el-message-box__btns button:nth-child(2){
border-color: #6672FB;
background-color: #6672FB;
}
.search{
.formClass{
padding: 0 35px 19px 53px;
border-bottom: 1px solid #F5F6F9;
.el-form-item{
margin-right: 20px;
}
.el-input__inner{
width: 300px;
height: 38px;
}
}
.btnRow{
padding: 25px 0 53px 52px;
}
// 查询按钮
.queryBtn{
width: 74px;
height: 38px;
background: #6672FB;
border: 1px solid #6672FB!important;
border-radius: 4px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
&:hover {
opacity: 0.85;
background: #6672FB;
border: 1px solid #6672FB!important;
}
&:focus {
opacity: 0.85;
background: #6672FB;
border: 1px solid #6672FB!important;
}
}
//重置按钮
.resetBtn{
width: 74px;
height: 38px;
background: #ffffff;
border: 1px solid #6672FB;
border-radius: 4px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #6672FB;
&:hover {
opacity: 0.85;
background: #ffffff;
border: 1px solid #6672FB!important;
}
&:focus {
opacity: 0.85;
background: #ffffff;
border: 1px solid #6672FB!important;
}
}
}
.table-content{
padding: 0 54px 0 53px;
}
.el-table th .cell{
justify-content: center;
}
.el-table td .cell{
display: flex;
justify-content: center;
align-items: center;
}
.el-table th {
border-right: none;
background-color: #F6F7FD;
}
.el-table th .cell{
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 16px;
color: #222222;
}
.el-table td{
border-bottom: 1px solid #F3F3F3;
border-right: none;
}
.el-table td .cell{
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 16px;
color: #222222;
}
.el-pagination{
text-align: center!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #6672FB;
}
src/styles/themeF/dept.scss 0 → 100644
View file @ 7ec6f139
$color-theme: #f4ac10;
.dept-manage{
}
src/styles/themeF/dict.scss 0 → 100644
View file @ 7ec6f139
$color-theme: #f4ac10;
.dict-manage {
font-size: 18px;
padding: 0;
.el-form {
padding: 0 0 0 10px;
.el-form-item {
margin-top: 0;
margin-left: 0;
margin-bottom: 15px;
margin-right: 10px;
}
}
.placeholder{
height:1.3vh;
background-color: #F4F4F4;
margin-bottom:10px
}
}
.dictUpdata{
margin-left: 10px;
margin-right: 20px;
}
// 字典管理-字典类型管理页面
.dictData-manage {
font-size: 18px;
padding: 0;
.placeholder{
height:1.3vh;
background-color: #F4F4F4;
margin-bottom:10px
}
.optionsContent{
box-sizing: border-box;
width: 100%;
padding: 0 0 0 10px;
display: flex;
flex-direction: row;
}
}
src/styles/themeF/errorLog.scss 0 → 100644
View file @ 7ec6f139
$color-theme: #f4ac10;
.errLog-manage {
padding: 0;
font-size: 18px;
.placeholder{
height:14px;
background-color: #F4F4F4;
margin-bottom:10px
}
}
.errorCat{
margin-left: 10px;
margin-right: 20px;
}
src/styles/themeF/index.scss 0 → 100644
View file @ 7ec6f139
//------------公共的样式文件---------------------------------------------------
@import "./navigationBar.scss"; // 左侧导航栏css样式文件
@import "./sidebar.scss"; // 自带的左侧导航栏css样式文件
@import "./variables.scss"; // 风格变量css样式文件
@import "./tagsView.scss"; // 顶部面包屑tag签css样式文件
@import "./layout.scss"; // layout的css样式文件
@import "./common.scss"; // // 通用样式，如：按钮，列表，form表单等样式文件
//-----------各个模块的样式文件--------------------------------------------
@import "./user.scss"; // 用户管理模块css样式文件
@import "./role.scss"; // 角色管理模块css样式文件
@import "./menu.scss"; // 菜单管理模块css样式文件
@import "./dept.scss"; // 部门管理模块css样式文件
@import "./dict.scss"; // 字典管理模块css样式文件
@import "./loginInfo.scss"; // 登录日志模块css样式文件
@import "./operLog.scss"; // 操作日志模块css样式文件
@import "./errorLog.scss"; // 异常日志模块css样式文件
@import "./reSetPsw.scss"; // 修改密码模块css样式文件
@import "./login.scss"; // 登录页面css样式文件
src/styles/themeF/layout.scss 0 → 100644
View file @ 7ec6f139
@import "../../styles/mixin";
@import "./variables";
.app-wrapper {
@include clearfix;
position: relative;
height: 100%;
width: 100%;
&.mobile.openSidebar{
position: fixed;
top: 0;
}
}
.nav-container{
/*height: 70px;*/
//position: absolute;
top: 0;
width: 100%;
z-index: 1001;
}
.nav-container-two{
width: 100%;
z-index: 1001;
.placeholder {
height: 1.2vh;
width: 100%;
background-color: #F4F4F4;
}
}
.drawer-bg {
background: #000;
opacity: 0.3;
width: 100%;
top: 0;
height: 100%;
position: absolute;
z-index: 999;
}
.fixed-header {
position: fixed;
//top: 0;
//right: 0;
//z-index: 9;
width: calc(100% - #{$sideBarWidth});
transition: width 0.28s;
}
.hideSidebar .fixed-header {
width: calc(100% - #{ $sideHideWidth })
}
.mobile .fixed-header {
width: 100%;
}
src/styles/themeF/login.scss 0 → 100644
View file @ 7ec6f139
.login {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/login-background.jpg");
background-size: cover;
.login_logoRow{
padding-top: 10px;
padding-bottom: 10px;
display: flex;
justify-content: center;
width: 100%;
.login_form_logo{
width: 64px;
height: 64px;
background-image: url("../../assets/image/login_logo.png");
}
}
.loginTitleRow{
width: 100%;
display: flex;
justify-content: center;
margin-top: 20px;
.title {
font-size: 24px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: CENTER;
color: #333333;
line-height: 28px;
}
}
//.title {
// margin: 7vh auto 7vh auto;
// text-align: center;
// color: black;
font-size: 36px;
//}
.el-input__prefix{
left: 14px;
}
.el-input--prefix .el-input__inner{
padding-left: 44px;
font-size: 16px;
}
.el-form-item {
margin-bottom: 4vh;
}
}
.login-form {
position: absolute;
backdrop-filter: blur(4px);
display: inline;
flex-direction: column;
align-items: flex-end;
border-radius: 6px;
background: #ffffff no-repeat;
background-size: 59%;
background-position-y: 57px;
width: 650px;
height: 550px;
padding: 25px 25px 5px 25px;
.login-form-content{
position: absolute;
top: 40%;
right: 28%;
width: 45%;
display: flex;
flex-direction: column;
align-items: center;
.el-form-item{
width: 343px;
.el-input__inner{
border-radius: 4px;
}
}
.loginCode_formItem{
width: 80%;
display: flex;
justify-content: space-between;
//align-items: center;
line-height: 0;
.el-form-item{
width: 400px;
}
}
.blue-btn{
width: 343px;
height: 40px;
border-radius: 4px;
font-size: 18px;
}
}
.el-input {
height: 38px;
input {
height: 38px;
}
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 2px;
}
}
.login-tip {
font-size: 13px;
text-align: center;
color: #bfbfbf;
}
.login-code {
//width: 33%;
height: 38px;
//float: right;
img {
height: 38px;
cursor: pointer;
vertical-align: middle;
}
}
.el-login-footer {
height: 40px;
line-height: 40px;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
color: #fff;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
}
.login_buttons-content{
display: flex;
width: 343px;
justify-content: space-between;
.rem-code span{
color: $font-dark;
}
.el-link span{
color: $color-theme;
}
.rem-code span, .el-link span{
font-size: 16px;
}
}
src/styles/themeF/loginInfo.scss 0 → 100644
View file @ 7ec6f139
$color-theme: #f4ac10;
.loginInfo-manage {
padding: 0;
font-size: 18px;
.placeholder{
height:14px;
background-color: #F4F4F4;
margin-bottom:10px
}
}
src/styles/themeF/menu.scss 0 → 100644
View file @ 7ec6f139
$color-theme: #f4ac10;
.menu-manage {
font-size: 18px;
padding: 0;
.placeholder{
height:1.3vh;
background-color: #F4F4F4;
margin-bottom:10px
}
.table-drop{
vertical-align: 2px;
line-height: 20px;
margin-left: 25px
}
.el-switch{
margin-left: 25px;
}
.icon-list {
div {
white-space: nowrap;
}
}
}
src/styles/themeF/navigationBar.scss 0 → 100644
View file @ 7ec6f139
.sidebarLogoFade-enter-active {
transition: opacity 1.5s;
}
.sidebarLogoFade-enter,
.sidebarLogoFade-leave-to {
opacity: 0;
}
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
background: #FFFFFF;
padding-left: 11px;
overflow: hidden;
.sidebar-logoTitle{
display: flex;
}
& .sidebar-logo-link {
height: 100%;
width: 100%;
& .sidebar-logo {
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 12px;
}
& .sidebar-title {
font-family: Alibaba PuHuiTi;
font-weight: bold;
font-size: 18px;
color: #222222;
display: inline-block;
margin: 0;
line-height: 50px;
vertical-align: middle;
}
}
&.collapse {
.sidebar-logo {
margin-right: 0px;
}
}
}
src/styles/themeF/operLog.scss 0 → 100644
View file @ 7ec6f139
$color-theme: #f4ac10;
.operlog-manage {
padding: 0;
font-size: 18px;
.placeholder{
height:14px;
background-color: #F4F4F4;
margin-bottom:10px
}
}
.operCat{
margin-right: 20px;
margin-left: 10px;
}
src/styles/themeF/reSetPsw.scss 0 → 100644
View file @ 7ec6f139
.forget-pwd-content{
display: flex;
flex-direction: column;
align-items: center;
min-height: calc(100vh - 110px);
.title{
font-size: 24px;
font-weight: bold;
margin-top: 40px;
}
.el-form{
margin-top: 40px;
width: 40%;
.el-form-item__label{
color: #333333;
font-weight: normal;
}
.el-input__inner{
border-radius: 4px;
}
.blue-btn{
height: 32px;
border-radius: 4px;
}
}
}
src/styles/themeF/role.scss 0 → 100644
View file @ 7ec6f139
$color-theme: #f4ac10;
.role-manage {
font-size: 18px;
padding: 0;
.placeholder {
height: 1.3vh;
background-color: #F4F4F4;
margin-bottom: 10px
}
.table-drop {
vertical-align: 2px;
line-height: 20px;
margin-left: 15px
}
.el-switch {
margin-left: 15px;
}
}
.role_dividerStyle{
.el-divider--vertical{
height: 12em!important;
width: 4px!important;
}
}
src/styles/themeF/sidebar.scss 0 → 100644
View file @ 7ec6f139
@import '../../styles/variables';
#app {
.main-container {
padding-top: 6.4vh;
min-height: 100%;
transition: margin-left 0.28s;
margin-left: $sideBarWidth;
position: relative;
}
.sidebar-container {
transition: width 0.28s;
width: $sideBarWidth !important;
background-color: #FFFFFF;
height: 100%;
position: fixed;
font-size: 0px;
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
overflow: hidden;
// reset element-ui css
.horizontal-collapse-transition {
transition: 0s width ease-in-out, 0s padding-left ease-in-out,
0s padding-right ease-in-out;
}
.scrollbar-wrapper {
overflow-x: hidden !important;
}
.el-scrollbar__bar.is-vertical {
right: 0px;
}
.el-scrollbar {
height: calc(100% - 50px);
}
&.has-logo {
.el-scrollbar {
height: calc(100% - 50px);
}
}
.is-horizontal {
display: none;
}
a {
display: inline-block;
width: 100%;
overflow: hidden;
}
.svg-icon {
margin-right: 17px;
font-size: 20px;
}
.el-menu {
border: none;
height: 100%;
width: 100% !important;
}
// menu hover
.submenu-title-noDropdown,
.el-submenu__title {
&:hover {
background-color: $menuHover !important;
}
}
.is-active > .el-submenu__title {
color: $subMenuActiveText;
}
& .nest-menu .el-submenu > .el-submenu__title,
& .el-submenu .el-menu-item {
min-width: $sideBarWidth !important;
background-color: $subMenuBg;
&:hover {
background-color: $subMenuHover !important;
}
}
}
.hideSidebar {
.sidebar-container {
width: $sideHideWidth !important;
}
.main-container {
margin-left: 54px;
}
.submenu-title-noDropdown {
padding: 0 !important;
position: relative;
.el-tooltip {
padding: 0 !important;
.svg-icon {
margin-left: 17px;
}
}
}
.el-submenu {
overflow: hidden;
& > .el-submenu__title {
padding: 0 !important;
.svg-icon {
margin-left: 17px;
}
.el-submenu__icon-arrow {
display: none;
}
}
}
.el-menu--collapse {
.el-submenu {
& > .el-submenu__title {
& > span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block;
}
}
}
}
}
.el-menu--collapse .el-menu .el-submenu {
min-width: $sideBarWidth !important;
}
// mobile responsive
.mobile {
.main-container {
margin-left: 0px;
}
.sidebar-container {
transition: transform 0.28s;
width: $sideBarWidth !important;
}
&.hideSidebar {
.sidebar-container {
pointer-events: none;
transition-duration: 0.3s;
transform: translate3d(-$sideBarWidth, 0, 0);
}
}
}
.withoutAnimation {
.main-container,
.sidebar-container {
transition: none;
}
}
}
// when menu collapsed
.el-menu--vertical {
& > .el-menu {
.svg-icon {
margin-right: 16px;
}
}
.nest-menu .el-submenu > .el-submenu__title,
.el-menu-item {
&:hover {
// you can use $subMenuHover
background-color: $menuHover !important;
}
}
// the scroll bar appears when the subMenu is too long
> .el-menu--popup {
max-height: 100vh;
overflow-y: auto;
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
}
.el-submenu__icon-arrow {
color: #222222 !important;
}
.is-active.submenu-title-noDropdown {
background-color: #fff !important;
}
#app .sidebar-container .el-submenu .el-menu-item.is-active {
background-color: #fff !important;
}
.router-link-active .el-menu-item.is-active {
background-color: #ffffff !important;
}
// hover样式
.el-submenu__title:hover {
color: #6672FB!important;
.el-submenu__icon-arrow {
color: #6672FB!important;
}
}
.nest-menu .el-submenu > .el-submenu__title:hover {
background-color: #fff !important;
color: #6672FB!important;
}
.is-active > .el-submenu__title:hover {
color: #6672FB!important;
}
.el-submenu .el-menu-item:hover {
color: #6672FB!important;
}
.el-menu-item.submenu-title-noDropdown:hover {
color: #6672FB!important;
}
.el-menu--vertical .el-menu-item:hover {
color: #6672FB!important;
}
.el-submenu__title{
font-size: 18px!important;
}
.el-menu-item{
font-size: 18px!important;
}
.el-submenu.is-opened {
background-color: #FFFFFF !important;
> .el-submenu__title {
background-color: #fff !important;
color: #6672FB!important;
.el-submenu__icon-arrow {
color: #6672FB!important;
}
}
.el-menu {
.el-menu-item {
background-color: #fff !important;
color: #000000;
&.is-active {
color: #6672FB !important;
}
}
}
.nest-menu {
.el-submenu__title {
background-color: #fff !important;
color: #000000 !important;
.el-submenu__icon-arrow {
color: #6672FB!important;
}
}
}
}
src/styles/themeF/tagsView.scss 0 → 100644
View file @ 7ec6f139
.tags-view-container {
height: 31px;
width: 100%;
background: #F4F4F4;
//border-bottom: 1px solid #d8dce5;
//box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
margin: 0 14px;
.tags-view-wrapper {
.tags-view-item {
display: inline-block;
position: relative;
cursor: pointer;
height: 27px;
line-height: 26px;
//border: 1px solid #d8dce5;
color: #495060;
background: #fff;
padding: 0 10px;
font-size: 14px;
margin-left: 5px;
margin-top: 4px;
&:first-of-type {
margin-left: 0;
}
&:last-of-type {
margin-right: 15px;
}
&.active {
background-color: #fff;
color: #6672FB;
border-color: transparent;
//&::before {
// content: '';
// background: #fff;
// display: inline-block;
// width: 8px;
// height: 8px;
// border-radius: 50%;
// position: relative;
// margin-right: 2px;
//}
}
}
}
.contextmenu {
margin: 0;
background: #fff;
z-index: 3000;
position: absolute;
list-style-type: none;
padding: 5px 0;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
color: #333;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
li {
margin: 0;
padding: 7px 16px;
cursor: pointer;
&:hover {
background: #eee;
}
}
}
}
.tags-view-wrapper {
.tags-view-item {
.el-icon-close {
width: 16px;
height: 16px;
vertical-align: 2px;
border-radius: 50%;
text-align: center;
transition: all .3s cubic-bezier(.645, .045, .355, 1);
transform-origin: 100% 50%;
&:before {
transform: scale(.6);
display: inline-block;
vertical-align: -3px;
}
&:hover {
background-color: #b4bccc;
color: #fff;
}
}
}
}
src/styles/themeF/user.scss 0 → 100644
View file @ 7ec6f139
$color-theme: #f4ac10;
.user-manage{
font-size: 18px;
.placeholder{
height:14px;
background-color: #F4F4F4
}
.table-drop{
margin-left: 15px;
font-size: 16px;
font-weight: bold;
color: #46BCF3;
}
.paddingFixed {
.el-dialog__body {
padding-bottom: 17px;
}
}
.el-form-item__label-wrap {
margin-left: 0!important;
}
}
src/styles/themeF/variables.scss 0 → 100644
View file @ 7ec6f139
// 主题色
$color-theme: #46BCF3;
$color-red: #F57b7b;
$color-purple: #ff33a9;
$color-orange: #f4ac10;
$color-blue: #409EFF;
// 我的单据背景色 考勤统计
$color-cambridge-blue: #29a2db;
// 我的单据背景色 考勤统计
$color-cambridge-red: #ffbebe;
// 我的单据背景色 考勤统计
$color-cambridge-yellow: #fcd89f;
// 我的单据背景色 考勤统计
$color-cambridge-yellow: #fcd89f;
// 我的单据背景色 考勤统计
$color-indigo: #9fc6fc;
// 考勤统计
$color-indigo-deep: #5cbce5;
// 考勤统计未选中项
$color-grey: #d1d1d1;
// 系统背景色
$color-grey-light: #f4f4f4;
// 列表表头底色
$color-grey-light: #ecf9fe;
// 统计折线图背景色
$color-green: #49cec9;
// 统计折线图折线
$color-green-deep: #1cc2bc;
$color-green-light-btn: #6dd8e4;
// 统计折线图背景色
$color-blue-bg: #1cc2bc;
// 统计折线图折线
$color-blue-line: #0098de;
// 考勤统计
$color-green-light: #80e4e9;
// 线框、线段、列表 虚线分割线、表单不可修改
$color-border: #e5e5e5;
// 查询 新增 申请 tab标签 分页列表中除修改之外的其他按钮
$blue-prime: #46BCF3;
$blue-prime-hover: #6bc9f5;
$blue-prime-active: #0098de;
// 导出 导入 修改
$green-prime: #49cec9;
$green-prime-hover: #6dd8d4;
$green-prime-active: #1cc2bc;
// 文件上传
$yellow-prime: #f6c761;
$yellow-prime-hover: #f8d281;
$yellow-prime-active: #f4ac10;
// 删除
$red-prime: #f68f8f;
$red-prime-hover: #f8a5a5;
$red-prime-active: #ff7b7b;
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
// 文字色
$font-black: #000;
// 主文字
$font-dark: #333;
// 次文字 表单内容、面包屑当前
$font-deep: #666666;
// 说明文字
$font-pl: #999999;
// 错误的提示文字 需要注意的提示文字
$font-error: #f52929;
$font-weak: #b3b3b3;
// 反白文字
$font-white: #fff;
// 背景色
$bg-bar: #f9f9f9;
$bg-page: #f3f3f3;
$bg-page-light: #f9f9f9;
$bg-menu-hover: #f2f6fc;
// sidebar
$menuText:#222222;
$menuActiveText:#6672FB;
$subMenuActiveText:#6672FB; //https://github.com/ElemeFE/element/issues/12951
$menuBg:#FFFFFF;
$menuHover:#fff;
$subMenuBg:#46BCF2;
$subMenuHover:#fff;
$sideBarWidth: 254px;
$sideHideWidth: 54px;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
menuText: $menuText;
menuActiveText: $menuActiveText;
subMenuActiveText: $subMenuActiveText;
menuBg: $menuBg;
menuHover: $menuHover;
subMenuBg: $subMenuBg;
subMenuHover: $subMenuHover;
sideBarWidth: $sideBarWidth;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment