diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 185dd31c..8d3d34b7 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -868,6 +868,28 @@ textarea { padding-top: 31px; } +.manage-radio { + display: flex; + align-items: center; + margin-bottom: 15px; + height: 30px; + color: #fff; +} + +.manage-radio .radio-label { + margin-right: 5px; + width: 160px; +} + +.manage-radio .el-radio { + margin-right: 5px; +} + +.manage-radio .el-radio__label { + padding-left: 5px; + color: #fff; +} + .input-main-60 { width: 100%; flex-wrap: wrap; @@ -1842,7 +1864,7 @@ textarea { justify-content: flex-end; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top { +.model1-top { padding: 20px 15px; border-bottom: 1px solid rgba(0, 180, 255, 0.35); display: flex; @@ -1850,53 +1872,53 @@ textarea { justify-content: space-between; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top { +.model1-top.model2-top { justify-content: flex-start; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn { +.model1-top.model3-top .btn { padding: 0 10px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img { +.model1-top.model3-top .btn img { width: 26px; height: 22px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top { +.model1-top.model4-top { align-items: flex-start; padding: 20px 0 0; justify-content: flex-start; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn { +.model1-top.model4-top .btn { padding: 0 10px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img { +.model1-top.model4-top .btn img { width: 22px; height: 24px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .model-left { +.model1-top.model4-top .model-left { display: flex; align-items: center; height: 54px; margin-right: 10px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img { +.model1-top .btn img { width: 10px; height: 14px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right > div { +.model1-top .model-right > div { display: flex; align-items: center; margin-bottom: 20px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right > div .number { +.model1-top .model-right > div .number { width: 30px; margin-right: 10px; height: 30px; @@ -1907,31 +1929,31 @@ textarea { justify-content: center; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right > div .input-main-60 { +.model1-top .model-right > div .input-main-60 { width: auto; color: #fff; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom { +.model1-bottom { padding: 20px 15px; border-bottom: 1px solid rgba(0, 180, 255, 0.35); } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .title, .el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .number { +.model1-bottom .title, .model1-bottom .number { color: #fff; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title { +.model1-bottom.model3-bottom .title { padding: 0 4px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content > div { +.model1-bottom .model1-content > div { display: flex; align-items: center; padding: 10px 0; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content > div .number { +.model1-bottom .model1-content > div .number { width: 30px; margin-right: 10px; height: 30px; @@ -1942,25 +1964,24 @@ textarea { justify-content: center; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-60 span { +.model1-bottom .model1-content .input-main-60 span { font-size: 20px; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-60 span.text { +.model1-bottom .model1-content .input-main-60 span.text { font-size: 16px; padding: 0 4px; flex-shrink: 0; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content { +.model1-bottom .model1-content.model3-content { display: flex; align-items: center; flex-wrap: wrap; } -.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content > div { +.model1-bottom .model1-content.model3-content > div { display: block; - width: calc(100% / 3); flex-shrink: 0; } diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index fb0687d7..195fbaaa 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -922,7 +922,26 @@ textarea { .p-t-31 { padding-top: 31px; } - +.manage-radio{ + display: flex; + align-items: center; + margin-bottom:15px ; + height: 30px; + color: #fff; + + .radio-label{ + // font-size: 14px; + margin-right: 5px; + width: 160px; + } + .el-radio{ + margin-right: 5px; + } + .el-radio__label{ + padding-left: 5px; + color: #fff; + } +} .input-main-60 { width: 100%; @@ -1935,147 +1954,147 @@ textarea { justify-content: flex-end; } - .model1-top { - padding: 20px 15px; - border-bottom: 1px solid rgba(0, 180, 255, 0.35); + + } + } +} + +.model1-top { + padding: 20px 15px; + border-bottom: 1px solid rgba(0, 180, 255, 0.35); + display: flex; + align-items: center; + justify-content: space-between; + + &.model2-top { + justify-content: flex-start; + } + + &.model3-top { + .btn { + padding: 0 10px; + + img { + width: 26px; + height: 22px; + } + } + } + + &.model4-top { + align-items: flex-start; + padding: 20px 0 0; + justify-content: flex-start; + + .btn { + padding: 0 10px; + + img { + width: 22px; + height: 24px; + } + } + + .model-left { + display: flex; + align-items: center; + height: 54px; + margin-right: 10px; + } + } + + .btn { + img { + width: 10px; + height: 14px; + } + } + + .model-right { + >div { + display: flex; + align-items: center; + margin-bottom: 20px; + + .number { + width: 30px; + margin-right: 10px; + height: 30px; + background: #0294E2; + border-radius: 50%; display: flex; align-items: center; - justify-content: space-between; + justify-content: center; - &.model2-top { - justify-content: flex-start; - } - - &.model3-top { - .btn { - padding: 0 10px; - - img { - width: 26px; - height: 22px; - } - } - } - - &.model4-top { - align-items: flex-start; - padding: 20px 0 0; - justify-content: flex-start; - - .btn { - padding: 0 10px; - - img { - width: 22px; - height: 24px; - } - } - - .model-left { - display: flex; - align-items: center; - height: 54px; - margin-right: 10px; - } - } - - .btn { - img { - width: 10px; - height: 14px; - } - } - - .model-right { - >div { - display: flex; - align-items: center; - margin-bottom: 20px; - - .number { - width: 30px; - margin-right: 10px; - height: 30px; - background: #0294E2; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - - } - - .input-main-60 { - width: auto; - color: #fff; - } - } - } } - .model1-bottom { - padding: 20px 15px; - border-bottom: 1px solid rgba(0, 180, 255, 0.35); - .title,.number{ - color: #fff; - } - &.model3-bottom { - .title { - padding: 0 4px; - } - } - - .model1-content { - >div { - display: flex; - align-items: center; - padding: 10px 0; - - .number { - width: 30px; - margin-right: 10px; - height: 30px; - background: #0294E2; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - - } - - } - - .input-main-60 { - - span { - font-size: 20px; - - &.text { - font-size: 16px; - padding: 0 4px; - flex-shrink: 0; - } - } - - } - - &.model3-content { - display: flex; - align-items: center; - flex-wrap: wrap; - - >div { - display: block; - width: calc(100% / 3); - flex-shrink: 0; - } - } - } + .input-main-60 { + width: auto; + color: #fff; } } } } +.model1-bottom { + padding: 20px 15px; + border-bottom: 1px solid rgba(0, 180, 255, 0.35); + .title,.number{ + color: #fff; + } + &.model3-bottom { + .title { + padding: 0 4px; + } + } + .model1-content { + >div { + display: flex; + align-items: center; + padding: 10px 0; + + .number { + width: 30px; + margin-right: 10px; + height: 30px; + background: #0294E2; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + + } + + } + + .input-main-60 { + + span { + font-size: 20px; + + &.text { + font-size: 16px; + padding: 0 4px; + flex-shrink: 0; + } + } + + } + + &.model3-content { + display: flex; + align-items: center; + flex-wrap: wrap; + + >div { + display: block; + // width: calc(100% / 3); + flex-shrink: 0; + } + } + } +} .login { color: #fff; diff --git a/src/components/setParams.vue b/src/components/setParams.vue index 485d1af0..36fdea94 100644 --- a/src/components/setParams.vue +++ b/src/components/setParams.vue @@ -26,7 +26,7 @@ -