t

src/views/house/components/popup/IndexEdit.vue

@@ -69,8 +69,18 @@
                         <img :src="area.img_url + '_adm0'" class="ri-img-big">
                       </el-upload>
                       <div class="ri-deal">
-                        <input class="ri-input" v-model="area.area" type="text" placeholder="输面积">
-                        <input class="ri-input" v-model="area.vr_key" type="text" placeholder="VR地址">
+                        <div class="ops">
+                          <div class="k">面积:</div>
+                          <input class="ri-input" v-model="area.area" type="text" placeholder="请输入">
+                        </div>
+                        <div class="ops">
+                          <div class="k">VR地址:</div>
+                          <input class="ri-input" v-model="area.vr_key" type="text" placeholder="请输入">
+                        </div>
+                        <div class="ops">
+                          <div class="k">总价(万):</div>
+                          <input class="ri-input" v-model="area.price" type="text" placeholder="请输入">
+                        </div>
                         <span class="ri-del"  @click="roomAreaDel(one, two, three)">删除</span>
                       </div>
                     </div>
@@ -542,7 +552,6 @@ export default {
     margin-bottom: 10px;
   }
   .ri-op {
-    text-align: center;
     display: inline-block;
     vertical-align: middle;
     margin-right: 20px;
@@ -553,7 +562,7 @@ export default {
     vertical-align: middle;
     width: 82px;
     height: 82px;
-    border: 1px dashed #999;
+    border: 1px dashed #e6a23c;
     position: relative;
     box-sizing: border-box;
     &:hover {
@@ -583,12 +592,30 @@ export default {
   .ri-deal {
     display: inline-block;
     vertical-align: middle;
-    width: 50px;
+    width: 200px;
+    text-align: left;
+    .ops {
+      text-align: left;
+      display: inline-block;
+      vertical-align: middle;
+      width: 100px;
+      margin-bottom: 2px;
+      .k {
+        display: inline-block;
+        vertical-align: middle;
+        width: 50px;
+        font-size: 12px;
+        color: #666;
+        text-align: right;
+      }
+    }
   }
   .ri-input {
+    display: inline-block;
+    vertical-align: middle;
     width: 50px;
     border: 1px solid #dcdcdc;
-    height: 30px;
+    height: 26px;
     text-align: center;
     border-radius: 0;
     outline: none;
@@ -604,6 +631,7 @@ export default {
     line-height: 26px;
     cursor: pointer;
     display: inline-block;
+    text-align: center;
   }
 }