更改公共样式 统一select和datepicker样式
This commit is contained in:
parent
8ab5cfb506
commit
ed908b1d97
92
src/App.css
92
src/App.css
|
@ -1,71 +1,71 @@
|
||||||
.zent-btn[data-zv='9.11.0'] {
|
.zent-btn[data-zv="9.11.0"] {
|
||||||
border-radius: 4px !important;
|
border-radius: 4px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-swiper[data-zv='9.11.0'] {
|
.zent-swiper[data-zv="9.11.0"] {
|
||||||
height: 280px;
|
height: 280px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-grid-tr[data-zv='9.11.0'] {
|
.zent-grid-tr[data-zv="9.11.0"] {
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-grid-th[data-zv='9.11.0'] {
|
.zent-grid-th[data-zv="9.11.0"] {
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
}
|
}
|
||||||
.zent-grid-th[data-zv='9.11.0'],
|
.zent-grid-th[data-zv="9.11.0"],
|
||||||
.zent-grid-td[data-zv='9.11.0'] {
|
.zent-grid-td[data-zv="9.11.0"] {
|
||||||
border-bottom-color: #f1f1f1 !important;
|
border-bottom-color: #f1f1f1 !important;
|
||||||
}
|
}
|
||||||
.zent-swiper__dots-small[data-zv='9.11.0'] .zent-swiper__dots-item {
|
.zent-swiper__dots-small[data-zv="9.11.0"] .zent-swiper__dots-item {
|
||||||
height: 8px;
|
height: 8px;
|
||||||
width: 8px;
|
width: 8px;
|
||||||
margin: 12px 8px;
|
margin: 12px 8px;
|
||||||
}
|
}
|
||||||
/* 账号新增岗位 */
|
/* 账号新增岗位 */
|
||||||
.zent-form-horizontal[data-zv='9.11.0'] .zent-form-label {
|
.zent-form-horizontal[data-zv="9.11.0"] .zent-form-label {
|
||||||
margin-right: 58px !important;
|
margin-right: 58px !important;
|
||||||
}
|
}
|
||||||
#accadd .zent-form-horizontal[data-zv='9.11.0'] .zent-form-label {
|
#accadd .zent-form-horizontal[data-zv="9.11.0"] .zent-form-label {
|
||||||
flex-basis: 90px !important;
|
flex-basis: 90px !important;
|
||||||
}
|
}
|
||||||
#accadd .zent-form-horizontal[data-zv='9.11.0'] .zent-form-control-content {
|
#accadd .zent-form-horizontal[data-zv="9.11.0"] .zent-form-control-content {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-form-error[data-zv='9.11.0'] {
|
.zent-form-error[data-zv="9.11.0"] {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.zent-radio-button[data-zv='9.11.0']:first-child {
|
.zent-radio-button[data-zv="9.11.0"]:first-child {
|
||||||
border-radius: 6px 0 0 6px !important;
|
border-radius: 6px 0 0 6px !important;
|
||||||
}
|
}
|
||||||
.zent-radio-button[data-zv='9.11.0']:last-child {
|
.zent-radio-button[data-zv="9.11.0"]:last-child {
|
||||||
border-radius: 0 6px 6px 0 !important;
|
border-radius: 0 6px 6px 0 !important;
|
||||||
}
|
}
|
||||||
.zent-radio-button[data-zv='9.11.0'] {
|
.zent-radio-button[data-zv="9.11.0"] {
|
||||||
min-width: 90px !important;
|
min-width: 90px !important;
|
||||||
line-height: 25px !important;
|
line-height: 25px !important;
|
||||||
}
|
}
|
||||||
.zent-radio-button--checked[data-zv='9.11.0'] {
|
.zent-radio-button--checked[data-zv="9.11.0"] {
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-radio-button--checked[data-zv='9.11.0'] {
|
.zent-radio-button--checked[data-zv="9.11.0"] {
|
||||||
background: #fafcff !important;
|
background: #fafcff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 表单下拉框 */
|
/* 表单下拉框 */
|
||||||
.zent-select-v2[data-zv='9.11.0'] {
|
.zent-select-v2[data-zv="9.11.0"] {
|
||||||
border-top: 0 !important;
|
border-top: 0 !important;
|
||||||
border-left: 0 !important;
|
border-left: 0 !important;
|
||||||
border-right: 0 !important;
|
border-right: 0 !important;
|
||||||
}
|
}
|
||||||
/* 表格样式 */
|
/* 表格样式 */
|
||||||
.zent-card[data-zv='9.11.0'] {
|
.zent-card[data-zv="9.11.0"] {
|
||||||
border-radius: 6px !important;
|
border-radius: 6px !important;
|
||||||
overflow: scroll !important;
|
overflow: scroll !important;
|
||||||
}
|
}
|
||||||
.zent-card-header[data-zv='9.11.0'] {
|
.zent-card-header[data-zv="9.11.0"] {
|
||||||
background: #f9fafc;
|
background: #f9fafc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -94,7 +94,7 @@
|
||||||
width: 120px!important;
|
width: 120px!important;
|
||||||
} */
|
} */
|
||||||
|
|
||||||
#menuright .zent-form-horizontal[data-zv='9.11.0'] .zent-form-label {
|
#menuright .zent-form-horizontal[data-zv="9.11.0"] .zent-form-label {
|
||||||
flex-basis: 80px !important;
|
flex-basis: 80px !important;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
@ -104,21 +104,21 @@
|
||||||
} */
|
} */
|
||||||
|
|
||||||
/* 表格弹出 */
|
/* 表格弹出 */
|
||||||
.zent-menu[data-zv='9.11.0'] {
|
.zent-menu[data-zv="9.11.0"] {
|
||||||
width: 150px !important;
|
width: 150px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 表单必填*标置后 */
|
/* 表单必填*标置后 */
|
||||||
.zent-form-label[data-zv='9.11.0'].zent-form-label-required::after {
|
.zent-form-label[data-zv="9.11.0"].zent-form-label-required::after {
|
||||||
color: #d42f15;
|
color: #d42f15;
|
||||||
color: var(--theme-danger-color, var(--theme-error-2, #d42f15));
|
color: var(--theme-danger-color, var(--theme-error-2, #d42f15));
|
||||||
content: '*';
|
content: "*";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
.zent-form-label[data-zv='9.11.0'].zent-form-label-required::before {
|
.zent-form-label[data-zv="9.11.0"].zent-form-label-required::before {
|
||||||
content: '' !important;
|
content: "" !important;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0px !important;
|
font-size: 0px !important;
|
||||||
margin-right: 0px !important;
|
margin-right: 0px !important;
|
||||||
|
@ -135,7 +135,7 @@
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
} */
|
} */
|
||||||
.zent-form-error[data-zv='9.11.0'] {
|
.zent-form-error[data-zv="9.11.0"] {
|
||||||
color: #ed3b3b !important;
|
color: #ed3b3b !important;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
@ -145,7 +145,7 @@
|
||||||
margin-top: -50px;
|
margin-top: -50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-textarea[data-zv='9.11.0'] {
|
.zent-textarea[data-zv="9.11.0"] {
|
||||||
width: 520px;
|
width: 520px;
|
||||||
resize: none;
|
resize: none;
|
||||||
}
|
}
|
||||||
|
@ -155,8 +155,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 警告按钮 */
|
/* 警告按钮 */
|
||||||
.zent-btn-error[data-zv='9.11.0'],
|
.zent-btn-error[data-zv="9.11.0"],
|
||||||
.zent-btn-danger[data-zv='9.11.0'] {
|
.zent-btn-danger[data-zv="9.11.0"] {
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
color: #f5222d !important;
|
color: #f5222d !important;
|
||||||
}
|
}
|
||||||
|
@ -167,8 +167,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 禁用按钮 */
|
/* 禁用按钮 */
|
||||||
.phonet .zent-btn-disabled[data-zv='9.11.0'],
|
.phonet .zent-btn-disabled[data-zv="9.11.0"],
|
||||||
.phonet.zent-btn-disabled[data-zv='9.11.0'][disabled] {
|
.phonet.zent-btn-disabled[data-zv="9.11.0"][disabled] {
|
||||||
cursor: not-allowed !important;
|
cursor: not-allowed !important;
|
||||||
pointer-events: auto !important;
|
pointer-events: auto !important;
|
||||||
color: #ccc !important;
|
color: #ccc !important;
|
||||||
|
@ -195,9 +195,9 @@
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding-bottom: 24px;
|
padding-bottom: 24px;
|
||||||
border-left: 1px solid #E6E8ED;
|
border-left: 1px solid #e6e8ed;
|
||||||
border-bottom: 1px solid #E6E8ED;
|
border-bottom: 1px solid #e6e8ed;
|
||||||
border-right: 1px solid #E6E8ED;
|
border-right: 1px solid #e6e8ed;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
@ -211,3 +211,27 @@
|
||||||
.table-box-app .tabpage {
|
.table-box-app .tabpage {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 日期整体样式 */
|
||||||
|
.zent-datepicker .zent-datepicker-trigger {
|
||||||
|
background-color: transparent !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-color: #296bef !important;
|
||||||
|
background-color: #f7f9fc !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 下拉框统一样式 */
|
||||||
|
.zent-select-v2 {
|
||||||
|
border-top: 0 !important;
|
||||||
|
border-left: 0 !important;
|
||||||
|
border-right: 0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
.zent-select-v2-search:hover {
|
||||||
|
background-color: #f7f9fc !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -38,17 +38,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.zent-datepicker .zent-datepicker-trigger {
|
|
||||||
background-color: transparent !important;
|
|
||||||
border-radius: 0 !important;
|
|
||||||
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-color: #296BEF !important;
|
|
||||||
background-color: #F7F9FC !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.zent-input-wrapper {
|
.zent-input-wrapper {
|
||||||
border-top: 0 !important;
|
border-top: 0 !important;
|
||||||
border-left: 0 !important;
|
border-left: 0 !important;
|
||||||
|
@ -62,17 +53,4 @@
|
||||||
background-color: #F7F9FC;
|
background-color: #F7F9FC;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-select-v2 {
|
|
||||||
border-top: 0 !important;
|
|
||||||
border-left: 0 !important;
|
|
||||||
border-right: 0 !important;
|
|
||||||
border-radius: 0 !important;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
.zent-select-v2-search:hover {
|
|
||||||
background-color: #F7F9FC;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
|
@ -229,18 +229,6 @@
|
||||||
.zent-radio-group {
|
.zent-radio-group {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-select-v2 {
|
|
||||||
border-top: 0 !important;
|
|
||||||
border-left: 0 !important;
|
|
||||||
border-right: 0 !important;
|
|
||||||
border-radius: 0 !important;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
.zent-select-v2-search:hover {
|
|
||||||
background-color: #F7F9FC;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.column_datepicker {
|
.column_datepicker {
|
||||||
|
@ -253,9 +241,6 @@
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-datepicker-trigger {
|
|
||||||
border-radius: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.options_time {
|
.options_time {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -355,18 +340,6 @@
|
||||||
button {
|
button {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zent-select-v2 {
|
|
||||||
border-top: 0 !important;
|
|
||||||
border-left: 0 !important;
|
|
||||||
border-right: 0 !important;
|
|
||||||
border-radius: 0 !important;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
.zent-select-v2-search:hover {
|
|
||||||
background-color: #F7F9FC !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox {
|
.checkbox {
|
||||||
|
|
|
@ -1,17 +1,7 @@
|
||||||
#editcode {
|
#editcode {
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
|
|
||||||
.zent-select-v2 {
|
|
||||||
border-top: 0 !important;
|
|
||||||
border-left: 0 !important;
|
|
||||||
border-right: 0 !important;
|
|
||||||
border-radius: 0 !important;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
.zent-select-v2-search:hover {
|
|
||||||
background-color: #F7F9FC;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-btnList {
|
.edit-btnList {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
|
@ -36,4 +26,5 @@
|
||||||
border-bottom: 1px solid #e0e0e0;
|
border-bottom: 1px solid #e0e0e0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue