bug5129

src/app.js

@@ -40,10 +40,10 @@ class App extends Component {
       }
     },
     pages: [
+      'pages/activity/activity',
       'pages/person/index',
       'pages/person/profile/index',
       'pages/project/index',
-      'pages/activity/activity',
       'pages/shop/index',
       'pages/project/detail/index',
       'pages/activity/assemblePage',

src/pages/activity/detail/assemble.js

@@ -416,7 +416,7 @@ export default class Detail extends Component {
 
         {
           loaded && (
-            <View>
+            <View className="ass-page">
               <Notice></Notice>
               <View className="detail-banner">
                 <Image mode="widthFix" src={detail.mainImg} className="detail-banner__img"></Image>
@@ -429,6 +429,10 @@ export default class Detail extends Component {
                     </View>
                   )
                 }
+                {detail.successNum>0 &&
+                  <View className="success-num">已成功 {detail.successNum}</View>
+
+                }
               </View>
               <ScrollView
                 scrollY

src/pages/activity/detail/assistance.js

@@ -156,7 +156,7 @@ export default class Detail extends Component {
     this.setState({
       ltTicker: setInterval(() => {
         const [actState, leftTime] = this.compActState(startDate, endDate)
-        this.setState({actState, leftTime})
+        this.setState({ actState, leftTime })
 
         if (actState === ActFinished) {
           this.clearTicker()
@@ -250,7 +250,7 @@ export default class Detail extends Component {
       propertyName: '助力详情分享',
       data: '{}'
     })
-    
+
     if (!shares || !shares.length) {
       return {
         title: this.state.detail.title,
@@ -291,7 +291,7 @@ export default class Detail extends Component {
         this.setState({
           submitting: false,
           helpList,
-          initiateDetail: res.helpInitiateRecord,          
+          initiateDetail: res.helpInitiateRecord,
           initiateId: res.helpInitiateRecord.helpRecordInitiateId,
           helpState: res.helpInitiateRecord.status === undefined ? HelpInProcess : res.helpInitiateRecord.status,
         })
@@ -365,7 +365,7 @@ export default class Detail extends Component {
   getQRCode() {
     const [page, scene] = this.currentPageAndParams()
     const payload = { page, scene }
-  
+
     getMiniQrcode(payload).then(qrCode => {
       this.setState({ qrCode, posterVisible: true })
     })
@@ -375,7 +375,7 @@ export default class Detail extends Component {
   shareMoments = () => {
     this.getQRCode().then(() => {
       this.togglePosterVisible()
-    })    
+    })
   }
 
   render() {
@@ -412,7 +412,7 @@ export default class Detail extends Component {
       <Block>
         {/* 生成海报 */}
         {posterVisible && (<Poster tpls={posterTpls} params={posterData} onCancel={this.togglePosterVisible} onFinish={this.togglePosterVisible}></Poster>)}
-        
+
         {
           grantPhoneVisible &&
           <AchievePhone user={userInfo.person} onSuccess={this.initPageData}></AchievePhone>
@@ -420,7 +420,7 @@ export default class Detail extends Component {
 
         {
           loaded && (
-            <View>
+            <View className="ass-page">
               <Notice></Notice>
               <View className="detail-banner">
                 <Image mode="widthFix" src={detail.img} className="detail-banner__img"></Image>
@@ -433,6 +433,10 @@ export default class Detail extends Component {
                     </View>
                   )
                 }
+                {detail.successNum>0 &&
+                  <View className="success-num">已成功 {detail.successNum}</View>
+
+                }
               </View>
               <ScrollView
                 scrollY

src/pages/activity/detail/index.scss

@@ -4,6 +4,9 @@
 //   width: 100% !important;
 //   padding: 30px 0;
 // }
+.ass-page{
+  height: 100vh;
+}
 
 .flex {
   display: flex;
@@ -19,7 +22,7 @@
 .detail-banner {
   position: relative;
   overflow: hidden;
-  height: 640px;
+  height: 624px;
   width: 100%;
 
   &__img {
@@ -43,6 +46,16 @@
       color: #FF245A;
     }
   }
+  .success-num{
+    position: absolute;
+    right:0;
+    bottom:0;
+    color: #fff;
+    background:rgba(47,6,1,0.5);
+    padding: 8px 24px 8px 46px;
+    border-radius: 100px 0 0 0;
+    font-size: 24px;
+  }
 }
 .detail-info{
   display: flex;
@@ -388,7 +401,7 @@
       font-size: 26px;
       text-align: center;
       display: block;
-      width: 100%;
+      width: 120px;
       @include text-ellipsis;
     }
     &-wait {