house dtl optimize

src/pagesHouse/indexDtl.jsx

@@ -239,6 +239,7 @@ class Index extends Component {
     const { curId, curObj, token } = this.state
     const iconPos = require('@img/i_g_pos.png')
     const iconHeart = require('@img/i_g_heart.png')
+    const iconHeartGif = require('@img/i_g_warn.gif')
     const iconHeart2 = require('@img/i_g_heart2.png')
     const cTagStr = curObj.custom_tag || ''
     const tagViews = cTagStr.split(',').map((tag, tagIndex) => {
@@ -273,7 +274,7 @@ class Index extends Component {
             </View>
             :
             <View className="di-r" onClick={this.followHandle.bind(this, 'apiestatefollow')}>
-              <Image className="i" src={iconHeart} />
+              <Image className="i2" src={iconHeartGif} />
               <View className="t">关注楼盘</View>
             </View>
           }
@@ -295,12 +296,12 @@ class Index extends Component {
     const icon3 = require('./img/dtl/icon3.png')
     const icon4 = require('./img/dtl/icon4.png')
     const icon5 = require('./img/dtl/icon5.png')
-    const icon6 = require('./img/dtl/icon6.png')
+    const icon6 = require('./img/dtl/icon6-new.png')
     const icon6s = require('./img/dtl/icon6s.png')
     const icon7 = require('./img/dtl/icon7.png')
-    const icon8 = require('./img/dtl/icon8.png')
-    const icon9 = require('./img/dtl/icon9.png')
-    const icon10 = require('./img/dtl/icon10.png')
+    const icon8 = require('./img/dtl/icon8-new.png')
+    const icon9 = require('./img/dtl/icon9-new.png')
+    const icon10 = require('./img/dtl/icon10-new.png')
     return (
       <View className="dtl-entry">
         <Navigator url={'/pagesHouse/produceType?id=' + curId + '&name=' + curObj.estate_name}  className="de-op">
@@ -333,7 +334,7 @@ class Index extends Component {
           <View className="t">楼盘相册</View>
         </Navigator>
         <Navigator url={`/pagesHouse/price?id=${curId}&name=${curObj.estate_name}`} className="de-op">
-          <Image className="i" src={icon6s} />
+          <Image className="i" src={icon6} />
           <View className="t">历史成交</View>
         </Navigator>
         {
@@ -345,13 +346,13 @@ class Index extends Component {
           </Navigator>
           :
           <Navigator url={`/pagesPlan/apply2?eId=${curId}&eName=${curObj.estate_name}`} className="de-op">
-            <Image className="i" src={icon6} />
+            <Image className="i" src={icon7} />
             <View className="t">团购报名</View>
           </Navigator>
         }
         <Navigator url={`/pagesMore/center/feedback?eId=${curId}&eName=${curObj.estate_name}`} className="de-op">
           <Image className="i" src={icon8} />
-          <View className="t t2">纠错补图</View>
+          <View className="t">纠错补图</View>
         </Navigator>
         <Navigator url="/pagesMore/news/indexDtl?id=2262" className="de-op">
           <Image className="i" src={icon9} />
@@ -785,7 +786,7 @@ class Index extends Component {
   renderEntryYH () {
     const i1 = require('./img/yfyj/yfyj01.png')
     const i2 = require('./img/yfyj/yfyj02.png')
-    const bg = require('./img/yfyj/yfyj03.png')
+    const bg = require('./img/yfyj/yfyj03s.jpg')
     const { curObj } = this.state
     const lotteryObj = curObj.estate_lottery || {}
     return (
@@ -810,7 +811,7 @@ class Index extends Component {
   renderYH () {
     const { curObj } = this.state
     const lotteryObj = curObj.estate_lottery || {}
-    const bg = require('./img/yfyj/yfyj03.png')
+    const bg = require('./img/yfyj/yfyj03s.jpg')
     let lotteryImg = []
     if (lotteryObj.lottery_img) lotteryImg = lotteryObj.lottery_img.split(',')
     return (
@@ -922,7 +923,7 @@ class Index extends Component {
 
   renderAdBanner () {
     const { curObj, curId } = this.state
-    const adBanner = require('./img/dtl/ad_banner.gif')
+    const adBanner = require('./img/dtl/ad_banner3.jpg')
     return (
       <Navigator url={`/pagesPlan/apply2?eId=${curId}&eName=${curObj.estate_name}`} className='scoped-ad-banner t2'>
         <Image className="img" src={adBanner} />
@@ -931,7 +932,7 @@ class Index extends Component {
   }
 
   renderAdBanner2 () {
-    const adBanner = require('./img/dtl/ad_banner2.jpg')
+    const adBanner = require('./img/dtl/ad_banner4.jpg')
     return (
       <View className='scoped-ad-banner' onClick={this.callHandle.bind(this)}>
         <Image className="img" src={adBanner} />
@@ -977,6 +978,12 @@ class Index extends Component {
              ? this.renderAdBanner()
              : this.renderAdBanner2()
             }
+            
+            {/* {
+              YH === 'yhjg'
+              &&
+              this.renderYH()
+            } */}
             {
               lotteryObj.lottery_res
               ? this.renderYH()
@@ -986,11 +993,6 @@ class Index extends Component {
               this.renderEntryYH()
               : ''
             }
-            {/* {
-              YH === 'yhjg'
-              &&
-              this.renderYH()
-            } */}
             {this.renderEntry()}
             {this.renderOptionsInfo()}
             {

src/pagesHouse/indexDtl.scss

@@ -96,6 +96,7 @@ page {
 .dtl-info {
   position: relative;
   background: #fff;
+  // background-image: linear-gradient(0deg, #b7f4ff 0%,#fcfeff 100%);
   padding: 20px;
   .di-title {
     font-size: 36px;
@@ -164,10 +165,16 @@ page {
       height: 60px;
       display: inline-block;
     }
+    .i2 {
+      width: 40px;
+      height: 40px;
+      display: inline-block;
+    }
     .t {
-      color: #666;
+      color: #006171;
       font-size: 26px;
       margin-top: -6px;
+      font-weight: bold;
     }
   }
 }
@@ -334,16 +341,14 @@ page {
 
 
 .scoped-entry-yh {
-  background: #fff;
-  padding: 0 20px;
   .sey-wrap {
-    border: 2PX dashed #c2e1fd;
-    border-radius: 20px;
-    padding: 20px 20px 0;
+    background: #fff;
+    padding: 20px 0 0;
   }
   .sey-p1 {
     padding-bottom: 10px;
     display: flex;
+    padding: 0 20px 20px;
     .t2 {
       display: inline-block;
       vertical-align: top;
@@ -371,15 +376,14 @@ page {
     }
   }
   .sey-img {
-    width: 630px;
-    height: 170px;
+    width: 750px;
+    height: 160px;
     text-align: center;
-    margin: 0 auto 20px;
-    border-radius: 30px;
     overflow: hidden;
     .img {
-      width: 630px;
-      height: 170px;
+      border-radius: 10px;
+      width: 708px;
+      height: 160px;
     }
   }
 }
@@ -388,11 +392,11 @@ page {
   background: #fff;
   padding: 0 20px;
   .sy-wrap {
-    border: 2PX dashed #c2e1fd;
-    border-radius: 20px;
+    // border: 2PX dashed #c2e1fd;
+    // border-radius: 20px;
   }
   .sy-p {
-    padding: 20px 50px 20px;
+    padding: 20px;
     font-weight: bold;
     color: $mainColor;
     text-decoration: underline;
@@ -456,15 +460,15 @@ page {
     }
   }
   .sy-img {
-    width: 630px;
-    height: 170px;
+    width: 708px;
+    height: 160px;
     text-align: center;
-    margin: 0 auto 20px;
-    border-radius: 30px;
+    padding: 0 auto 20px;
     overflow: hidden;
     .img {
-      width: 630px;
-      height: 170px;
+      border-radius: 10px;
+      width: 708px;
+      height: 160px;
     }
   }
 }
@@ -565,12 +569,13 @@ page {
 
 .scoped-ad-banner {
   width: 750px;
-  height: 180px;
-  &.t2 {
-    margin-bottom: 10rpx;
-  }
+  height: 92px;
+  text-align: center;
+  background: #fff;
+  // padding-top: 10px;
   .img {
-    width: 750px;
-    height: 180px;
+    width: 708px;
+    height: 92px;
+    border-radius: 6px;
   }
 }