diff --git a/src/assets/scss/pages/resiAdd.scss b/src/assets/scss/pages/resiAdd.scss index 8858ececd..5b97e2246 100644 --- a/src/assets/scss/pages/resiAdd.scss +++ b/src/assets/scss/pages/resiAdd.scss @@ -2,11 +2,29 @@ height: 100%; padding:16px; .item_width_1{ - width: 514px; + width: 498px; } .form{ background-color: #fff; padding:16px; + .flex_box{ + display: flex; + flex-wrap: wrap; + .flex_item_width1{ + width: 332px; + } + .flex_item_width2{ + width: 700px; + } + .flex_item_width3{ + width: 120px; + } + .flex_item_width4{ + width: 300px; + + } + + } } } h5 { diff --git a/src/assets/scss/pages/resiInfo.scss b/src/assets/scss/pages/resiInfo.scss index e1fcf212e..63abec1b7 100644 --- a/src/assets/scss/pages/resiInfo.scss +++ b/src/assets/scss/pages/resiInfo.scss @@ -84,6 +84,7 @@ } .right{ flex: 1; + width: 100%; height: 100%; background: #ffffff; position: relative; @@ -104,31 +105,40 @@ margin-left: 0px; margin-top: 22px; } - .f-label { - width: 100px; - text-align: right; - color: rgba(51, 51, 51, .85) ; - >b{ - font-weight: 400; - position: relative; - color: rgba(51, 51, 51, .85) ; + .flex_box{ + display: flex; + flex-wrap: wrap; - &::after{ - content: '*'; - position: absolute; - top: 0px; - color: #ff5107; - left: -7px; + .f-flex{ + margin-top: 23px; + width: 332px; + align-items: center; + .f-label { + width: 100px; + text-align: right; + color: rgba(51, 51, 51, .85) ; + >b{ + font-weight: 400; + position: relative; + color: rgba(51, 51, 51, .85) ; + + &::after{ + content: '*'; + position: absolute; + top: 0px; + color: #ff5107; + left: -7px; + } + } } } + } + .f-labels{ width: 155px; text-align: right; } - .f-flex{ - align-items: center; - } .f-m-top23{ margin-top: 23px; } @@ -138,6 +148,4 @@ ::v-deep .el-button--text{ padding: 0; } -::v-deep .el-row{ - padding-left: 37px; -} + diff --git a/src/views/components/addResi.vue b/src/views/components/addResi.vue index 7bdd94cca..ea9198b7a 100644 --- a/src/views/components/addResi.vue +++ b/src/views/components/addResi.vue @@ -3,85 +3,70 @@