screen

src/onlineSelling/pages/records/index.js

@@ -151,7 +151,7 @@ export default class Records extends Component {
   renderRaiseScreen() {
     const { building, saleBatch, status } = this.state
     const sexSelector = ['男', '女']
-    const selector = [{buildingTypeName:'楼盘1'}, {buildingTypeName:'楼盘2'},{buildingTypeName:'楼盘3'},{buildingTypeName:'楼盘4'},],
+    const selector = [{ buildingTypeName: '楼盘1' }, { buildingTypeName: '楼盘2' }, { buildingTypeName: '楼盘3' }, { buildingTypeName: '楼盘4' }]
     return (
       <Block>
         <View className="base-con">

src/onlineSelling/pages/records/index.scss

@@ -1,3 +1,5 @@
+@import "@/styles/theme.scss";
+
 .records {
   background-color: #F8F8F8;
   min-height: 100vh;
@@ -63,136 +65,72 @@
       line-height: 1.6;
     }
   }
-  .base-con{
-    width: 94%;
-    height:740px;
-    position: absolute;
-    left: 3%;
-    top: 50%;
-    background-color: #fff;
-    padding: 40px;
-    margin-top: -370px;
-    border-radius:12px;
-    .con-item{
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 20px;
-    }
-    .textarea {
-      border: 2px solid #e3e3e3;
-      padding: 20px;
-      border-radius: 12px;
-      width:416px;
-      height:160px;
-      font-size: 26px;
-    }
-    .input {
-      border: 2px solid #e3e3e3;
-      padding: 0 20px;
-      border-radius: 4px;
-      width:416px;
-      height:40px;
-      line-height: 40px;
-      font-size: 26px;
-    }
-    .con-picker{
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      width:456px;
-      height:48px ;
-      line-height: 48px;
-      padding: 0 16px;
-      background-color: #f4f4f4;
-      .picker{
-        width: 400px;
-      }
-    }
-    .right-icon{
-      width:18px;
-      height:18px;
-      border-top: 2px solid #999;
-      border-right: 2px solid #999;
-      transform:rotate(45deg);
-      float: right;
-    }
-    .bottom-btn{
-      margin: 30px auto 0 auto;
-      width: 90%;
-      height: 80px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      font-size: 30px;
-    
-      .save{
-        background-color: $primary-color;
-        color:#fff;
-        height: 76px;
-        line-height: 76px;
-        text-align: center;
-        width:240px;
-        border-radius:12px;
-        border:2px solid $primary-color;
-      }
-      .cancel{
-        color: $primary-color;
-        text-align: center;
-        height: 76px;
-        line-height: 76px;
-        width:240px;
-        border-radius:12px;
-        border:2px solid $primary-color;
-      }
-    }
+  
+}
+.base-con{
+  width: 94%;
+  height:740px;
+  position: absolute;
+  left: 3%;
+  top: 50%;
+  background-color: #fff;
+  padding: 40px;
+  margin-top: -370px;
+  border-radius:12px;
+  .con-item{
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 20px;
+  }
 
+  .con-picker{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width:456px;
+    height:48px ;
+    line-height: 48px;
+    padding: 0 16px;
+    background-color: #f4f4f4;
+    .picker{
+      width: 400px;
+    }
   }
-  .content {
-    width: 94%;
-    height:518px;
-    position: absolute;
-    left: 3%;
-    top: 50%;
-    background-color: #fff;
-    padding: 40px;
-    margin-top: -259px;
-    border-radius:12px;
-    .textarea {
-      border: 2px solid #e3e3e3;
-      padding: 20px;
-      border-radius: 12px;
-      width:416px;
-      height:258px;
-      font-size: 26px;
+  .right-icon{
+    width:18px;
+    height:18px;
+    border-top: 2px solid #999;
+    border-right: 2px solid #999;
+    transform:rotate(45deg);
+    float: right;
+  }
+  .bottom-btn{
+    margin: 30px auto 0 auto;
+    width: 90%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 30px;
+  
+    .save{
+      background-color: $primary-color;
+      color:#fff;
+      height: 76px;
+      line-height: 76px;
+      text-align: center;
+      width:240px;
+      border-radius:12px;
+      border:2px solid $primary-color;
+    }
+    .cancel{
+      color: $primary-color;
+      text-align: center;
+      height: 76px;
+      line-height: 76px;
+      width:240px;
+      border-radius:12px;
+      border:2px solid $primary-color;
     }
-    .bottom-btn{
-      margin: 70px auto 0 auto;
-      width: 90%;
-      height: 80px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      font-size: 30px;
-    
-      .save{
-        background-color: $primary-color;
-        color:#fff;
-        height: 76px;
-        line-height: 76px;
-        text-align: center;
-        width:240px;
-        border-radius:12px;
-        border:2px solid $primary-color;
-      }
-      .cancel{
-        color: $primary-color;
-        text-align: center;
-        height: 76px;
-        line-height: 76px;
-        width:240px;
-        border-radius:12px;
-        border:2px solid $primary-color;
-      }
-    } 
   }
 }