collect blessing modify

src/components/blessingPreheat/collectBlessing/index.js

@@ -131,7 +131,7 @@ class CollectBlessing extends Component {
   }
 
   fetchUserBlessing(key, cb) {
-    const { handleToShowShare, handleToHideShare } = this.props;
+    const { handleToShowShare } = this.props;
     let { seconds } = this.state;
     http.get(`${API.home}/sys/user/blessing`).then(res => {
       const { code, data } = res.data;
@@ -149,7 +149,6 @@ class CollectBlessing extends Component {
               () => {
                 if (seconds === 0) {
                   typeof cb === 'function' && cb();
-                  handleToHideShare();
                   clearInterval(this.shareTimer);
                 }
               }
@@ -192,7 +191,6 @@ class CollectBlessing extends Component {
       isLogin,
       handleToShowNotice,
       handleToShowList,
-      handleToShow,
       toLogin,
       toSection
     } = this.props;
@@ -249,14 +247,14 @@ class CollectBlessing extends Component {
                   {
                     (isLogin && isSign)
                     ? (
-                      <a className="collect-blessing__content" data-status="done">
+                      <button className="collect-blessing__content" data-status="done">
                         +5点<br/>福气值
-                      </a>
+                      </button>
                     )
                     : (
-                      <span onClick={toLogin} className="collect-blessing__content">
+                      <button onClick={toLogin} className="collect-blessing__content">
                         点击<br/>签到
-                      </span>
+                      </button>
                     )
                   }
                 </>
@@ -267,67 +265,64 @@ class CollectBlessing extends Component {
                   {
                     isFollow === 1
                     ? (
-                      <a className="collect-blessing__content" data-status="done" onClick={handleToShowNotice}>
+                      <button className="collect-blessing__content" data-status="done" onClick={handleToShowNotice}>
                         已加30点
-                      </a>
+                      </button>
                     )
                     : (
-                      <a className="collect-blessing__content" onClick={handleToShowNotice}>
+                      <button className="collect-blessing__content" onClick={handleToShowNotice}>
                         关注<br/>二维码
-                      </a>
+                      </button>
                     )
                   }
                 </>
-                
               }
               {
                 index === 2 &&
                 <div className="collect-blessing__content" data-layout="column">
                   <p className="collect-blessing__label">去分享</p>
                   <div className="collect-blessing__share">
-                    <a
+                    <button
                     className="collect-blessing__share-button"
                     data-type="qq"
                     onClick={this.qqToShare}
-                    ></a>
-                    <a
+                    ></button>
+                    <button
                       className="collect-blessing__share-button"
                       data-type="wechat"
                       onClick={this.wechatToShare}
-                    ></a>
-                    <a
+                    ></button>
+                    <button
                       className="collect-blessing__share-button"
                       data-type="weibo"
                       onClick={this.weiboToShare}
-                    ></a>
+                    ></button>
                   </div>
                 </div>
               }
               {
                 index === 3 &&
-                <a className="collect-blessing__content" onClick={handleToShowList}>
+                <button className="collect-blessing__content" onClick={handleToShowList}>
                   浏览课程<br/>详情页
-                </a>
+                </button>
               }
               {
                 index === 4 &&
-                <a className="collect-blessing__content" onClick={this.handleToInvite}>
+                <button className="collect-blessing__content" onClick={this.handleToInvite}>
                   <span>邀请链接</span>
                   {
                     inviteBlessing > 0 && <i>已加{inviteBlessing}点</i>
                   }
-                </a>
+                </button>
               }
               {
                 index === 5 &&
-                <a
-                className="collect-blessing__content"
-                onClick={toSection}>
+                <button className="collect-blessing__content" onClick={toSection}>
                   <span>去选课</span>
                   {
                     buyBlessing > 0 && <i>已加{buyBlessing}点</i>
                   }
-                </a>
+                </button>
               }
             </div>
           ))

src/components/blessingPreheat/collectBlessing/index.scss

@@ -47,6 +47,7 @@
   justify-content: center;
   width: 64px;
   height: 100%;
+  border-style: none;
   border-radius: 5px;
   font-size: 12px;
   color: #fff;
@@ -81,6 +82,8 @@
   display: block;
   width: 20px;
   height: 11px;
+  border-style: none;
+  background-color: transparent;
   background-size: auto 100%;
   background-repeat: no-repeat;
   background-position: center;

src/components/blessingPreheat/index.js

@@ -16,7 +16,6 @@ import LevelTest from './levelTest/index'
 import RankList from './rankList/index'
 import './index.scss'
 import { Popup } from '@/common'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
 import { Toast } from "antd-mobile"
 import Live from './live'
 import Banner from './banner'
@@ -82,7 +81,8 @@ class BlessingPreheat extends Component {
       ],
       index: 0,
       userHasError: props.user.hasError,
-      isApp: false
+      isApp: false,
+      isClose: false,
     }
   }
 
@@ -298,6 +298,16 @@ class BlessingPreheat extends Component {
     if (isLogin && !isLoginnew) {
       this.toLogin()
     } else {
+      if(key === 'shareMark') {
+        this.setState({
+          isClose: false
+        });
+        setTimeout(() => {
+          this.setState({
+            isClose: true
+          });
+        }, 5000);
+      }
       let obj = {}
       obj[key] = true
       this.setState({
@@ -308,7 +318,7 @@ class BlessingPreheat extends Component {
 
   handleToShowNotice = () => {
     http.get(`${API['base-api']}/sys/activity/create_blessing_qrcode`).then(res => {
-      const {errno, data} = res.data
+      const {errno, data, msg} = res.data;
       if (errno === 200) {
         QRCode.toDataURL(data.url, {
           width: 120,
@@ -326,6 +336,8 @@ class BlessingPreheat extends Component {
           })
       } else if (errno === 4030 || errno === 4040) {
         this.toLogin()
+      }else {
+        Toast.info(msg, 2, null, false);
       }
     })
   }
@@ -407,7 +419,8 @@ class BlessingPreheat extends Component {
       showRecordList,
       shareMark,
       index,
-      isApp
+      isApp,
+      isClose
     } = this.state
     const {history} = this.props
     const isLogin = !this.props.user.hasError
@@ -432,10 +445,8 @@ class BlessingPreheat extends Component {
           toSection={(e) => this.toSection(this.fetchMoudleId('best-courses'), e)}
           handleToShowList={() => this.handleToShow('isCourse')}
           handleToShowNotice={this.handleToShowNotice}
-          handleToShow={this.handleToShow}
           toLogin={this.toLogin}
           handleToShowShare={() => this.handleToShow('shareMark')}
-          handleToHideShare={() => this.handleToHide('shareMark')}
         />
 
         {/* 幸运大抽奖--预热 */}
@@ -478,7 +489,7 @@ class BlessingPreheat extends Component {
         }
         {
           shareMark &&
-          <SharePopup toClose={() => this.handleToHide('shareMark')}/>
+          <SharePopup isClose={isClose} toClose={() => this.handleToHide('shareMark')}/>
         }
         {/*
 

src/components/blessingPreheat/sharePopup/index.js

@@ -5,7 +5,11 @@ import './index.scss'
 export default class SharePopup extends Component {
   render() {
     return (
-      <div className="share__container" onClick={this.props.toClose}>
+      <div className="share__container" onClick={() => {
+        if(this.props.isClose) {
+          this.props.toClose();
+        }
+      }}>
         {
           browser.isWeixin && 
           <div className="share__row">