record

src/onlineSelling/components/HouseCard/index.js

@@ -32,7 +32,7 @@ export default function HouseCard(props) {
           <Text>现价</Text>
           <Text className="red">{price}</Text>
         </View>
-        <View className="meta">{showDT}</View>
+        <View className="meta">{showDT}预选</View>
         <View className="sign bg-success"></View>
       </View>
     </View>

src/onlineSelling/components/HouseCard/index.scss

@@ -1,17 +1,19 @@
 .housecard {
-  width: calc(100% - 32rpx);
-  height: 250rpx;
+  // width: calc(100% - 32px);
+  width: 690px;
+  height: 250px;
   background:#fff;
-  border-radius: 8rpx;
+  border-radius: 8px;
   display: flex;
-  margin: 16rpx;
-  box-shadow: 0 4rpx 15rpx 1rpx rgba(0, 0, 0, 0.12);
+  margin: 16px 30px;
+  box-shadow: 0 4px 15px 1px rgba(0, 0, 0, 0.12);
+  font-weight: 400;
 
   .head {
-    width: 36%;
+    width: 250px;
     flex: none;
-    border-right: 2rpx solid rgba(0, 0, 0, 0.04);
-    padding: 10rpx;
+    border-right: 2px solid rgba(0, 0, 0, 0.04);
+    padding: 20px;
 
     .thumb {
       width: 100%;
@@ -20,40 +22,42 @@
   }
 
   .body {
-    width: 64%;
+    width: 438px;
     flex: none;
     position: relative;
-    line-height: 40rpx;
-    padding: 20rpx 10rpx;
+    line-height: 40px;
+    padding: 20px 16px;
 
     .badge {
-      font-size: 30rpx;
+      font-size: 30px;
       color: #BB9C79;
       text-align: right;
+      margin-right: 12px;
     }
 
     .title {
-      font-size: 26rpx;
+      font-size: 26px;
       font-weight: bold;
       color:#333;
+      line-height: 1.8;
     }
 
     .subtitle {
-      font-size: 28rpx;
+      font-size: 28px;
       color:#333;
     }
 
     .meta {
-      font-size: 24rpx;
+      font-size: 24px;
       color:#999;
     }
 
     .sign {
-      width: 86rpx;
-      height: 86rpx;
+      width: 86px;
+      height: 86px;
       position: absolute;
-      right: 10rpx;
-      bottom: 10rpx;
+      right: 10px;
+      bottom: 10px;
     }
   }
 

src/onlineSelling/pages/records/index.scss

@@ -1,9 +1,9 @@
 .records {
-  padding: 0 30rpx;
+  padding: 10px 0;
 
   .carditem {
     & + .carditem {
-      margin-top: 40rpx;
+      margin-top: 40px;
     }
   }
 }

src/onlineSelling/pages/selectionRecord/index.js

@@ -1,5 +1,7 @@
 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
+import HouseCard from '../../components/HouseCard'
+import Blank from '../../components/Blank'
 import { AtTabs, AtTabsPane } from 'taro-ui'
 import "taro-ui/dist/style/components/tabs.scss"
 import { connect } from '@tarojs/redux'
@@ -15,6 +17,52 @@ export default class selectionRecord extends Component {
   state = {
     current: 0,
     recordId: undefined, // 埋点ID
+    testData: [
+      {
+        preselectionRecordId: 1,
+        buildingName: '艾菲国际二期',
+        blockName: '6栋',
+        unitName: '一单元',
+        roomName: '1502',
+        aerialViewImg: 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1573738541467-25667811-b020-4c1f-b57d-e65a410d6fbd3103856559286073565.jpg',
+        price: '234万',
+        createDate: '2020-02-8',
+        status: 1
+      },
+      {
+        preselectionRecordId: 2,
+        buildingName: '艾菲国际二期',
+        blockName: '6栋',
+        unitName: '一单元',
+        roomName: '1502',
+        aerialViewImg: 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1573738541467-25667811-b020-4c1f-b57d-e65a410d6fbd3103856559286073565.jpg',
+        price: '234万',
+        createDate: '2020-02-9',
+        status: 0
+      },
+      {
+        preselectionRecordId: 3,
+        buildingName: '艾菲国际二期',
+        blockName: '6栋',
+        unitName: '二单元',
+        roomName: '1503',
+        aerialViewImg: 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1573738541467-25667811-b020-4c1f-b57d-e65a410d6fbd3103856559286073565.jpg',
+        price: '234万',
+        createDate: '2020-02-10',
+        status: 1
+      },
+      {
+        preselectionRecordId: 4,
+        buildingName: '艾菲国际二期',
+        blockName: '6栋',
+        unitName: '二单元',
+        roomName: '1504',
+        aerialViewImg: 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1573738541467-25667811-b020-4c1f-b57d-e65a410d6fbd3103856559286073565.jpg',
+        price: '234万',
+        createDate: '2020-02-11',
+        status: 0
+      },
+    ]
   }
 
   componentWillMount() {
@@ -30,17 +78,24 @@ export default class selectionRecord extends Component {
 
 
   render() {
+    const { testData } = this.state
     return (
       <View style="height:100vh">
         <AtTabs className="selectionRecord" scroll current={this.state.current} tabList={[{ title: '预选记录' }, { title: '认筹记录' }]} onClick={this.handleClick.bind(this)}>
           <AtTabsPane current={this.state.current} index={0} >
-            <View >
-              1111
-            </View>
+            {
+              testData.map((item) => {
+                return (
+                  <View className="carditem" key={item.preselectionRecordId}>
+                    <HouseCard summary={item} />
+                  </View>
+                )
+              })
+            }
           </AtTabsPane>
           <AtTabsPane current={this.state.current} index={1}>
             <View>
-              222
+              <Blank />
             </View>
           </AtTabsPane>
         </AtTabs>