白名单点击跳转

project/public/index.html

@@ -25,7 +25,7 @@
         requestType: "mock"
       }
     }
-
+    
     var CFG = CFG || {};
     CFG.projectId = location.pathname.split('/')[2] || '1';
     function getUrlParam(name) {
@@ -36,6 +36,7 @@
       return search.length ? matched && matched[2] : null;
     }
 
+
     CFG.appID = '${APPID}';
     if (!getUrlParam("appID")) {
       // alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")

project/src/api/apicfg.js

@@ -10,6 +10,7 @@ const apiCfg = {
     withToken:true,
   },
   pageList:`/customActivity/icbcefamily/pageList`,
+  whitePerson:`/projectx/${projectId}/e-family/whitePerson.do`
 }
 
 export default apiCfg;

project/src/app.less

@@ -8,6 +8,12 @@ body {
   font-size: 24px;
   width: 100%;
   height: 100%;
+  -webkit-touch-callout:none;
+			  -webkit-user-select:none;
+			  -khtml-user-select:none;
+			  -moz-user-select:none;
+			  -ms-user-select:none;
+			  user-select:none;
 }
 
 #root{

project/src/pages/main3/main3.jsx

@@ -36,7 +36,8 @@ class Main3 extends Component {
       joyBeans: "0",
       figureId:-1,
       needguide: false,
-      rolepop:false
+      rolepop:false,
+      whitePersonFlag:false
     };
   }
 
@@ -55,7 +56,9 @@ class Main3 extends Component {
       return;
     }
     if(type==='ganji' ){
-      getActivityInfo('HD0460200216484')
+      // getActivityInfo('HD0460200216484')
+      // 更换链接
+      getActivityInfo('HD046012GoVX3K3Crj')
       return;
     }
     const urlmap = {
@@ -100,6 +103,7 @@ class Main3 extends Component {
     this.freshHomeInfo();
     this.initEvent();
 
+
     getSVGA('//yun.duiba.com.cn/spark/assets/37b62d421a7d224b291960c898bdc9fd1824f561.svga','.main3_role')
     getSVGA('//yun.duiba.com.cn/spark/assets/8928d4a90feb4614b76753de25ad3694f85c11d6.svga','.main3_btn_jingcai2')
     getSVGA('//yun.duiba.com.cn/spark/assets/327e6a094060ad20d67bfccc16ffe42f20adc1d1.svga','.main3_cursor ')
@@ -112,6 +116,8 @@ class Main3 extends Component {
         }
       });
     }
+
+    
   }
 
   initEvent() {
@@ -126,6 +132,9 @@ class Main3 extends Component {
     let homeinfo = dataCenter.getData(Store.homeinfo);
     if(!homeinfo)return;
     console.log('freshHomeInfo',homeinfo.userInfo);
+    this.setState({
+      whitePersonFlag:homeinfo.whiteUser
+    })
     if(homeinfo.userInfo)
       this.setState({
         nickName:homeinfo.userInfo.nickName,
@@ -194,8 +203,28 @@ class Main3 extends Component {
     console.log(`assets load complete`)
   }
 
+
+  // 白名单用户点击
+  whitePerson = async () => {
+    let {whitePersonFlag} = this.state
+    let u = navigator.userAgent
+    let android = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
+    let iPhone = u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1;
+    let weixin = u.toLowerCase().indexOf('micromessenger') > -1;
+      if(whitePersonFlag){
+        // 白名单，可点击
+        if(weixin){
+          // 微信环境
+          window.location.href = 'https://elife.icbc.com.cn/ELIFENEWBASEH5/dist/#/TransferMinPro?actId=HD046012HXxWUvDEV5'
+        } else {
+          // app环境
+          window.location.href = 'weixin://dl/business/?t=wXDaa7bcNWm';
+        }
+      }
+  }
+
   render() {
-    const {rolepop, figureId, nickName, joyBeans, needguide } = this.state;
+    const {rolepop, figureId, nickName, joyBeans, needguide, whitePersonFlag } = this.state;
     return (
       <div className="main3" uuid="8754a9d1-7453-474b-b722-7cb71483ae85" ref="main3" >
         <img
@@ -311,11 +340,24 @@ class Main3 extends Component {
          
         />
         <div  className="main3_role " onClick={this.onclick_main3_role} />
-        {rolepop&&<img
-          className="main3_rolepop "
-          uuid="c27fef65-4506-42f8-85df-207999e11de1"
-          src="//yun.duiba.com.cn/spark/assets/77234d6cb9376e89e6aea4d13009b3f859f36197.png"
-        />}
+        {
+          whitePersonFlag
+          ?
+          <img
+            className="main3_rolepop "
+            uuid="c27fef65-4506-42f8-85df-207999e11de1"
+            onClick={()=>this.whitePerson()}
+            // src="//yun.duiba.com.cn/spark/assets/77234d6cb9376e89e6aea4d13009b3f859f36197.png"
+            src="//yun.duiba.com.cn/spark/assets/ba78770db08f0ad4d7bb73ee59526e7751589946.png"
+          />
+          :
+          (rolepop && 
+          <img
+            className="main3_rolepop "
+            uuid="c27fef65-4506-42f8-85df-207999e11de1"
+            src="//yun.duiba.com.cn/spark/assets/77234d6cb9376e89e6aea4d13009b3f859f36197.png"
+          />)
+        }
 
         {needguide ? <CanvasWidget className="diacontmidpos canvasLayer" widgetFactory={Guideact} widgetConfig={widgetConfig}
           onEvent={this.onEvent.bind(this)}

project/src/pages/main3/main3.less

@@ -178,6 +178,7 @@
     top: 1337px;
     position: absolute;
     overflow: hidden;
+    -webkit-tap-highlight-color:transparent;
   }
   .main3_rolepop {
     width: 402px;