ssc
4 years ago
parent
8c14a375ca
commit
71d7781e31
20 changed files with 711 additions and 254 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,27 @@ |
||||
import { getStore, setStore } from '@/util/store' |
||||
export default { |
||||
data() { |
||||
return { |
||||
theme: '', |
||||
themeList: [{ |
||||
label: '默认', |
||||
value: 'default' |
||||
}, { |
||||
label: '边框', |
||||
value: 'border' |
||||
}] |
||||
} |
||||
}, |
||||
created() { |
||||
const theme = getStore({ name: 'wf-theme' }) |
||||
if (theme || theme == '') this.theme = theme |
||||
}, |
||||
watch: { |
||||
theme(val) { |
||||
if (val) { |
||||
import(`../styles/theme/${val}.scss`) |
||||
} |
||||
setStore({ name: 'wf-theme', content: val }) |
||||
} |
||||
}, |
||||
} |
||||
@ -0,0 +1,41 @@ |
||||
// form - border |
||||
.wf-theme-border { |
||||
.avue--detail { |
||||
.avue-form__group, |
||||
.avue-form__row { |
||||
border: 1px solid #333 !important; |
||||
} |
||||
.el-form-item > .el-form-item__content { |
||||
border-left: 2px solid #333 !important; |
||||
} |
||||
|
||||
.el-table__row .el-form-item__content { |
||||
border-left: none !important; |
||||
} |
||||
|
||||
.avue-form__row { |
||||
margin-bottom: 0px !important; |
||||
} |
||||
|
||||
.el-form-item { |
||||
margin-bottom: 0px !important; |
||||
} |
||||
|
||||
.el-form-item__label { |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.el-input.is-disabled .el-input__inner, |
||||
.el-range-editor.is-disabled, |
||||
.el-textarea.is-disabled .el-textarea__inner { |
||||
border: 1px solid transparent; |
||||
background: #fff; |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.el-input-number.is-disabled .el-input-number__decrease, |
||||
.el-input-number.is-disabled .el-input-number__increase { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,128 @@ |
||||
.wf-theme-default { |
||||
.avue--detail { |
||||
.el-col { |
||||
margin-bottom: 0 !important; |
||||
} |
||||
.hover-row td { |
||||
background-color: #fff !important; |
||||
} |
||||
.avue-group__header { |
||||
padding-left: 10px; |
||||
} |
||||
.el-collapse-item__header { |
||||
margin-bottom: 0; |
||||
} |
||||
.el-input.is-disabled .el-input__inner, |
||||
.el-textarea.is-disabled .el-textarea__inner, |
||||
.el-range-editor.is-disabled, |
||||
.el-range-editor.is-disabled input { |
||||
color: #606266; |
||||
background-color: #fff; |
||||
padding-left: 0; |
||||
cursor: default; |
||||
} |
||||
.el-input-number__decrease, |
||||
.el-input-number__increase { |
||||
display: none; |
||||
} |
||||
.el-input-group__append, |
||||
.el-input-group__prepend { |
||||
background-color: transparent; |
||||
border: none; |
||||
} |
||||
.el-input__suffix { |
||||
display: none; |
||||
} |
||||
.el-input__inner, |
||||
.el-textarea__inner { |
||||
border: none; |
||||
&::-webkit-input-placeholder { |
||||
color: transparent !important; |
||||
} |
||||
&::-moz-placeholder { |
||||
color: transparent !important; |
||||
} |
||||
&::-moz-placeholder { |
||||
color: transparent !important; |
||||
} |
||||
&::-ms-input-placeholder { |
||||
color: transparent !important; |
||||
} |
||||
&::-ms-input-placeholder { |
||||
color: transparent !important; |
||||
} |
||||
} |
||||
.avue-checkbox__all { |
||||
display: none; |
||||
} |
||||
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { |
||||
background-color: #409eff; |
||||
border-color: #409eff; |
||||
} |
||||
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { |
||||
border-color: #fff; |
||||
} |
||||
.el-radio__input.is-disabled.is-checked .el-radio__inner { |
||||
background-color: #409eff; |
||||
border-color: #409eff; |
||||
} |
||||
.el-radio__input.is-disabled.is-checked .el-radio__inner::after { |
||||
background-color: #fff; |
||||
} |
||||
.el-checkbox__input.is-disabled + span.el-checkbox__label, |
||||
.el-radio__input.is-disabled + span.el-radio__label { |
||||
color: #606266; |
||||
} |
||||
.el-form-item.is-required:not(.is-no-asterisk) |
||||
.el-form-item__label-wrap |
||||
> .el-form-item__label:before, |
||||
.el-form-item.is-required:not(.is-no-asterisk) |
||||
> .el-form-item__label:before { |
||||
display: none; |
||||
} |
||||
.el-row { |
||||
border-top: 1px solid #ebeef5; |
||||
border-left: 1px solid #ebeef5; |
||||
} |
||||
.el-col { |
||||
padding: 0 !important; |
||||
border-bottom: 1px solid #ebeef5; |
||||
border-right: 1px solid #ebeef5; |
||||
} |
||||
.el-form-item { |
||||
margin: 0; |
||||
background: #fafafa; |
||||
} |
||||
.el-form-item__label, |
||||
.el-form-item__content { |
||||
padding: 2px 0; |
||||
} |
||||
.el-form-item__label { |
||||
padding: 0 10px; |
||||
color: #909399; |
||||
box-sizing: border-box; |
||||
} |
||||
.el-tag { |
||||
margin-left: 0 !important; |
||||
margin-right: 6px !important; |
||||
} |
||||
.el-form-item__content { |
||||
border-left: 1px solid #ebeef5; |
||||
padding-left: 20px; |
||||
box-sizing: border-box; |
||||
background-color: #fff; |
||||
} |
||||
&__column { |
||||
.el-form-item { |
||||
background-color: #fff; |
||||
} |
||||
.el-form-item__label { |
||||
padding-right: 12px; |
||||
} |
||||
.el-form-item__content { |
||||
padding-left: 0; |
||||
border-left: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue