静态页面

src/pages/activity/detail/index.js

@@ -60,7 +60,7 @@ export default class Detail extends Component {
     queryInfo: {}
   }
 
-  componentWillMount() {
+  componentWillMount () {
     ready.queue(() => {
       if (this.toggleGrantPhone()) {
         console.log("eeeeeeeeeeeeeeeeeeeeeeeeee")
@@ -95,7 +95,7 @@ export default class Detail extends Component {
       }
     })
   }
-  componentWillUnmount() {
+  componentWillUnmount () {
     const { recordId } = this.state
     recordId && updatePoint(recordId)
 
@@ -105,7 +105,7 @@ export default class Detail extends Component {
   //   this.reportClientFn()
   // }
 
-  loadDetail() {
+  loadDetail () {
     const { id, qrcodeParams, queryInfo } = this.state
     Taro.showLoading()
     // const consultant = Taro.getStorageSync('consultantId') || ''
@@ -212,7 +212,7 @@ export default class Detail extends Component {
   }
 
 
-  handleSignup() {
+  handleSignup () {
     const { detail: { buildingId, dynamicId }, isSign } = this.state
     const { userInfo: { person: { phone, name, nickname } } } = this.props
 
@@ -229,7 +229,7 @@ export default class Detail extends Component {
     })
   }
 
-  handleFavor() {
+  handleFavor () {
     const { detail: { dynamicId }, isSaved } = this.state
     if (isSaved) {
       cancelFavorActivity(dynamicId).then(res => {
@@ -261,7 +261,7 @@ export default class Detail extends Component {
     })
   }
 
-  handleGetPhone(e) {
+  handleGetPhone (e) {
     const { detail: { buildingId } } = this.state
     getUserPhone(e, { buildingId: buildingId || '' }, (phoneNumber) => {
       if (phoneNumber) {
@@ -355,7 +355,7 @@ export default class Detail extends Component {
     // })
   }
 
-  handleMoreClick() {
+  handleMoreClick () {
     // App.zhuge.track('查看置业顾问列表')
     console.log()
     Taro.navigateTo({
@@ -422,7 +422,7 @@ export default class Detail extends Component {
     })
   }
 
-  hideModal() {
+  hideModal () {
     this.setState({
       canChoose: 'none'
     })
@@ -454,7 +454,7 @@ export default class Detail extends Component {
     return true
   }
 
-  render() {
+  render () {
     const { detail, loaded, isSaved, isSign, posterVisible, posterData, queryInfo, posterShow, consultData, consultShow, grantPhoneVisible, grantAvatarVisible } = this.state
     const { userInfo = {} } = this.props
     const { person: { phone, personId, nickname, name, tel } = {} } = userInfo
@@ -534,8 +534,36 @@ export default class Detail extends Component {
               {
                 consultShow && <Consultant style="bottom:140rpx" personId={personId} name={name || nickname} data={consultData}></Consultant>
               }
-              <View className="bot-nav flex">
+              <View className="NewBottom flex-h">
                 {
+                  posterShow && (
+                    <Button className='Btn' onClick={() => { this.togglePosterStatus(true) }}>
+                      <Image mode="heightFix" src={require('@/assets/tupian_3@3x.png')}></Image>
+                      <Text>海报</Text>
+                    </Button>
+                  )
+                }
+                <Button className="Btn" open-type="share">
+                  <Image mode="heightFix" src={require('@/assets/fasong@3x.png')} className="btn-icon"></Image>
+                  <Text className="txt">分享</Text>
+                </Button>
+
+                <Button className="Btn" onClick={this.handleFavor}>
+                  <Text className={`iconfont ${isSaved ? 'icon-shoucang selected' : 'icon-shoucang1'}`} style={{fontSize: `20px`}}></Text>
+                  <Text className="txt">收藏</Text>
+                </Button>
+                <View className='flex-item'></View>
+                {
+                  parseInt(detail.isEnlist) != 0 && detail.activityStatus != 2 && (parseInt(detail.isEnlist) == 2 ? (<Button disabled='true' className='submit-btn hasSigned'>报名人数已满</Button>) : ((phone ? (
+                    <Button disabled={isSign} className={`submit-btn ${isSign ? 'hasSigned' : ''}`} onClick={this.handleSignup}>{isSign ? '已报名' : '立即报名'}</Button>
+                  ) : (
+                      <Button disabled={isSign} className='submit-btn' open-type="getPhoneNumber" onGetphonenumber={this.handleGetPhone}>{isSign ? '已报名' : '立即报名'}</Button>
+                    ))))
+                }
+                {detail.activityStatus == 2 &&
+                  <Button disabled='true' className={`submit-btn ${isSign ? 'hasSigned' : ''}`}>{isSign ? '已报名' : '立即报名'}</Button>
+                }
+                {/* {
                   posterShow && (
                     <Button className='btn poster-btn' onClick={() => { this.togglePosterStatus(true) }}>
                       <Image mode="aspectFill" src={require('@/assets/tupian_3@3x.png')} className="btn-icon"></Image>
@@ -561,7 +589,7 @@ export default class Detail extends Component {
                 }
                 {detail.activityStatus == 2 &&
                   <Button disabled='true' className='submit-btn hasSigned' >{isSign ? '已报名' : '立即报名'}</Button>
-                }
+                } */}
 
                 {/* {phone ? (
                   <Button disabled={isSign} className={`submit-btn ${isSign ? 'hasSigned' : ''}`} onClick={this.handleSignup}>{isSign ? '已报名' : '立即报名'}</Button>

src/pages/activity/detail/index.scss

@@ -1,4 +1,5 @@
 @import "@/styles/theme.scss";
+@import "@/styles/reset.scss";
 
 // .wxParse-img {
 //   width: 100% !important;
@@ -163,7 +164,7 @@
     }
     .my-number {
       font-size: 28px;
-      color: #FDAC2E;
+      color: #fdac2e;
       display: inline-block;
       vertical-align: middle;
     }
@@ -226,12 +227,11 @@
   position: fixed;
   bottom: 0;
   width: 100%;
-  height: 120px;
   background: white;
   @extend .flex;
   justify-content: space-between;
   box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.2);
-  padding: 0 30px;
+  padding: 20px 30px;
 
   .btn {
     display: flex;
@@ -560,3 +560,48 @@
   background-color: #fff;
   border-top: 1px solid #eee;
 }
+
+.NewBottom {
+  align-items: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  overflow: hidden;
+  padding: 20px 0;
+  background: #fff;
+  > button {
+    font-size: 0;
+    white-space: nowrap;
+    margin-left: 20px;
+    position: relative;
+    overflow: hidden;
+    text-align: center;
+    background: transparent;
+    > image {
+      height: 46px;
+      width: auto;
+      display: inline-block;
+    }
+    > text {
+      font-size: 28px;
+      line-height: 40px;
+      display: block;
+      text-align: center;
+      color: #333;
+    }
+    &.submit-btn {
+      font-size: 28px;
+      line-height: 80px;
+      width: 300px;
+      color: #fff;
+      background: #1bc5d4;
+      border-radius: 8px;
+      text-align: center;
+      margin-right: 30px;
+      &.hasSigned {
+        background: #ccc;
+      }
+    }
+  }
+}

src/pages/project/detail/index.js

@@ -365,7 +365,7 @@ export default class Index extends Component {
       }, () => {
         if (res.posters && res.posters.length) {
           this.setState({
-            posterShow: 'flex'
+            posterShow: 'inline-block'
           })
         }
         if (connectId && extendContentList.indexOf(connectId) == -1) {
@@ -845,7 +845,7 @@ export default class Index extends Component {
             <Image src={require('@/assets/img/icon11.png')} className='poster-img'></Image>
             <Text className="text">海报</Text>
           </View>
-          <View class='bt-nav__item' open-type="share" style={{marginLeft: posterShow !== 'none' ? `0` : `15px`}}>
+          <View class='bt-nav__item' open-type="share" style={{marginLeft: posterShow === 'none' ? `15px` : `15px`}}>
             <Image src={require('@/assets/img/icon10.png')} className='fenxiang-img'></Image>
             <Text className="text">分享</Text>
           </View>

src/pages/project/detail/index.scss

@@ -17,9 +17,6 @@
     display: inline-block;
     vertical-align: middle;
     margin-left: 20px;
-    &:first-child {
-      margin-left: 0;
-    }
     .kehutuijian-img {
       width: 40px;
       height: 40px;
@@ -290,7 +287,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 0;
+  padding: 20px 0;
 
   &__item {
     margin: 0;