Bladeren bron

项目详情户型卡片为1个时样式调整

许静 5 jaren geleden
bovenliggende
commit
c63e1ecc77
2 gewijzigde bestanden met toevoegingen van 20 en 17 verwijderingen
  1. 16
    15
      src/pages/project/detail/index.js
  2. 4
    2
      src/pages/project/detail/index.scss

+ 16
- 15
src/pages/project/detail/index.js Bestand weergeven

@@ -527,10 +527,11 @@ export default class Index extends Component {
527 527
               <View className="type-intro__list">
528 528
                 {
529 529
                   buildingProjectType.map(item => (
530
-                    <View className='type-intro__item' key={item.buildingId} style={`background: url(${getThumbnail(buildBg)}) no-repeat center;background-size: 100% 100%;`}>
530
+                    <View className={buildingProjectType.length == 1 ? 'onlyone type-intro__item' : 'type-intro__item'} key={item.buildingId} style={`background: url(${getThumbnail(buildBg)}) no-repeat center;background-size: 100% 100%;`}>
531 531
 
532 532
                       <View >
533 533
 
534
+
534 535
                         {marketStatus &&
535 536
                           <Text className='item__status' className={marketStatus == '在售' ? 'item__status sale' : marketStatus == '售罄' ? 'item__status soldout' : 'item__status waitsale'}>{marketStatus}</Text>
536 537
                         }
@@ -804,7 +805,7 @@ export default class Index extends Component {
804 805
 
805 806
     )
806 807
   }
807
-  renderActivities () {
808
+  renderActivities() {
808 809
     // renderGroup () {
809 810
     //   const { groupList } = this.state
810 811
     //   return (
@@ -905,7 +906,7 @@ export default class Index extends Component {
905 906
     )
906 907
   }
907 908
   // 开始播放
908
-  plagVideo () {
909
+  plagVideo() {
909 910
     let videoContext = wx.createVideoContext('myVideo')
910 911
     console.log()
911 912
     // this.setState({
@@ -914,22 +915,22 @@ export default class Index extends Component {
914 915
     videoContext.play()
915 916
   }
916 917
 
917
-  onPlay () {
918
-        console.log()
918
+  onPlay() {
919
+    console.log()
919 920
     this.setState({
920 921
       videoPlayShow: 'none'
921 922
     })
922 923
   }
923 924
 
924
-  onPause () {
925
+  onPause() {
925 926
     this.setState({
926 927
       videoPlayShow: 'flex'
927 928
     })
928 929
   }
929 930
 
930 931
 
931
-  renderVideo () {
932
-    const {videoPlayShow}  = this.state
932
+  renderVideo() {
933
+    const { videoPlayShow } = this.state
933 934
     const { projectDetail } = this.props
934 935
     const { videoImage } = projectDetail
935 936
     const imgSrc = videoImage[0].url
@@ -954,12 +955,12 @@ export default class Index extends Component {
954 955
           // initialTime='0'
955 956
           // loop={false}
956 957
           // muted={false}
957
-          
958
+
958 959
           show-mute-btn='true'
959
-          // onPlay={this.onPlay}
960
-          // show-center-play-btn='false'
961
-          // onPause= {this.onPause}
962
-       
960
+        // onPlay={this.onPlay}
961
+        // show-center-play-btn='false'
962
+        // onPause= {this.onPause}
963
+
963 964
         ></Video>
964 965
         {/* <Button className='pro__banner-btn' onClick={this.plagVideo} style={{ display: videoPlayShow  }}>
965 966
           <Image src={require('@assets/play.png')} mode='scaleToFill' className='pro__banner-btn-img'></Image>
@@ -968,11 +969,11 @@ export default class Index extends Component {
968 969
         {/* <View className='pro__banner-voice' onClick={this.plagVideo} >
969 970
           <Image src={require('@assets/voice.png')} mode='scaleToFill	' className='pro__banner-voice-img'></Image>
970 971
         </View> */}
971
-{/* 
972
+        {/* 
972 973
         <View className='pro__banner-extend' onClick={this.fullScreen} >
973 974
           <Image src={require('@assets/extend.png')} mode='scaleToFill	' className='pro__banner-extend-img'></Image>
974 975
         </View> */}
975
-      
976
+
976 977
       </View>
977 978
     )
978 979
   }

+ 4
- 2
src/pages/project/detail/index.scss Bestand weergeven

@@ -468,8 +468,10 @@
468 468
         display: flex;
469 469
         padding: 30px 4px;
470 470
       }
471
-
472
-
471
+      .onlyone{
472
+        margin-right: 0px;
473
+        width: 100%;
474
+      }
473 475
       &__item {
474 476
         padding: 20px 86px 20px 30px;
475 477
         box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);