resultPage

src/app.js

@@ -119,6 +119,7 @@ class App extends Component {
         pages: [
           'pages/houseList/index',
           'pages/detail/index',
+          'pages/detail/resultPage',
         ],
       }
     ],

src/onlineSelling/pages/detail/index.js

@@ -61,6 +61,11 @@ export default class Index extends Component {
     console.log(this.props.userInfo, "this.props")
     return true
   }
+  chooseBtn() {
+    Taro.navigateTo({
+      url: '/onlineSelling/pages/detail/resultPage'
+    })
+  }
 
 
   render() {
@@ -79,8 +84,11 @@ export default class Index extends Component {
         }
 
         <View className='detail'>
-          <Image className="cover-img" mode="aspectFill" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1581369637322&di=6065c2aee90f790b00d0c815f465ebc5&imgtype=0&src=http%3A%2F%2Fcyzs97.com%2FUploads%2FEditor%2FPicture%2F2018-10-18%2F5bc8330f2d06f.jpg"></Image>
-
+          <View className='detail-top'>
+            <Image className="norecord-img" mode="aspectFill" src={require('../../assets/norecord.png')}></Image>
+            <View className="norecord-text">暂无户型信息</View>
+            {/* <Image className="cover-img" mode="aspectFill" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1581369637322&di=6065c2aee90f790b00d0c815f465ebc5&imgtype=0&src=http%3A%2F%2Fcyzs97.com%2FUploads%2FEditor%2FPicture%2F2018-10-18%2F5bc8330f2d06f.jpg"></Image> */}
+          </View>
           <ScrollView
             enableBackToTop
             className="wrap"
@@ -100,7 +108,7 @@ export default class Index extends Component {
                   <Text style="margin-left:20rpx"> 套内<Text style="color:#FE1C1C">270</Text>m²</Text>
                 </View>
                 <View className="address">
-                  XX嘉园1号楼2单元3楼303号
+                  <Image className="location-icon" src={require('../../assets/location.png')}></Image> XX嘉园1号楼2单元3楼303号
               </View>
                 <View className="date">
                   预选时间：2/12 12:23:33--2/13 12:23:34
@@ -113,7 +121,7 @@ export default class Index extends Component {
                 已有12人预选此房源，快快预选认筹~
               </View>
               <View style="padding: 0 30rpx;">
-                <View className="choose-btn">
+                <View className="choose-btn" onClick={()=>this.chooseBtn()}>
                   预选此房源
               </View>
                 <View className="close-btn">

src/onlineSelling/pages/detail/index.scss

@@ -4,12 +4,28 @@
   position: relative;
   width: 100%;
   font-weight: 300;
-  .cover-img{
+  background-color: #F8F8F8;
+  .detail-top{
     width:100%;
     height:600px;
     position: fixed;
     top: 0;
+    text-align: center;
+    .cover-img{
+      width:100%;
+      height:100%;
+    }
+    .norecord-img{
+      width:280px;
+      height:220px;
+      margin: 140px auto 4px auto;
+    }
+    .norecord-text{
+     font-size: 28px;
+     color: #999;
+    }
   }
+ 
   .wrap {
     padding-top: 570px;
     background: transparent;
@@ -53,11 +69,21 @@
       color: #666;
       font-weight: 300;
       margin-bottom: 10px;
+      display: flex;
+      align-items: center;
+      margin: 0;
+      line-height: 60px;
+      .location-icon{
+        width:40px;
+        height:40px;
+        margin-left: -6px;
+        margin-right: 6px;
+      }
     }
     .date{
       font-size: 22px;
       color: #999;
-      line-height: 1.8;
+      line-height: 1.7;
     }
     .num{
       font-size: 26px;
@@ -76,8 +102,7 @@
       background-color: $primary-color;
       line-height: 94px;
       border-radius:10px;
-      text-align: center;
-      
+      text-align: center; 
     }
     .close-btn{
       color: $primary-color;
@@ -86,7 +111,39 @@
       line-height: 94px;
       border-radius:10px;
       text-align: center;
-      margin: 40px 0 80px 0;
+      margin: 40px 0;
     }
   }
 }
+
+
+.result{
+  background-color: #fff;
+  height: 100vh;
+  width: 100vw;
+  position: relative;
+  text-align: center;
+  padding-top: 20vh;
+  font-weight: 300;
+  .result-img{
+    width:168px;
+    height:168px;
+  }
+  .status{
+    font-size: 36px;
+    color: #333;
+    line-height: 1.8;
+  }
+  .tip{
+    font-size: 34px;
+    color: #999;
+  }
+  .contact{
+    position: absolute;
+    bottom: 8vh;
+    font-size: 36px;
+    color: #3DE344;
+    left: 50%;
+    margin-left: -108px;
+  }
+}

src/onlineSelling/pages/detail/resultPage.js

@@ -0,0 +1,43 @@
+import Taro, { Component } from '@tarojs/taro';
+import './index.scss'
+import { connect } from '@tarojs/redux'
+import ready from '@/utils/ready'
+
+@connect(
+  ({ user }) => ({ ...user })
+)
+
+export default class Index extends Component {
+  config = {
+    navigationBarTitleText: '预选结果',
+  }
+
+  state = {
+    status: 2,
+  }
+
+  componentWillMount() {
+
+    ready.queue(() => {
+
+
+    })
+  }
+
+
+  render() {
+    const { status } = this.state
+    return (
+      <View className="result">
+        {status == 1 && <Image className="result-img" src={require('../../assets/success.png')}></Image>}
+        {status == 2 && <Image className="result-img" src={require('../../assets/going.png')}></Image>}
+        {status == 3 && <Image className="result-img" src={require('../../assets/fail2.png')}></Image>}
+        <View className="status">{status == 1 ? '预选成功' : status == 2 ? '正在处理' : '预选失败'}</View>
+        <View className="tip">已提交申请，等待系统处理</View>
+
+        <View className="contact">联系置业顾问</View>
+      </View>
+
+    );
+  }
+}