Skip to content

F
founder_vue
Commit f559336b by 李姝悦
Options

修改ui样式

parent 383965df
Showing with 106 additions and 45 deletions
src/views/zzwlr/xzry.scss
...@@ -2,15 +2,14 @@ ...@@ -2,15 +2,14 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.top { .top {
width: 100%; width: 100%;
height: 82px; height: 82px;
background: linear-gradient( background: linear-gradient(270deg,
270deg, rgba(249, 251, 254, 0.5) 0%,
rgba(249, 251, 254, 0.5) 0%, #f2f6fa 49%,
#f2f6fa 49%, rgba(249, 251, 254, 0.5) 100%);
rgba(249, 251, 254, 0.5) 100%
);
filter: blur(0px); filter: blur(0px);
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -18,6 +17,7 @@ ...@@ -18,6 +17,7 @@
.fir { .fir {
display: flex; display: flex;
.cir { .cir {
width: 24px; width: 24px;
height: 24px; height: 24px;
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
padding: 3px 8px; padding: 3px 8px;
color: #fff; color: #fff;
} }
span { span {
font-size: 16px; font-size: 16px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
...@@ -34,12 +35,14 @@ ...@@ -34,12 +35,14 @@
line-height: 22px; line-height: 22px;
margin-left: 5px; margin-left: 5px;
} }
.dashed { .dashed {
margin: 10px 10px; margin: 10px 10px;
width: 112px; width: 112px;
height: 1px; height: 1px;
border: 1px dashed #055fe7; border: 1px dashed #055fe7;
} }
.solid { .solid {
margin: 10px 10px; margin: 10px 10px;
width: 112px; width: 112px;
...@@ -47,8 +50,10 @@ ...@@ -47,8 +50,10 @@
background: #cccccc; background: #cccccc;
} }
} }
.unactive { .unactive {
display: flex; display: flex;
.cir { .cir {
width: 24px; width: 24px;
height: 24px; height: 24px;
...@@ -59,6 +64,7 @@ ...@@ -59,6 +64,7 @@
color: #cccccc; color: #cccccc;
background-color: #ECEDF1; background-color: #ECEDF1;
} }
span { span {
font-size: 16px; font-size: 16px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
...@@ -66,12 +72,14 @@ ...@@ -66,12 +72,14 @@
line-height: 22px; line-height: 22px;
margin-left: 5px; margin-left: 5px;
} }
.dashed { .dashed {
margin: 10px 10px; margin: 10px 10px;
width: 112px; width: 112px;
height: 1px; height: 1px;
border: 1px dashed #055fe7; border: 1px dashed #055fe7;
} }
.solid { .solid {
margin: 10px 10px; margin: 10px 10px;
width: 112px; width: 112px;
...@@ -84,53 +92,64 @@ ...@@ -84,53 +92,64 @@
.content { .content {
height: 100%; height: 100%;
padding-bottom: 168px; padding-bottom: 168px;
.el-form { .el-form {
height: 100%; height: 100%;
overflow: auto; overflow: auto;
padding: 0 245px; padding: 0 245px;
} }
} }
.inputBh { .inputBh {
/deep/.el-input-group__prepend { /deep/.el-input-group__prepend {
width: 40px; width: 40px;
text-align: center; text-align: center;
padding: 0; padding: 0;
} }
/deep/.el-input__inner { /deep/.el-input__inner {
// width: 224px; // width: 224px;
width: 260px; width: 260px;
} }
} }
// 滚动条的宽度 // 滚动条的宽度
/deep/ .el-form::-webkit-scrollbar { /deep/ .el-form::-webkit-scrollbar {
width: 6px; // 横向滚动条 width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写 height: 6px; // 纵向滚动条 必写
} }
// 滚动条的滑块 // 滚动条的滑块
/deep/ .el-form::-webkit-scrollbar-thumb { /deep/ .el-form::-webkit-scrollbar-thumb {
background-color: #dadde0; background-color: #dadde0;
border-radius: 3px; border-radius: 3px;
} }
/deep/.el-checkbox__input.is-checked .el-checkbox__inner, /deep/.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner { .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7; background-color: #055fe7;
border-color: #055fe7; border-color: #055fe7;
} }
/deep/.el-checkbox__input.is-checked .el-checkbox__inner, /deep/.el-checkbox__input.is-checked .el-checkbox__inner,
/deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner { /deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7; background-color: #055fe7;
border-color: #055fe7; border-color: #055fe7;
} }
/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
/deep/.el-checkbox__input.is-checked+.el-checkbox__label {
color: #333333; color: #333333;
} }
/deep/.flexBox { /deep/.flexBox {
display: flex; display: flex;
.el-checkbox { .el-checkbox {
margin-right: 24px; margin-right: 24px;
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
/deep/.el-radio { /deep/.el-radio {
margin-right: 30px; margin-right: 30px;
} }
...@@ -138,12 +157,14 @@ ...@@ -138,12 +157,14 @@
.title { .title {
display: flex; display: flex;
margin-top: 30px; margin-top: 30px;
div { div {
font-size: 16px; font-size: 16px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #282f3c; color: #282f3c;
line-height: 24px; line-height: 24px;
} }
.colorDiv { .colorDiv {
width: 4px; width: 4px;
height: 16px; height: 16px;
...@@ -153,6 +174,7 @@ ...@@ -153,6 +174,7 @@
margin-top: 5px; margin-top: 5px;
} }
} }
/deep/.el-button { /deep/.el-button {
width: 72px; width: 72px;
height: 40px; height: 40px;
...@@ -161,6 +183,7 @@ ...@@ -161,6 +183,7 @@
border-radius: 4px; border-radius: 4px;
border: 1px solid #aeb5c2; border: 1px solid #aeb5c2;
} }
/deep/.el-button--default { /deep/.el-button--default {
border-color: #AEB5C2; border-color: #AEB5C2;
color: #2E3846; color: #2E3846;
...@@ -168,6 +191,7 @@ ...@@ -168,6 +191,7 @@
width: 156px; width: 156px;
height: 40px; height: 40px;
} }
/deep/.el-button--primary { /deep/.el-button--primary {
border-color: #055fe7; border-color: #055fe7;
background: #055fe7; background: #055fe7;
...@@ -176,31 +200,47 @@ ...@@ -176,31 +200,47 @@
width: 72px; width: 72px;
height: 40px; height: 40px;
} }
/deep/.el-button + .el-button {
/deep/.el-button+.el-button {
margin-left: 24px; margin-left: 24px;
} }
/deep/.el-textarea__inner { /deep/.el-textarea__inner {
width: 845px; width: 845px;
height: 76px; height: 76px;
overflow: auto; overflow: auto;
background: #F6F8FA;
box-shadow: inset 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
border-radius: 4px;
border: 1px solid #EEEEEE;
} }
/deep/.el-row { /deep/.el-row {
margin-bottom: 24px; margin-bottom: 24px;
} }
.el-form-item { .el-form-item {
width: 470px; width: 470px;
} }
.title, .el-divider--horizontal, .el-checkbox-group {
margin-left: 55px; .title,
.el-divider--horizontal,
.el-checkbox-group {
margin-left: 55px;
} }
.item-row { .item-row {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
/deep/.el-input__inner { /deep/.el-input__inner {
width: 300px; width: 300px;
} }
/deep/.el-form-item__label { /deep/.el-form-item__label {
width: 160px; width: 160px;
padding: 0; padding: 0;
...@@ -208,18 +248,25 @@ ...@@ -208,18 +248,25 @@
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #333333; color: #333333;
} }
/deep/.el-divider--horizontal { /deep/.el-divider--horizontal {
width: 89% !important; width: 89% !important;
} }
.bz { .bz {
margin-left: 70px; margin-left: 70px;
.el-form-item {
width: 1300px; .el-form-item {
} width: 1300px;
/deep/.el-form-item__label { // background: #F6F8FA;
width: 150px; // box-shadow: inset 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
} // border-radius: 4px;
// border: 1px solid #EEEEEE;
}
/deep/.el-form-item__label {
width: 150px;
}
} }
// 日期选择器 // 日期选择器
...@@ -227,56 +274,68 @@ ...@@ -227,56 +274,68 @@
position: absolute; position: absolute;
right: 6px; right: 6px;
} }
// /deep/.el-date-editor { // /deep/.el-date-editor {
// .el-input__prefix { // .el-input__prefix {
// position: absolute; // position: absolute;
// right: 6px; // right: 6px;
// } // }
// } // }
/deep/.el-input__prefix, .el-input__suffix { /deep/.el-input__prefix,
left: 250px; .el-input__suffix {
left: 250px;
} }
/deep/.el-input--prefix .el-input__inner { /deep/.el-input--prefix .el-input__inner {
padding-left: 15px; padding-left: 15px;
} }
/deep/.el-input-group__prepend { /deep/.el-input-group__prepend {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 18px !important; width: 18px !important;
height: 18px !important; height: 18px !important;
background: #ECEDF1; background: #ECEDF1;
border-radius: 3px; border-radius: 3px;
position: absolute; position: absolute;
margin: 0 8px; margin: 0 8px;
} }
.inputBh { .inputBh {
display: flex; display: flex;
align-items: center; align-items: center;
/deep/.el-input__inner {
padding-left: 30px; /deep/.el-input__inner {
width: 300px; padding-left: 30px;
} width: 300px;
}
} }
.no_require { .no_require {
/deep/.el-form-item__label { /deep/.el-form-item__label {
padding-left: 10px; padding-left: 10px;
} }
} }
/deep/.el-tag{
/deep/.el-tag {
// padding-right: 5px !important; // padding-right: 5px !important;
} }
/deep/.el-tag.el-tag--info{
/deep/.el-tag.el-tag--info {
background-color: #f8f8f8; background-color: #f8f8f8;
color: #333333; color: #333333;
border: none !important; border: none !important;
} }
/deep/.el-tag.el-tag--info .el-tag__close{
/deep/.el-tag.el-tag--info .el-tag__close {
color: #8A8A8A !important; color: #8A8A8A !important;
} }
/deep/.el-icon-close{
/deep/.el-icon-close {
// width: auto; // width: auto;
} }
// /deep/.el-select__tags-text{ // /deep/.el-select__tags-text{
// max-width: 91% !important; // max-width: 91% !important;
// } // }
\ No newline at end of file
src/views/zzwlr/xzry.vue
...@@ -136,9 +136,10 @@ ...@@ -136,9 +136,10 @@
<el-row class="item-row bz"> <el-row class="item-row bz">
<el-form-item label="备注信息："> <el-form-item label="备注信息：">
<el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.bz" maxlength="1024" <el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.bz"
show-word-limit> show-word-limit>
</el-input> </el-input>
<!-- maxlength="1024" -->
</el-form-item> </el-form-item>
</el-row> </el-row>
<el-divider></el-divider> <el-divider></el-divider>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment