更改公共样式 统一select和datepicker样式
This commit is contained in:
wangsongsole
parent
8ab5cfb506
commit
ed908b1d97
98
src/App.css
98
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;
|
||||
}
|
||||
|
||||
.zent-swiper[data-zv='9.11.0'] {
|
||||
.zent-swiper[data-zv="9.11.0"] {
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
.zent-grid-tr[data-zv='9.11.0'] {
|
||||
.zent-grid-tr[data-zv="9.11.0"] {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.zent-grid-th[data-zv='9.11.0'] {
|
||||
.zent-grid-th[data-zv="9.11.0"] {
|
||||
background: #fff !important;
|
||||
}
|
||||
.zent-grid-th[data-zv='9.11.0'],
|
||||
.zent-grid-td[data-zv='9.11.0'] {
|
||||
.zent-grid-th[data-zv="9.11.0"],
|
||||
.zent-grid-td[data-zv="9.11.0"] {
|
||||
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;
|
||||
width: 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;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
|
||||
.zent-form-error[data-zv='9.11.0'] {
|
||||
.zent-form-error[data-zv="9.11.0"] {
|
||||
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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.zent-radio-button[data-zv='9.11.0'] {
|
||||
.zent-radio-button[data-zv="9.11.0"] {
|
||||
min-width: 90px !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;
|
||||
}
|
||||
|
||||
.zent-radio-button--checked[data-zv='9.11.0'] {
|
||||
.zent-radio-button--checked[data-zv="9.11.0"] {
|
||||
background: #fafcff !important;
|
||||
}
|
||||
|
||||
/* 表单下拉框 */
|
||||
.zent-select-v2[data-zv='9.11.0'] {
|
||||
.zent-select-v2[data-zv="9.11.0"] {
|
||||
border-top: 0 !important;
|
||||
border-left: 0 !important;
|
||||
border-right: 0 !important;
|
||||
}
|
||||
/* 表格样式 */
|
||||
.zent-card[data-zv='9.11.0'] {
|
||||
.zent-card[data-zv="9.11.0"] {
|
||||
border-radius: 6px !important;
|
||||
overflow: scroll !important;
|
||||
}
|
||||
.zent-card-header[data-zv='9.11.0'] {
|
||||
.zent-card-header[data-zv="9.11.0"] {
|
||||
background: #f9fafc;
|
||||
}
|
||||
|
||||
|
|
@ -94,7 +94,7 @@
|
|||
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;
|
||||
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;
|
||||
}
|
||||
|
||||
/* 表单必填*标置后 */
|
||||
.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: var(--theme-danger-color, var(--theme-error-2, #d42f15));
|
||||
content: '*';
|
||||
content: "*";
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.zent-form-label[data-zv='9.11.0'].zent-form-label-required::before {
|
||||
content: '' !important;
|
||||
.zent-form-label[data-zv="9.11.0"].zent-form-label-required::before {
|
||||
content: "" !important;
|
||||
display: inline-block;
|
||||
font-size: 0px !important;
|
||||
margin-right: 0px !important;
|
||||
|
|
@ -135,7 +135,7 @@
|
|||
overflow-y: scroll;
|
||||
}
|
||||
} */
|
||||
.zent-form-error[data-zv='9.11.0'] {
|
||||
.zent-form-error[data-zv="9.11.0"] {
|
||||
color: #ed3b3b !important;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -145,7 +145,7 @@
|
|||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.zent-textarea[data-zv='9.11.0'] {
|
||||
.zent-textarea[data-zv="9.11.0"] {
|
||||
width: 520px;
|
||||
resize: none;
|
||||
}
|
||||
|
|
@ -155,8 +155,8 @@
|
|||
}
|
||||
|
||||
/* 警告按钮 */
|
||||
.zent-btn-error[data-zv='9.11.0'],
|
||||
.zent-btn-danger[data-zv='9.11.0'] {
|
||||
.zent-btn-error[data-zv="9.11.0"],
|
||||
.zent-btn-danger[data-zv="9.11.0"] {
|
||||
background: #fff !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'][disabled] {
|
||||
.phonet .zent-btn-disabled[data-zv="9.11.0"],
|
||||
.phonet.zent-btn-disabled[data-zv="9.11.0"][disabled] {
|
||||
cursor: not-allowed !important;
|
||||
pointer-events: auto !important;
|
||||
color: #ccc !important;
|
||||
|
|
@ -190,24 +190,48 @@
|
|||
z-index: 6;
|
||||
}
|
||||
|
||||
.table-box-app{
|
||||
.table-box-app {
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
padding-bottom: 24px;
|
||||
border-left: 1px solid #E6E8ED;
|
||||
border-bottom: 1px solid #E6E8ED;
|
||||
border-right: 1px solid #E6E8ED;
|
||||
border-left: 1px solid #e6e8ed;
|
||||
border-bottom: 1px solid #e6e8ed;
|
||||
border-right: 1px solid #e6e8ed;
|
||||
border-radius: 6px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.query-box{
|
||||
.query-box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.table-box-app .tabpage{
|
||||
.table-box-app .tabpage {
|
||||
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 {
|
||||
border-top: 0 !important;
|
||||
border-left: 0 !important;
|
||||
|
|
@ -62,17 +53,4 @@
|
|||
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 {
|
||||
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 {
|
||||
|
|
@ -253,9 +241,6 @@
|
|||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.zent-datepicker-trigger {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.options_time {
|
||||
display: flex;
|
||||
|
|
@ -355,18 +340,6 @@
|
|||
button {
|
||||
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 {
|
||||
|
|
|
|||
|
|
@ -1,17 +1,7 @@
|
|||
#editcode {
|
||||
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 {
|
||||
width: 90%;
|
||||
|
|
@ -36,4 +26,5 @@
|
|||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue