调整library布局
This commit is contained in:
X1627315083
@@ -7,7 +7,7 @@ html,body,#app{
|
||||
overflow: hidden;
|
||||
// --antd-wave-shadow-color: #341e57;
|
||||
--aida-fsize2: calc(2.6rem);
|
||||
--aida-fsize1-8: calc(1.8rem*1.2);
|
||||
--aida-fsize1-8: calc(1.8rem);
|
||||
--aida-fsize1-6: calc(1.6rem);
|
||||
--aida-fsize1-4: calc(1.4rem*1.2);
|
||||
--antd-wave-shadow-color:#39215b;
|
||||
@@ -272,59 +272,11 @@ input:focus{
|
||||
|
||||
|
||||
|
||||
.el-cascader{
|
||||
font-size: 1.2rem;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
--el-color-primary: #d9d9d9;
|
||||
--el-cascader-tag-background:#e1d9ec;
|
||||
.el-input{
|
||||
height: 100%;
|
||||
.el-input__wrapper{
|
||||
.el-input__inner{
|
||||
height: 80% !important;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-popper{
|
||||
padding: .5rem 1.1rem;
|
||||
}
|
||||
.el-cascader__tags,.el-cascader__collapse-tag{
|
||||
--el-color-primary: #d9d9d9;
|
||||
--el-cascader-tag-background:#e1d9ec;
|
||||
--el-fill-color:#e1d9ec;
|
||||
height: 100%;
|
||||
width: 90% !important;
|
||||
flex-wrap: nowrap;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
.el-tag--light{
|
||||
margin: 0 0 0 .6rem;
|
||||
padding-right: .5rem;
|
||||
height: 80%;
|
||||
--el-icon-size: 1.4rem;
|
||||
display: flex;
|
||||
.el-tag__content{
|
||||
font-size: 1.4rem;
|
||||
color: #000;
|
||||
|
||||
}
|
||||
}
|
||||
.el-cascader__search-input{
|
||||
height: 100%;
|
||||
margin: 0 0 0 1.1rem;
|
||||
}
|
||||
}
|
||||
.el-cascader__collapse-tag{
|
||||
margin-bottom: .5rem;
|
||||
.el-cascader__collapse-tag{
|
||||
.el-tag--light{
|
||||
display: flex !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hideEvents{
|
||||
pointer-events:none !important;
|
||||
*{
|
||||
@@ -794,6 +746,18 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 5rem;
|
||||
&.smail{
|
||||
>input{
|
||||
padding: 1rem 2rem !important;
|
||||
}
|
||||
.ant-picker-range,.ant-select-selector,.range_picker{
|
||||
padding: 1rem 2rem !important;
|
||||
}
|
||||
.el-cascader{
|
||||
padding: 1rem 2rem;
|
||||
}
|
||||
|
||||
}
|
||||
>input{
|
||||
height: 2.5rem !important;
|
||||
border-radius: 4rem;
|
||||
@@ -824,6 +788,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
|
||||
box-sizing: content-box;
|
||||
background-color: #f3f3f3;
|
||||
width: calc(100% - 4rem);
|
||||
border: 1px solid #000;
|
||||
}
|
||||
.ant-picker-input > input{
|
||||
font-size: 1.8rem;
|
||||
@@ -838,6 +803,78 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-cascader{
|
||||
font-size: 1.8rem;
|
||||
width: 100%;
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 4rem;
|
||||
background-color: #fff;
|
||||
height: 2.5rem;
|
||||
padding: 2rem;
|
||||
transition: all .3s;
|
||||
box-sizing: content-box;
|
||||
.el-cascader__tags,.el-input{
|
||||
height: 100%;
|
||||
}
|
||||
.el-input{
|
||||
.el-input__wrapper{
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
.el-input__inner{
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-cascader:hover{
|
||||
border: 1px solid;
|
||||
}
|
||||
.el-cascader__tags{
|
||||
padding-left: 1rem;
|
||||
}
|
||||
.el-cascader__tags,.el-cascader__collapse-tag{
|
||||
--el-color-primary: #d9d9d9;
|
||||
--el-cascader-tag-background:#000;
|
||||
--el-fill-color:#e1d9ec;
|
||||
box-sizing: content-box;
|
||||
width: 90% !important;
|
||||
flex-wrap: nowrap;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
.el-tag--light{
|
||||
margin: 0 0 0 .6rem;
|
||||
padding-right: .5rem;
|
||||
height: 70%;
|
||||
--el-icon-size: 1.4rem;
|
||||
display: flex;
|
||||
.el-tag__content{
|
||||
font-size: 1.4rem;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.el-cascader__search-input{
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.el-cascader__search-input,.el-input__inner{
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 4.6rem;
|
||||
padding-left: 2.1rem;
|
||||
line-height: 4.6rem;
|
||||
font-size: 1.8rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.el-cascader__collapse-tag{
|
||||
margin-bottom: .5rem;
|
||||
.el-cascader__collapse-tag{
|
||||
.el-tag--light{
|
||||
display: flex !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.generalModel_current{
|
||||
background: #fff;
|
||||
@@ -869,6 +906,14 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
|
||||
}
|
||||
}
|
||||
|
||||
//下拉的内容
|
||||
.ant-select-dropdown{
|
||||
border: 1px solid #000;
|
||||
border-radius: 1rem;
|
||||
.ant-select-item-option-selected:not(.ant-select-item-option-disabled){
|
||||
background-color: #f3f3f6;
|
||||
}
|
||||
}
|
||||
|
||||
.generalModel{//自带关闭的页面
|
||||
-moz-user-select: none;
|
||||
@@ -1192,7 +1237,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
|
||||
}
|
||||
//loding样式
|
||||
.ant-spin-dot-item{
|
||||
background-color: #543087;
|
||||
background-color: #000000;
|
||||
}
|
||||
.ant-spin{
|
||||
color: #000;
|
||||
@@ -1271,9 +1316,21 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
|
||||
border-color: #000;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ant-pagination-prev:hover .ant-pagination-item-link,
|
||||
.ant-pagination-next:hover .ant-pagination-item-link{
|
||||
color: #000;
|
||||
.ant-pagination-prev:hover .ant-pagination-item-link,
|
||||
.ant-pagination-next:hover .ant-pagination-item-link {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
.ant-pagination-item:hover{
|
||||
border: 1px solid #000;
|
||||
}
|
||||
.ant-pagination-prev,
|
||||
.ant-pagination-next{
|
||||
.ant-pagination-item-link{
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.ant-pagination-item:hover a{
|
||||
color: #000;
|
||||
|
||||
Reference in New Issue
Block a user