huxing

src/onlineSelling/pages/detail/index.js

@@ -132,7 +132,7 @@ export default class Index extends Component {
         }
       })
     } else {
-      that.setState({ popVisiable: true })
+      this.setState({ popVisiable: true })
     }
 
   }

src/pages/project/detail/index.js

@@ -1204,7 +1204,7 @@ export default class Index extends Component {
                           <Block>
                             <View className='house-type__state' style={`background-color: ${statusBgColors[item.marketStatus - 1]}`}>{statusOpts[item.marketStatus - 1]}</View>
                             <View className='house__img-info'>
-                              <Image className='house__img' src={transferImage(item.buildingImgList[0].url)} mode="widthFix" onClick={this.handleHouseTypePosterClick.bind(this, item, imgUrls)}></Image>
+                              <Image className='house__img' src={transferImage(item.buildingImgList[0].url)} mode="aspectFill" onClick={this.handleHouseTypePosterClick.bind(this, item, imgUrls)}></Image>
                               {item.panoramaArr && (
                                 <View className='house-type__panorama'>
                                   <Image mode="aspectFill" src={vrLogo} style={{ width: '100%', height: '100%' }} />

src/pages/project/detail/index.scss

@@ -882,7 +882,7 @@
 
     .item {
       position: relative;
-      width: 350px;
+      width: 338px;
       margin: 2px 36px 2px 2px;
       box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
       border: 1px solid rgba(232, 232, 232, 1);
@@ -890,7 +890,7 @@
 
       .house__img-info {
         position: relative;
-        padding: 70px 30px;
+        // padding: 70px 20px 40px 20px;
         border-bottom: 1px solid rgba(232, 232, 232, 1);
       
         .house-type__panorama {
@@ -902,25 +902,13 @@
         }
 
         .house__img {
-          width: 100%;
+          width: 336px;
           border-radius: 10px;
-          height: 200px !important;
+          height: 336px;
+          display: block;
         }
       }
 
-      // .house__img__len {
-      //   position: absolute;
-      //   width: 80px;
-      //   height: 50px;
-      //   text-align: center;
-      //   line-height: 50px;
-      //   color: #fff;
-      //   background: rgba(0, 0, 0, 0.5);
-      //   right: 4%;
-      //   top: 47%;
-      //   font-size: 20px;
-      //   border-radius: 20px;
-      // }
       .rest-info {
         padding: 10px 26px 20px 26px;
 
@@ -967,6 +955,7 @@
         padding: 10px 36px;
         border-radius: 16px 0 14px 0;
         font-size: 24px;
+        z-index: 1;
       }
     }
   }