2024-09-09 修改了大部分下拉组件为模糊筛选,减轻前端渲染压力
This commit is contained in:
@@ -29,12 +29,14 @@
|
||||
}
|
||||
//表头全局样式
|
||||
.el-table th{
|
||||
background-color: #7eaced;
|
||||
color: white;/*修改表格头部背景*/
|
||||
line-height: 35px!important;
|
||||
font-family: YouYuan!important;
|
||||
font-Size: 14px!important;
|
||||
font-weight:200!important
|
||||
color: black;/*修改表格头部背景*/
|
||||
line-height: 40px!important;
|
||||
//font-family: YouYuan!important;
|
||||
font-Size: 13px!important;
|
||||
font-weight: 400!important;
|
||||
}
|
||||
.el-table__row{
|
||||
height: 36px!important;
|
||||
}
|
||||
.el-table__row td{
|
||||
padding: 3px 0!important;
|
||||
@@ -71,10 +73,10 @@
|
||||
background-color: rgb(98, 157, 209);
|
||||
}
|
||||
|
||||
.el-textarea__inner,
|
||||
/* .el-textarea__inner,
|
||||
.el-radio__inner,
|
||||
.el-input__inner{
|
||||
border: 1px solid rgb(49, 56, 72)!important;
|
||||
}
|
||||
border: 1px solid gray!important;
|
||||
}*/
|
||||
|
||||
|
||||
|
||||
@@ -24,7 +24,7 @@ html {
|
||||
#app{
|
||||
height: 100%;
|
||||
.sidebar-container{
|
||||
background-color: #152c7c;
|
||||
background-color: #2d323c;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -84,19 +84,20 @@ a:hover {
|
||||
background-color: #fff!important;
|
||||
}
|
||||
.submenu-title-noDropdown{
|
||||
background-color: #2e296a!important;
|
||||
background-color: #383e4b!important;
|
||||
color: #cccccc!important;
|
||||
}
|
||||
.el-menu-item.is-active{
|
||||
color:#409EFF!important;
|
||||
color:#fff582!important;
|
||||
}
|
||||
el-form-item__content{
|
||||
background-color: #3d3780!important;
|
||||
background-color: #383e4b!important;
|
||||
}
|
||||
.el-menu-item:hover{
|
||||
background-color: #9892E4 !important;
|
||||
}
|
||||
.el-menu-item, .el-submenu__title{
|
||||
padding-left: 38px !important;
|
||||
line-height: 42px;
|
||||
height: 42px;
|
||||
//background-color: #2e296a!important;
|
||||
@@ -150,18 +151,6 @@ el-card{
|
||||
.block{
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.el-button--success{
|
||||
background: rgb(45,114,213);
|
||||
border-color: rgb(45,114,213);
|
||||
&:hover{
|
||||
background: rgb(45,114,213);
|
||||
border-color: rgb(45,114,213);
|
||||
}
|
||||
&:focus{
|
||||
background: rgb(45,114,213);
|
||||
border-color: rgb(45,114,213);
|
||||
}
|
||||
}
|
||||
.el-button--baocun{
|
||||
background: #67C23A;
|
||||
border-color: #67C23A;
|
||||
@@ -192,34 +181,16 @@ el-card{
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.el-button--primary{
|
||||
background: #ff9759;
|
||||
border-color: #ff9759;
|
||||
&:hover{
|
||||
background: #ff9759;
|
||||
border-color: #ff9759;
|
||||
}
|
||||
&:focus{
|
||||
background: #ff9759;
|
||||
border-color: #ff9759;
|
||||
}
|
||||
}
|
||||
//登录页login输入框上串所以屏蔽
|
||||
.el-input__inner:focus {
|
||||
border: 1px solid #2A71CB!important;
|
||||
//height: 29px;
|
||||
}
|
||||
.el-input__inner{
|
||||
border: 1px solid red
|
||||
}
|
||||
.el-textarea__inner, .el-radio__inner, .el-input__inner{
|
||||
border: 1px solid #676767 !important
|
||||
}
|
||||
//.el-input--small .el-input__inner {
|
||||
// height: 29px;
|
||||
//}
|
||||
.el-breadcrumb__separator {
|
||||
color: black;
|
||||
color: #fff;
|
||||
}
|
||||
.el-table td, .el-table th {
|
||||
padding: 0;
|
||||
@@ -260,18 +231,18 @@ h3 {
|
||||
}
|
||||
//生成
|
||||
.el-button--shengcheng{
|
||||
background: #ffffff;
|
||||
border-color: rgb(255,151,89);
|
||||
color: rgb(255,151,89);
|
||||
background: #ff9759;
|
||||
border-color: #ff9759;
|
||||
color: white;
|
||||
&:hover{
|
||||
background: #ffffff;
|
||||
border-color: rgb(255,151,89);
|
||||
color: rgb(255,151,89);
|
||||
background: #ff9759;
|
||||
border-color: #ff9759;
|
||||
color: white;
|
||||
}
|
||||
&:focus{
|
||||
background: #ffffff;
|
||||
border-color: rgb(255,151,89);
|
||||
color: rgb(255,151,89);
|
||||
background: #ff9759;
|
||||
border-color: #ff9759;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.el-button--baocun.is-disabled{
|
||||
@@ -292,6 +263,14 @@ h3 {
|
||||
.el-tabs--border-card>.el-tabs__content {
|
||||
padding: 8px 8px 8px 8px!important;
|
||||
}
|
||||
input[type=number] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
input[type=number]::-webkit-inner-spin-button,
|
||||
input[type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
//.el-table__header-wrapper {
|
||||
// height: 25px!important;
|
||||
//}
|
||||
@@ -340,17 +319,34 @@ h3 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.el-table__body tr.current-row>td{
|
||||
background-color: #9BD7FC!important;
|
||||
}
|
||||
//统一标准全局class 张丁予20200213
|
||||
.machineTool { // 机床Select
|
||||
.el-input{
|
||||
width:180px;
|
||||
}
|
||||
}
|
||||
.el-select{
|
||||
width:150px;
|
||||
margin-right: 10px;
|
||||
.el-button--mini, .el-button--small {
|
||||
font-size: 13px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.el-button--small, .el-button--small.is-round {
|
||||
padding: 8px 15px;
|
||||
}
|
||||
span{
|
||||
font-size: 13px;
|
||||
}
|
||||
.menu-wrapper span {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group{
|
||||
border-color: #DCDFE6!important;
|
||||
}
|
||||
.el-table--border::after, .el-table--group::after, .el-table::before{
|
||||
background-color: #DCDFE6!important;
|
||||
}
|
||||
|
||||
// text 按钮禁用后背景颜色 20200309
|
||||
//.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover {
|
||||
// background-color: rgba(255,255,255,0.0);
|
||||
|
||||
@@ -1,16 +1,16 @@
|
||||
#app {
|
||||
// 主体区域
|
||||
.main-container {
|
||||
min-width: 1380px; // div3固定宽度后新增
|
||||
min-width: 1360px; // div3固定宽度后新增
|
||||
min-height: 100%;
|
||||
transition: margin-left .28s;
|
||||
margin-left: 200px;
|
||||
margin-left: 220px;
|
||||
position: relative;
|
||||
}
|
||||
// 侧边栏
|
||||
.sidebar-container {
|
||||
transition: width 0.28s;
|
||||
width: 200px !important;
|
||||
width: 220px !important;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
font-size: 0px;
|
||||
@@ -46,7 +46,7 @@
|
||||
.el-menu {
|
||||
border: none;
|
||||
height: 100%;
|
||||
background: #152c7c!important;
|
||||
background: #2d323c!important;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
@@ -67,7 +67,7 @@
|
||||
.el-submenu {
|
||||
overflow: hidden;
|
||||
&>.el-submenu__title {
|
||||
padding-left: 10px !important;
|
||||
padding-left: 12px !important;
|
||||
.el-submenu__icon-arrow {
|
||||
display: none;
|
||||
}
|
||||
@@ -90,7 +90,7 @@
|
||||
.sidebar-container .nest-menu .el-submenu>.el-submenu__title,
|
||||
.sidebar-container .el-submenu .el-menu-item {
|
||||
min-width: 200px !important;
|
||||
background-color: $subMenuBg !important;
|
||||
background-color: #383E4D !important;
|
||||
&:hover {
|
||||
background-color: $menuHover !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user