Commit 03308905 authored by 汪欢's avatar 汪欢

0930

parents
Pipeline #302232 failed with stages
in 0 seconds
import MD from 'spark-utils/out/md/index.js';
let appId = CFG.appID || '78607';
const dcm = '202.' + CFG.projectId + '.0.0';
const domain = '//embedlog.duiba.com.cn';
let MDList = [
{
ele: `.test-md1`,
data: {
dpm: `${appId}.110.1.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md2`,
data: {
dpm: `${appId}.110.2.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md3`,
data: {
dpm: `${appId}.110.3.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md4`,
data: {
dpm: `${appId}.110.4.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md5`,
data: {
dpm: `${appId}.110.5.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md6`,
data: {
dpm: `${appId}.110.6.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md7`,
data: {
dpm: `${appId}.110.7.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md8`,
data: {
dpm: `${appId}.110.8.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md9`,
data: {
dpm: `${appId}.110.9.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md10`,
data: {
dpm: `${appId}.110.10.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md11`,
data: {
dpm: `${appId}.110.11.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md12`,
data: {
dpm: `${appId}.110.12.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md13`,
data: {
dpm: `${appId}.110.13.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md14`,
data: {
dpm: `${appId}.110.14.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md15`,
data: {
dpm: `${appId}.110.15.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md16`,
data: {
dpm: `${appId}.110.16.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md17`,
data: {
dpm: `${appId}.110.17.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md18`,
data: {
dpm: `${appId}.110.18.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md19`,
data: {
dpm: `${appId}.110.19.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md20`,
data: {
dpm: `${appId}.110.20.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md21`,
data: {
dpm: `${appId}.110.21.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md22`,
data: {
dpm: `${appId}.110.22.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md23`,
data: {
dpm: `${appId}.110.23.1`,
dcm,
domain,
appId
},
once: false
},
];
export default () =>
MD({
show: MDList, // 曝光
click: MDList // 点击
});
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><meta name="theme-color" content="#000000"/><title>国庆攒人品,集卡赢好礼</title><script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script><script>!(function (e, i) {
var t = e.documentElement,
n = navigator.userAgent.match(/iphone|ipod|ipad/gi),
a = n ? Math.min(i.devicePixelRatio, 3) : 1,
m =
"orientationchange" in window
? "orientationchange"
: "resize";
t.dataset.dpr = a;
for (
var d, l, c = !1, o = e.getElementsByTagName("meta"), r = 0;
r < o.length;
r++
)
(l = o[r]), "viewport" == l.name && ((c = !0), (d = l));
if (c)
d.content =
"width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no";
else {
var o = e.createElement("meta");
(o.name = "viewport"),
(o.content =
"width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"),
t.firstElementChild.appendChild(o);
}
var s = function () {
var e = t.clientWidth;
e / a > 750 && (e = 750 * a),
(window.remScale = e / 750),
(t.style.fontSize = 200 * (e / 750) + "px");
};
s(), e.addEventListener && i.addEventListener(m, s, !1);
})(document, window);</script><script>let shareurl = window.location.href ;
// window.globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
window.globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
initWx(shareurl);
//初始化微信分享
function invokeWX(url,title,desc) {
console.log(url,title,desc,'params');
let share = {
title: title,
desc: desc,
url: url,
imgUrl:
"https://yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png",
};
wx.onMenuShareTimeline({
title: share.title,
desc: share.desc,
link: share.url,
imgUrl: share.imgUrl,
success: function () {},
cancel: function () {},
});
wx.onMenuShareAppMessage({
title: share.title,
desc: share.desc,
link: share.url,
imgUrl: share.imgUrl,
success: function () {},
cancel: function () {},
});
}
function initWx(url) {
$.ajax({
type: "get",
url: "/wechatShare/getShareInfo/v2",
data: {
wxdebug: false,
url: encodeURIComponent(url),
},
cache: false,
dataType: "json",
success: function (res) {
if (!res.success) {
return;
}
wx.config({
debug: false,
appId: res.wxappid,
timestamp: res.wxtimestamp,
nonceStr: res.wxnonceStr,
signature: res.wxsignature,
jsApiList: [
"checkJsApi",
"onMenuShareTimeline",
"onMenuShareAppMessage",
],
});
wx.error(function (res) {
console.error("wx error", res);
});
// wx.ready(function () {
// invokeWX('https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect=https%3a%2f%2factivity.m.duiba.com.cn%2fprojectx%2fp30d778bd%2findex.html%3fappID%3d78607',
// '我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!','集齐卡片即可直接获得话费大奖,快跟我一起吧'
// );
// });
wx.ready(function () {
invokeWX('https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect=https%3a%2f%2factivity.m.duiba.com.cn%2fprojectx%2fp7c1b802d%2findex.html%3fappID%3d78607',
'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!','集齐卡片即可直接获得话费大奖,快跟我一起吧'
);
});
},
error: function (err) {},
});
}</script><script>// var shareAssistConfig = {
// sharepicture:'//yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png',
// shareTitle:'集齐卡片即可直接获得话费大奖,快跟我一起吧',
// shareSubTitle:'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!',
// }
// varSendShareConfig = {
// sharepicture:'//yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png',
// shareTitle:'我送你一张卡片,邀你一起集卡赢好礼!',
// shareSubTitle:'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!',
// }
// varRequestShareConfig = {
// sharepicture:'//yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png',
// shareTitle:'我正在集卡赢好礼,向你索要一张卡片!',
// shareSubTitle:'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!',
// }
function getApp() {
return {
cloud: {},
cloudName: "clientTemplate2C",
requestType: "mock",
};
}
var CFG = CFG || {};
CFG.projectId = location.pathname.split("/")[2] || "1";
function getUrlParam(name) {
const search = window.location.search;
const matched = search
.slice(1)
.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"));
return search.length ? matched && matched[2] : null;
}
CFG.appID = getUrlParam("appID") || 1;</script><link href="//yun.duiba.com.cn/spark/v2/sparkproject-1600410659367/styles/main.5fe37c3303442efac839.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600410659367/js/runtime-main.4c90535b.js"></script><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600410659367/js/vendors.c665a21b.js"></script><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600410659367/js/main.0310da41.js"></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){function r(r){for(var n,a,l=r[0],p=r[1],i=r[2],f=0,s=[];f<l.length;f++)a=l[f],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in p)Object.prototype.hasOwnProperty.call(p,n)&&(e[n]=p[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var p=t[l];0!==o[p]&&(n=!1)}n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={1:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,function(r){return e[r]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="//yun.duiba.com.cn/spark/v2/sparkproject-1600410659367";var l=window.webpackJsonp=window.webpackJsonp||[],p=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var c=p;t()}([]);
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 0.12rem;
width: 100%;
height: 100%;
}
.popcontainer {
position: fixed;
width: 3.75rem;
height: 8.12rem;
top: 50%;
left: 50%;
margin-left: -1.875rem;
margin-top: -4.06rem;
background: rgba(0, 0, 0, 0.7);
}
.popcontainer_empty {
position: fixed;
width: 3.75rem;
height: 8.12rem;
top: 50%;
left: 50%;
margin-left: -1.875rem;
margin-top: -4.06rem;
}
.dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang {
width: 2.825rem;
height: 2.665rem;
opacity: 1;
left: 0.465rem;
top: 3.18rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma_bei_jingm {
width: 2.825rem;
height: 2.665rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma32 {
width: 1.605rem;
height: 1.49rem;
opacity: 1;
left: 0.595rem;
top: 0.58rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma32 .ju_xing2 {
width: 1.605rem;
height: 1.49rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma32 .er_wei_ma33 {
width: 0.68rem;
height: 0.22rem;
opacity: 1;
left: 0.465rem;
top: 0.635rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.24rem;
color: #d41e1f;
}
.dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma_wen_an {
width: 2.42rem;
height: 2.065rem;
opacity: 1;
left: 0.13rem;
top: 0.285rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_huo_dong_gui_ze {
width: 2.825rem;
height: 2.665rem;
opacity: 1;
left: 0.465rem;
top: 3.18rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_huo_dong_gui_ze .huo_dong_gui_ze_biao_ti {
width: 2.825rem;
height: 2.665rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_huo_dong_gui_ze .iconhint {
width: 0.16rem;
height: 0.16rem;
left: 1.32rem;
top: 2.22rem;
position: absolute;
}
.dan_chuang_huo_dong_gui_ze .div {
width: 2.5rem;
height: 1.5rem;
opacity: 1;
display: block;
left: 0.1625rem;
top: 0.6rem;
position: absolute;
overflow-y: auto;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_huo_dong_gui_ze .x4 {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 50%;
margin-left: -0.1525rem;
top: 2.925rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian1add {
opacity: 1;
width: 3.75rem;
height: 7.24rem;
left: 50%;
top: 0.9rem;
margin-left: -1.875rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian1add .canvas {
width: 3.75rem;
height: 7.24rem;
top: 0;
opacity: 1;
z-index: 3;
pointer-events: none;
position: absolute;
}
.dan_chuang_gong_xi_ni_qia_pian1add .gong_xi_nim_bei_jing {
width: 2.835rem;
height: 3.235rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian1add .qia_pian1m1 {
width: 2.24rem;
height: 0.975rem;
opacity: 1;
left: 0.3rem;
top: 1.14rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian1add .fan_kai_qia_pian {
width: 0.96rem;
height: 0.125rem;
opacity: 1;
left: 0.94rem;
top: 2.225rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian1add .an_nium_fan_kai_qia_pian {
width: 1.92rem;
height: 0.405rem;
opacity: 1;
left: 50%;
margin-left: -0.96rem;
top: 4.9rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
z-index: 2;
}
.dan_chuang_gong_xi_ni_qia_pian1add .biao_ti51 {
width: 1.51rem;
height: 0.225rem;
opacity: 1;
left: 0.66rem;
top: 0.7rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian2add {
width: 2.835rem;
height: 3.235rem;
opacity: 1;
left: 0.46rem;
top: 2.905rem;
position: absolute;
z-index: 2;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian2add .canvas {
width: 3.75rem;
height: 8.12rem;
top: 0;
opacity: 1;
z-index: 3;
pointer-events: none;
position: absolute;
}
.dan_chuang_gong_xi_ni_qia_pian2add .bang_hao_you_zhu_li_cheng_gong_bei_jing_kuang {
width: 2.835rem;
height: 3.015rem;
opacity: 1;
top: 0.22rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian2add .qia_pian2_bu_bian_chou {
width: 2.24rem;
height: 0.975rem;
opacity: 1;
left: 0.3rem;
top: 1.14rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian2add .qia_pian2_bu_bian_chou .ao_ye_bu_bian_chou21 {
width: 1.25rem;
height: 1.25rem;
position: absolute;
left: 50%;
margin-left: -0.625rem;
}
.dan_chuang_gong_xi_ni_qia_pian2add .gong_xi_ni {
width: 1.845rem;
height: 1rem;
opacity: 1;
left: 0.495rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian2add .biao_ti20 {
width: 1.815rem;
height: 0.375rem;
opacity: 1;
left: 0.51rem;
top: 0.72rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian2add .biao_ti20 .bang_hao_you_zhu_li_cheng_gong {
width: 1.815rem;
height: 0.225rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_ni_qia_pian2add .biao_ti20 .song_nin_yi_zhang_qia_pian {
width: 1rem;
height: 0.115rem;
opacity: 1;
left: 0.545rem;
top: 0.26rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.12rem;
color: #5c3434;
}
.dan_chuang_gong_xi_ni_qia_pian2add .fan_kai_qia_pian_an_niu {
width: 1.92rem;
height: 0.405rem;
opacity: 1;
left: 0.455rem;
top: 2.655rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
z-index: 2;
}
.dan_chuang_gong_xi_ni_qia_pian2add .ti_shi_yu {
width: 0.96rem;
height: 0.125rem;
opacity: 1;
left: 0.94rem;
top: 2.4rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang5_yuan_hua_fei_quan1add {
width: 2.83rem;
height: 3.235rem;
opacity: 1;
left: 0.465rem;
top: 1.835rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang5_yuan_hua_fei_quan1add .share {
width: 3.75rem;
height: 9rem;
opacity: 1;
z-index: 3;
left: -0.465rem;
top: -2.835rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang5_yuan_hua_fei_quan1add .gong_xi_nim123 {
width: 2.83rem;
height: 3.235rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang5_yuan_hua_fei_quan1add .an_niu1m {
width: 1.92rem;
height: 0.405rem;
opacity: 1;
left: 0.45rem;
top: 2.655rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang5_yuan_hua_fei_quan1add .biao_ti30 {
width: 2.005rem;
height: 0.23rem;
opacity: 1;
left: 0.405rem;
top: 0.77rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang5_yuan_hua_fei_quan1add .biao_ti30 .tuo_yuan1_kao_bei5 {
width: 2.005rem;
height: 0.23rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang5_yuan_hua_fei_quan1add .biao_ti30 .huo_de5_yuan_hua_fei_quan_yi_zhang31 {
width: 1.56rem;
height: 0.175rem;
opacity: 1;
left: 0.23rem;
top: 0.015rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-weight: 600;
text-align: center;
font-size: 0.175rem;
color: #d41e1f;
}
.dan_chuang5_yuan_hua_fei_quan1add .hua_fei_quan29 {
width: 1.09rem;
height: 1.075rem;
opacity: 1;
left: 0.855rem;
top: 1.325rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang5_yuan_hua_fei_quan1add .x3 {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 50%;
margin-left: -0.1525rem;
top: 3.5rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zai_chou_yi_ciadd {
width: 2.83rem;
height: 2.27rem;
opacity: 1;
left: 0.465rem;
top: 3.355rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zai_chou_yi_ciadd .share {
width: 3.75rem;
height: 9rem;
opacity: 1;
z-index: 3;
left: -0.465rem;
top: -3.355rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zai_chou_yi_ciadd .bei_jing_kuangm1 {
width: 2.83rem;
height: 2.27rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zai_chou_yi_ciadd .qia_pian_hou_mian_shi_me_du_mei_you_ni25 {
width: 1.8rem;
height: 0.12rem;
opacity: 1;
left: 50%;
margin-left: -0.9rem;
top: 0.89rem;
position: absolute;
text-align: center;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #5c3434;
}
.dan_chuang_hen_yi_han_zai_chou_yi_ciadd .biao_ti1 {
width: 1.155rem;
height: 0.22rem;
opacity: 1;
left: 0.815rem;
top: 0.555rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zai_chou_yi_ciadd .an_niu1 {
width: 1.92rem;
height: 0.41rem;
opacity: 1;
left: 0.45rem;
top: 1.33rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zai_chou_yi_ciadd .x4 {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 50%;
margin-left: -0.1525rem;
top: 2.5rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_bao_qianadd {
width: 2.83rem;
height: 2.27rem;
opacity: 1;
left: 0.465rem;
top: 3.355rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_bao_qianadd .share {
width: 3.75rem;
height: 9rem;
opacity: 1;
z-index: 3;
left: -0.465rem;
top: -3.355rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_bao_qianadd .wu_ci_shu_yao_qing_bei_jing_kuang {
width: 2.83rem;
height: 2.27rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_bao_qianadd .wu_ci_shu_yao_qing_hao_you_biao_ti {
width: 1.155rem;
height: 0.22rem;
opacity: 1;
left: 0.815rem;
top: 0.555rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_bao_qianadd .wu_ci_shu_yao_qing_hao_you_an_niu {
width: 1.92rem;
height: 0.405rem;
opacity: 1;
left: 0.45rem;
top: 1.335rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_bao_qianadd .knowbtn {
width: 1.92rem;
height: 0.41rem;
opacity: 1;
left: 0.45rem;
top: 1.33rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_bao_qianadd .nin_jin_ri_de_chou_qia_ji_hui_yi_yong_wan23 {
width: 1.6rem;
height: 0.125rem;
opacity: 1;
left: 50%;
margin-left: -0.8rem;
top: 0.89rem;
position: absolute;
text-align: center;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #5c3434;
}
.dan_chuang_hen_bao_qianadd .nin_jin_ri_de_chou_qia_ji_hui_yi_yong_wan {
width: 1.7rem;
height: 0.125rem;
opacity: 1;
left: 50%;
margin-left: -0.85rem;
top: 0.89rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #5c3434;
}
.dan_chuang_hen_bao_qianadd .qing_ming_ri_zai_lai_ba {
width: 0.9rem;
height: 0.12rem;
opacity: 1;
left: 50%;
margin-left: -0.45rem;
top: 1.065rem;
text-align: center;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #5c3434;
}
.dan_chuang_hen_bao_qianadd .x3 {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 50%;
margin-left: -0.1525rem;
top: 2.5rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.receivenow {
width: 2.4rem;
height: 5.23rem;
opacity: 1;
left: 0.67rem;
top: 0.915rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.receivenow .ji_qia_ying_hao_li {
width: 2.01rem;
height: 0.375rem;
opacity: 1;
left: 0.195rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.4rem;
color: #ffdc81;
}
.receivenow .zu1111 {
width: 2.4rem;
height: 3.255rem;
opacity: 1;
top: 0.89rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.receivenow .qia_pian1111 {
width: 2.115rem;
height: 2.965rem;
opacity: 1;
left: 0.135rem;
top: 1.015rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.receivenow .hao_youxx_song_nin_yi_zhang_qia_pian {
width: 2.6rem;
height: 0.135rem;
opacity: 1;
left: 0;
top: 0.63rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
text-align: center;
font-size: 0.14rem;
color: white;
}
.receivenow .ji_qi_qia_pian_dui_huanxx_hao_li {
width: 1.12rem;
height: 0.115rem;
opacity: 1;
left: 0.645rem;
top: 0.875rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.12rem;
color: #5c3434;
}
.receivenow .dian_ji_chou_qia1111 {
width: 2.28rem;
height: 0.515rem;
opacity: 1;
left: 0.075rem;
top: 4.31rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.receivenow .x {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 1.055rem;
top: 4.925rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.confirmsend {
width: 2.4rem;
height: 5.23rem;
opacity: 1;
left: 0.67rem;
top: 0.415rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.confirmsend .ji_qia_ying_hao_li1 {
width: 2.01rem;
height: 0.375rem;
opacity: 1;
left: 0.195rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.4rem;
color: #ffdc81;
}
.confirmsend .zu11122 {
width: 2.4rem;
height: 3.255rem;
opacity: 1;
top: 0.89rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.confirmsend .qia_pian22222 {
width: 2.115rem;
height: 2.965rem;
opacity: 1;
left: 0.135rem;
top: 1.015rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.confirmsend .hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pian1 {
width: 2.6rem;
height: 0.135rem;
opacity: 1;
left: 0;
top: 0.63rem;
text-align: center;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.14rem;
color: white;
}
.confirmsend .ji_qi_qia_pian_dui_huanxx_hao_li12 {
width: 1.12rem;
height: 0.115rem;
opacity: 1;
left: 0.645rem;
top: 0.875rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.12rem;
color: #5c3434;
}
.confirmsend .dian_ji_chou_qia222 {
width: 2.28rem;
height: 0.515rem;
opacity: 1;
left: 0.075rem;
top: 4.31rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.confirmsend .x123 {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 1.055rem;
top: 4.925rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.bagforfriend {
width: 2.4rem;
height: 5.23rem;
opacity: 1;
left: 0.67rem;
top: 0.54rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.bagforfriend .share {
width: 3.75rem;
height: 9rem;
opacity: 1;
z-index: 3;
left: -0.67rem;
top: -0.5rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.bagforfriend .ji_qia_ying_hao_li123 {
width: 2.01rem;
height: 0.375rem;
opacity: 1;
left: 0.195rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.4rem;
color: #ffdc81;
}
.bagforfriend .zu33333 {
width: 2.4rem;
height: 3.255rem;
opacity: 1;
top: 0.89rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.bagforfriend .qia_pian33333 {
width: 2.115rem;
height: 2.965rem;
opacity: 1;
left: 0.135rem;
top: 1.015rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.bagforfriend .nin_de_hao_youxx_song_nin_yi_zhang_qia_pian {
width: 1.555rem;
height: 0.135rem;
opacity: 1;
left: 0.425rem;
top: 0.695rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.14rem;
color: #b41415;
}
.bagforfriend .ji_qi_qia_pian_dui_huanxx_hao_li123 {
width: 1.12rem;
height: 0.115rem;
opacity: 1;
left: 0.645rem;
top: 0.875rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.12rem;
color: #5c3434;
}
.bagforfriend .dian_ji_chou_qia3333 {
width: 2.28rem;
height: 0.515rem;
opacity: 1;
left: 0.075rem;
top: 4.31rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.bagforfriend .x3 {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 1.055rem;
top: 4.925rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.sendtofriend {
width: 2.4rem;
height: 5.23rem;
opacity: 1;
left: 0.67rem;
top: 0.54rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.sendtofriend .share {
width: 3.75rem;
height: 9rem;
opacity: 1;
z-index: 3;
left: -0.67rem;
top: -0.5rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.sendtofriend .ji_qia_ying_hao_liq {
width: 2.01rem;
height: 0.375rem;
opacity: 1;
left: 0.195rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.4rem;
color: #ffdc81;
}
.sendtofriend .zu44444 {
width: 2.4rem;
height: 3.255rem;
opacity: 1;
top: 0.89rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.sendtofriend .qia_pian4444 {
width: 2.115rem;
height: 2.965rem;
opacity: 1;
left: 0.135rem;
top: 1.015rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.sendtofriend .nin_de_hao_youxx_song_nin_yi_zhang_qia_pian15 {
width: 1.555rem;
height: 0.135rem;
opacity: 1;
left: 0.425rem;
top: 0.695rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.14rem;
color: #b41415;
}
.sendtofriend .ji_qi_qia_pian_dui_huanxx_hao_li12345 {
width: 1.12rem;
height: 0.115rem;
opacity: 1;
left: 0.645rem;
top: 0.875rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.12rem;
color: #5c3434;
}
.sendtofriend .dian_ji_chou_qia4444 {
width: 2.28rem;
height: 0.515rem;
opacity: 1;
left: 0.075rem;
top: 4.31rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.sendtofriend .x4 {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 1.055rem;
top: 4.925rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong {
width: 2.75rem;
height: 3.705rem;
opacity: 1;
left: 50%;
top: 50%;
margin-left: -1.375rem;
margin-top: -1.85rem;
position: absolute;
}
.dan_chuang_he_cheng_qia_cheng_gong .yu {
width: 3.75rem;
height: 5.74rem;
top: 0.5rem;
opacity: 1;
position: absolute;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng {
width: 2.75rem;
height: 3.705rem;
opacity: 1;
left: 0;
top: 0;
position: absolute;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .share {
width: 3.75rem;
height: 9rem;
opacity: 1;
z-index: 3;
left: -0.505rem;
top: -1.8525rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .bei_jing_kuangm {
width: 2.75rem;
height: 3.455rem;
opacity: 1;
top: 0.25rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .bei_jing_kuangm .tu_ceng1_kao_bei {
width: 2.75rem;
height: 2.935rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .bei_jing_kuangm .tu_ceng27 {
width: 2.74rem;
height: 3.28rem;
opacity: 1;
left: 0.005rem;
top: 0.175rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .bei_jing_kuangm .tuo_yuan6_kao_bei4 {
width: 0.12rem;
height: 0.12rem;
opacity: 1;
left: 2.555rem;
top: 2.715rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .bei_jing_kuangm .tuo_yuan6_kao_bei5 {
width: 0.12rem;
height: 0.12rem;
opacity: 1;
left: 0.075rem;
top: 2.715rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .fen_xiang_hao_yun_an_niu {
width: 1.92rem;
height: 0.405rem;
opacity: 1;
left: 0.41rem;
top: 2.655rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .gong_xi_ni2 {
width: 1.845rem;
height: 1rem;
opacity: 1;
left: 0.45rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .biao_ti2 {
width: 1.39rem;
height: 0.22rem;
opacity: 1;
left: 0.675rem;
top: 0.775rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .jiang_pin_da_hong_bao {
width: 1.805rem;
height: 1.27rem;
opacity: 1;
left: 0.47rem;
top: 1.26rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .huo_de50_yuan_hua_fei_jiang_li {
width: 1.8rem;
height: 0.15rem;
opacity: 1;
left: 0.44rem;
top: 1.08rem;
text-align: center;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.12rem;
color: #5c3434;
}
.dan_chuang_he_cheng_qia_cheng_gong .dan_chuang_he_cheng_qia_cheng .x4 {
width: 0.305rem;
height: 0.305rem;
opacity: 1;
left: 50%;
margin-left: -0.1525rem;
top: 3.425rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_nin_zhu_li_cheng_gong {
width: 2.83rem;
height: 2.27rem;
opacity: 1;
left: 0.465rem;
top: 3.355rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_nin_zhu_li_cheng_gong .bei_jing_kuang {
width: 2.83rem;
height: 2.27rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_nin_zhu_li_cheng_gong .qu_chou_qia_an_niu {
width: 1.92rem;
height: 0.41rem;
opacity: 1;
left: 0.45rem;
top: 1.33rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_gong_xi_nin_zhu_li_cheng_gong .hao_you_wei_ni_zhu_li_cheng_gong_huo_de_yi_ci_mian_fei_chou_qia_ji_hui {
width: 1.5rem;
height: 0.325rem;
opacity: 1;
left: 0.65rem;
top: 0.89rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
text-align: center;
color: #5c3434;
}
.dan_chuang_gong_xi_nin_zhu_li_cheng_gong .zhu_li_cheng_gong_biao_ti {
width: 1.155rem;
height: 0.22rem;
opacity: 1;
left: 0.815rem;
top: 0.555rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zhu_li_shi_bai {
width: 2.83rem;
height: 2.27rem;
opacity: 1;
left: 0.465rem;
top: 3.355rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zhu_li_shi_bai .zhu_li_shi_bai_bei_jing {
width: 2.83rem;
height: 2.27rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zhu_li_shi_bai .zhi_dao_liao_an_niu {
width: 1.92rem;
height: 0.41rem;
opacity: 1;
left: 0.45rem;
top: 1.33rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.dan_chuang_hen_yi_han_zhu_li_shi_bai .zhu_li_shi_bai_biao_ti {
width: 2.08rem;
height: 0.655rem;
opacity: 1;
left: 0.365rem;
top: 0.555rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.toast {
width: 100vw;
height: 100vh;
}
.toast .toastmsg {
position: absolute;
color: #fff;
padding: 0.125rem;
border-radius: 0.05rem;
background-color: rgba(0, 0, 0, 0.7);
margin: 0 auto;
top: 50%;
left: 50%;
width: 50vw;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.waitting {
width: 100vw;
height: 100vh;
}
.waitting .waittingbg {
position: relative;
width: 200vw;
height: 200vh;
border-radius: 0.05rem;
background-color: rgba(0, 0, 0, 0.7);
margin: 0 auto;
}
.waitting img {
width: 0.75rem;
height: 1rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.he_cheng_qia_ye_mian {
width: 3.75rem;
height: 9rem;
opacity: 1;
position: absolute;
overflow-x: hidden;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .canvas {
width: 3.75rem;
height: 100%;
opacity: 1;
z-index: 3;
pointer-events: none;
position: fixed;
}
.he_cheng_qia_ye_mian .guide {
width: 3.75rem;
height: 9rem;
left: 0;
top: 0;
z-index: 2;
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
}
.he_cheng_qia_ye_mian .share {
width: 3.75rem;
height: 9rem;
opacity: 1;
z-index: 3;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .zhu_ye_bei_jing {
width: 3.75rem;
height: 9rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .zu_jian {
width: 3.75rem;
height: 0.415rem;
opacity: 1;
top: 0.215rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .zu_jian .huo_dong_gui_ze {
width: 0.715rem;
height: 0.22rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .zu_jian .wo_de_jiang_pin {
width: 0.715rem;
height: 0.22rem;
opacity: 1;
left: 3.05rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .zu_jian .yao_qing_ji_lu {
width: 0.715rem;
height: 0.22rem;
opacity: 1;
left: 3.05rem;
top: 0.3rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 {
width: 3.57rem;
height: 3.235rem;
opacity: 1;
left: 0.085rem;
top: 2.09rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian_bei_jing {
width: 3.57rem;
height: 3.235rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian1 {
width: 0.975rem;
height: 1.365rem;
opacity: 1;
left: 0.165rem;
top: 0.15rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian1 .chi_rou_bu_chang_pang {
width: 0.975rem;
height: 1.365rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian1 .zu2_kao_bei2 {
width: 0.185rem;
height: 0.18rem;
opacity: 1;
left: 0.85rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian1 .zu2_kao_bei2 .tuo_yuan1_kao_bei616 {
width: 0.185rem;
height: 0.18rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian1 .zu2_kao_bei2 .tu_ceng3 {
width: 0.15rem;
height: 0.15rem;
opacity: 1;
left: 50%;
top: 50%;
display: block;
margin-top: -0.075rem;
margin-left: -0.075rem;
position: absolute;
text-align: center;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian1 .yuan_jiao_ju_xing3_kao_bei5 {
width: 0.99rem;
height: 1.375rem;
opacity: 0.4;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian2 {
width: 1.015rem;
height: 1.39rem;
opacity: 1;
left: 1.3rem;
top: 0.125rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian2 .ao_ye_bu_bian_chou19 {
width: 0.98rem;
height: 1.365rem;
opacity: 1;
top: 0.025rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian2 .yuan_jiao_ju_xing3_kao_bei5 {
width: 0.99rem;
height: 1.39rem;
opacity: 0.4;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian2 .tu_ceng2_chang {
width: 0.18rem;
height: 0.18rem;
opacity: 1;
left: 0.835rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian2 .tu_ceng2_chang .tuo_yuan1_kao_bei618 {
width: 0.18rem;
height: 0.18rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian2 .tu_ceng2_chang .tu_ceng217 {
width: 0.15rem;
height: 0.15rem;
opacity: 1;
left: 50%;
top: 50%;
margin-top: -0.075rem;
margin-left: -0.075rem;
position: absolute;
text-align: center;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian3 {
width: 1.035rem;
height: 1.39rem;
opacity: 1;
left: 2.435rem;
top: 0.125rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian3 .jia_xin_bu_jia_ban {
width: 0.98rem;
height: 1.365rem;
opacity: 1;
top: 0.025rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian3 .yuan_jiao_ju_xing3_kao_bei5 {
width: 0.99rem;
height: 1.39rem;
opacity: 0.4;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian3 .zu2_kao_bei2 {
width: 0.185rem;
height: 0.18rem;
opacity: 1;
left: 0.85rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian3 .zu2_kao_bei2 .tuo_yuan1_kao_bei616 {
width: 0.185rem;
height: 0.18rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian3 .zu2_kao_bei2 .tu_ceng3 {
width: 0.15rem;
height: 0.15rem;
opacity: 1;
left: 50%;
top: 50%;
display: block;
margin-top: -0.075rem;
margin-left: -0.075rem;
position: absolute;
text-align: center;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian4 {
width: 0.99rem;
height: 1.375rem;
opacity: 1;
left: 0.625rem;
top: 1.655rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian4 .tuo_dan_bu_tuo_fa {
width: 0.98rem;
height: 1.365rem;
opacity: 1;
left: 0.005rem;
top: 0.005rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian4 .yuan_jiao_ju_xing3_kao_bei5 {
width: 0.99rem;
height: 1.375rem;
opacity: 0.4;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian4 .zu2_kao_bei2 {
width: 0.185rem;
height: 0.18rem;
opacity: 1;
left: 0.85rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian4 .zu2_kao_bei2 .tuo_yuan1_kao_bei616 {
width: 0.185rem;
height: 0.18rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian4 .zu2_kao_bei2 .tu_ceng3 {
width: 0.15rem;
height: 0.15rem;
opacity: 1;
left: 50%;
top: 50%;
display: block;
margin-top: -0.075rem;
margin-left: -0.075rem;
position: absolute;
text-align: center;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 {
width: 0.985rem;
height: 1.365rem;
opacity: 1;
left: 1.98rem;
top: 1.655rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .bao_fu_bu_bao_dou {
width: 0.98rem;
height: 1.365rem;
opacity: 1;
left: 0;
top: 0;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .zu2_kao_bei2 {
width: 0.185rem;
height: 0.18rem;
opacity: 1;
left: 0.85rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .zu2_kao_bei2 .tuo_yuan1_kao_bei616 {
width: 0.185rem;
height: 0.18rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .zu2_kao_bei2 .tu_ceng3 {
width: 0.15rem;
height: 0.15rem;
opacity: 1;
left: 50%;
top: 50%;
display: block;
margin-top: -0.075rem;
margin-left: -0.075rem;
position: absolute;
text-align: center;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .yuan_jiao_ju_xing3_kao_bei5 {
width: 0.99rem;
height: 1.375rem;
opacity: 0.4;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .yuan_jiao_ju_xing3_kao_bei6 {
width: 0.985rem;
height: 1.375rem;
opacity: 0.4;
left: 0;
top: 0;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .tu_ceng2_zhang {
width: 0.18rem;
height: 0.18rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .tu_ceng2_zhang .tuo_yuan1_kao_bei615 {
width: 0.18rem;
height: 0.18rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .qia_pian13 .qia_pian5 .tu_ceng2_zhang .tu_ceng214 {
width: 0.05rem;
height: 0.075rem;
opacity: 1;
left: 0.065rem;
top: 0.055rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.085rem;
color: #ffffff;
}
.he_cheng_qia_ye_mian .an_niu {
width: 2.48rem;
height: 1.105rem;
opacity: 1;
left: 0.635rem;
top: 5.43rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .an_niu .he_cheng_qia_pian {
width: 2.48rem;
height: 0.515rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .an_niu .dian_ji_chou_qia {
width: 2.48rem;
height: 0.515rem;
opacity: 1;
display: block;
left: 0;
top: 0;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .an_niu .clickgetprize {
width: 2.48rem;
height: 0.0005rem;
opacity: 1;
position: absolute;
top: 0.09rem;
left: 0.7rem;
font-size: 0.18rem;
pointer-events: none;
font-weight: 700;
word-spacing: normal;
color: #d72b22;
}
.he_cheng_qia_ye_mian .an_niu .clickgetprize .cishu {
font-size: 0.2rem;
left: 0.85rem;
top: 0.02rem;
position: absolute;
color: #d72b22;
vertical-align: middle;
font-weight: 700;
pointer-events: none;
}
.he_cheng_qia_ye_mian .an_niu .yao_qing_hao_you_zeng_jia_chou_jiang_ji_hui {
width: 2.48rem;
height: 0.515rem;
opacity: 1;
top: 0.59rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .an_niu .tishi {
width: 1.055rem;
height: 0.18rem;
opacity: 1;
display: block;
left: 1.8rem;
top: 0.5rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 {
width: 3.57rem;
height: 2.265rem;
opacity: 1;
left: 0.085rem;
top: 6.56rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .ji_qi_qia_pian_ying_hao_li12 {
width: 3.57rem;
height: 2.265rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .container::-webkit-scrollbar {
display: none;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .container {
left: 0.25rem;
top: 0.4rem;
width: 3.15rem;
height: 1.18rem;
position: absolute;
overflow-x: auto;
overflow-y: hidden;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .container .ji_qi_bi_de {
width: 0.29rem;
height: 0.29rem;
opacity: 1;
top: 0.05rem;
left: 0.7rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .container .item {
top: 0.05rem;
width: 0.925rem;
height: 1.2rem;
position: absolute;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .container .item .qia_pian11 {
width: 0.925rem;
height: 1rem;
opacity: 1;
top: 0;
left: 0;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .container .item .priname {
width: 0.925rem;
height: 0.2rem;
position: absolute;
top: 0.98rem;
font-size: 0.1rem;
color: #d72b22;
font-weight: 550;
text-align: center;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .container .item .qia_pian_kao_bei {
width: 0.93rem;
height: 1.08rem;
opacity: 1;
top: 0;
left: 1.085rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .container .item .qia_pian_kao_bei2 {
width: 0.925rem;
height: 1.08rem;
opacity: 1;
top: 0;
left: 2.155rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .tu_ceng1_ji_qi5_zhang_bu_tong_qia_pian_bi_dexx_da_jiang {
width: 2.6rem;
height: 0.115rem;
opacity: 1;
left: 0.25rem;
top: 1.71rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #161616;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .tu_ceng2_huo_de_qia_pian_hou_fan_pai_gai_lu_de_yi_shang_jiang_pin_zhi_yi {
width: 3.4rem;
height: 0.115rem;
opacity: 1;
left: 0.245rem;
top: 1.87rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #161616;
}
.he_cheng_qia_ye_mian .ji_qi_qia_pian_ying_hao_li10 .tu_ceng2_huo_de_qia {
width: 3.2rem;
height: 0.115rem;
opacity: 1;
left: 0.35rem;
top: 2.02rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #161616;
}
.yao_qing_ji_lu_ye_mian1 {
width: 3.75rem;
height: 9rem;
opacity: 1;
position: absolute;
overflow-x: hidden;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .bei_jingm {
width: 3.75rem;
height: 9rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .title {
width: 0.595rem;
height: 0.185rem;
opacity: 1;
top: 0.5rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .title .da {
width: 0.595rem;
height: 0.185rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .title .back {
pointer-events: none;
position: absolute;
text-align: center;
width: 0.595rem;
height: 0.185rem;
color: white;
}
.yao_qing_ji_lu_ye_mian1 .da_biao_ti {
width: 3.225rem;
height: 0.195rem;
opacity: 1;
left: 0.255rem;
top: 1.35rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .container {
width: 3.75rem;
height: 5.5rem;
position: absolute;
top: 1.6rem;
}
.yao_qing_ji_lu_ye_mian1 .container .textname {
font-size: 0.2rem;
width: 3.75rem;
position: absolute;
height: 0.25rem;
left: 50%;
top: 50%;
text-align: center;
color: '##d72b22';
margin-top: -0.1rem;
margin-left: -1.875rem;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi4 {
width: 3.49rem;
height: 0.25rem;
opacity: 1;
left: 0.125rem;
top: 0;
vertical-align: middle;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi4 .ju_xing1617_kao_bei {
width: 3.49rem;
height: 0.25rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
background-color: #ffab1a;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi4 .tu_ceng20200829_kao_bei {
width: 1rem;
height: 0.2rem;
opacity: 1;
left: 0.12rem;
top: 0.05rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi4 .cheng_gong_yao_qing_la_la_la010 {
width: 1.3rem;
height: 0.2rem;
opacity: 1;
left: 1.215rem;
top: 50%;
margin-top: -0.1rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi4 .bao_fu_bu_bao_dou_qia_kao_bei {
width: 1rem;
height: 0.2rem;
opacity: 1;
left: 2.59rem;
top: 50%;
margin-top: -0.1rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi2 {
width: 3.075rem;
height: 0.12rem;
opacity: 1;
left: 0.245rem;
top: 1.94rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi2 .tu_ceng202008299 {
width: 0.64rem;
height: 0.09rem;
opacity: 1;
top: 0.015rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #563732;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi2 .cheng_gong_yao_qing_la_la_la8 {
width: 0.855rem;
height: 0.12rem;
opacity: 1;
left: 1.095rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #563732;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi2 .wei_huo_de_qia_pian {
width: 0.605rem;
height: 0.12rem;
opacity: 1;
left: 2.47rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #563732;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi3 {
width: 3.2rem;
height: 0.12rem;
opacity: 1;
left: 0.245rem;
top: 2.415rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi3 .tu_ceng202008297 {
width: 0.64rem;
height: 0.09rem;
opacity: 1;
top: 0.015rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #563732;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi3 .cheng_gong_yao_qing_la_la_la6 {
width: 0.855rem;
height: 0.12rem;
opacity: 1;
left: 1.095rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #563732;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi3 .bao_fu_bu_bao_dou_qia5 {
width: 0.73rem;
height: 0.12rem;
opacity: 1;
left: 2.47rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #563732;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi1 {
width: 3.49rem;
height: 0.25rem;
opacity: 1;
left: 0.125rem;
top: 1.635rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi1 .ju_xing1617 {
width: 3.49rem;
height: 0.25rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
background-color: #ffab1a;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi1 .tu_ceng202008294 {
width: 0.64rem;
height: 0.09rem;
opacity: 1;
left: 0.12rem;
top: 0.08rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi1 .cheng_gong_yao_qing_la_la_la3 {
width: 0.855rem;
height: 0.12rem;
opacity: 1;
left: 1.215rem;
top: 0.065rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.yao_qing_ji_lu_ye_mian1 .ming_xi1 .bao_fu_bu_bao_dou_qia2 {
width: 0.73rem;
height: 0.12rem;
opacity: 1;
left: 2.59rem;
top: 0.065rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.125rem;
color: #ffffff;
}
.yao_qing1 {
width: 3.75rem;
height: 9rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .yao_qing_ye_mian {
width: 3.73rem;
height: 9rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .zhu_li_an_niu {
width: 2.48rem;
height: 0.515rem;
opacity: 1;
left: 0.62rem;
top: 6.825rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 {
width: 3.75rem;
height: 6.67rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu {
width: 3.75rem;
height: 6.67rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
display: block;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian {
width: 2.6rem;
height: 3.995rem;
opacity: 1;
left: 0.57rem;
top: 1.72rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
display: none;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .kuangs {
width: 2.6rem;
height: 3.345rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .an_niud {
width: 2.28rem;
height: 0.515rem;
opacity: 1;
left: 0.175rem;
top: 3.48rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .nin_de_hao_youxx_song_nin_yi_zhang_qia_piany {
width: 1.55rem;
height: 0.135rem;
opacity: 1;
left: 0.53rem;
top: 0.1rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.14rem;
color: #b41415;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .ji_qi_qia_pian_dui_huanxx_hao_lit {
width: 1.12rem;
height: 0.115rem;
opacity: 1;
left: 0.745rem;
top: 0.275rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.12rem;
color: #5c3434;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .bei_jing_kuanga {
width: 2.6rem;
height: 3.345rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .suo_yao_qia_pian {
width: 2.06rem;
height: 2.875rem;
opacity: 1;
left: 0.275rem;
top: 0.35rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian {
width: 2.6rem;
height: 3.995rem;
opacity: 1;
left: 0.57rem;
top: 1.72rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian .bei_jing_kuanga {
width: 2.6rem;
height: 3.345rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian .suo_yao_qia_pian {
width: 2.06rem;
height: 2.875rem;
opacity: 1;
left: 0.275rem;
top: 0.35rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian .nin_de_hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pianwq {
width: 1.83rem;
height: 0.135rem;
opacity: 1;
left: 0.385rem;
top: 0.135rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.14rem;
color: #b41415;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian .zeng_song_an_niu {
width: 2.28rem;
height: 0.515rem;
opacity: 1;
left: 0.175rem;
top: 3.48rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
export const join = {
"success": true,
"data": {
message: "参与成功"
}
};
import { Random } from "mockjs";
export const rule = {
success: true,
data: `活动规则: ${Random.cparagraph(20, 40)}`,
};
export const homeInfo = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: {
assistTimesPop: null,
cards: [
{
count: 0,
id: "sp_1",
},
{
count: 1,
id: "sp_2",
},
{
count: 1,
id: "sp_3",
},
{
count: 1,
id: "sp_4",
},
{
count: 2,
id: "sp_5",
},
],
remainingGameTimes: 98,
isSubscribe: true,
},
},
message: null,
success: true,
};
export const join = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: {
icon: null,
name: "熬夜不变丑",
prizeId: "sp_2",
url: null,
userRecordId: 14609,
},
},
message: null,
success: true,
};
export const share = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: {
shareCode: "89uv5e",
sharePic: "cccc",
shareTitle: "aaaa",
sceneId: 136,
shareSubTitle: "bbbbb",
},
},
message: null,
success: true,
};
export const queryData = {
data: [
{
icon: "//yun.dui88.com/projectxh5/coupon-250-250.png",
id: "o19344ac8",
index: 1,
name: "优惠券奖品",
prizeId: "sss_6",
prizeType: 2,
refId: "35335",
refType: "coupon",
},
{
degree: "50",
icon: "//yun.dui88.com/projectxh5/phonebill-250-250.png",
id: "od18bd4c6",
index: 2,
name: "50元话费",
prizeId: "sss_4",
prizeType: 2,
refId: "1",
refType: "phonebill",
},
{
degree: "10",
icon: "//yun.dui88.com/projectxh5/phonebill-250-250.png",
id: "ofc8c55a2",
index: 3,
name: "10元话费",
prizeId: "sss_3",
prizeType: 2,
refId: "1",
refType: "phonebill",
},
{
icon:
"//yun.duiba.com.cn/db-m/app/turntable/circle/images/prize/谢谢参与_6311f27.png",
id: "thanks",
index: 4,
name: "谢谢参与",
prizeId: "thanks",
prizeType: 0,
},
],
success: true,
};
export const prizeOneCard = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: {
remainingGameTimes: 89,
prizeInfo: {
icon: "//yun.dui88.com/projectxh5/phonebill-250-250.png",
name: "20元话费",
prizeId: "sss_2",
url: "/aaw/projectx/takePrize?projectOrderNo=14612",
userRecordId: 14612,
},
},
},
message: null,
success: true,
};
export const assist2 = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: null,
},
message: null,
success: true,
};
export const assist = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: {
prizeInfo: {
icon: '//yun.duiba.com.cn/spark/assets/q1.720d3ce89baa54ed740ef4277d598f68a2fb1a87.jpg',
name: "脱单不脱发",
prizeId: "sp_4",
url: null,
userRecordId: 14615,
},
},
},
message: null,
success: true,
};
export const giveCard = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: {
shareCode: "89uv5edey0d0",
sharePic: "ffff",
shareTitle: "dddd",
shareSubTitle: "eeee",
},
},
message: null,
success: true,
};
export const coop_getGiveCardInfo = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: {
inviterNickname: "",
icon: null,
name: "熬夜不变丑",
prizeId: "sp_1",
},
},
message: null,
success: true,
};
export const acceptCard = {
code: null,
data: {
errorCode: null,
errorMessage: null,
interrupt: false,
raw: true,
},
message: null,
success: true,
};
export const sendPrize = {
code: null,
data: {
errorCode: 0,
errorMessage: null,
interrupt: false,
raw: {
icon: "//yun.dui88.com/projectxh5/phonebill-250-250.png",
name: "20元话费",
prizeId: "sss_3",
url: "/aaw/projectx/takePrize?projectOrderNo=14616",
userRecordId: 14616,
},
},
message: null,
success: true,
};
import Mock from 'mockjs';
import proxy from './proxy';
Object.keys(proxy).map(method => {
Object.keys(proxy[method]).map(URI => {
let data = proxy[method][URI];
Mock.mock(new RegExp(URI), method, opt => {
console.log(`%c[mock] 链接:${opt.url} 类型:${method} 参数:${method === 'post' && JSON.stringify(opt.body) || ''}`, "color: rgb(63, 172, 203)", data);
return data
});
})
})
\ No newline at end of file
import * as common from './common';
import * as collect_0722 from './collect_0722';
let projectId = window.CFG.projectId || '';
export default {
get: {
[`/projectx/${projectId}/projectRule.query`]: common.rule,
[`/projectx/${projectId}/clcard/index.do`]:common.homeInfo,
[`/projectx/${projectId}/clcard/join.do`]:common.join,
[`/projectx/${projectId}/clcard/share.do`]:common.share,
[`/projectx/${projectId}/clcard/prizeOneCard.do`]:common.prizeOneCard,
[`/projectx/${projectId}/clcard/assist.do`]:common.assist,
[`/projectx/${projectId}/clcard/giveCard.do`]:common.giveCard,
[`/projectx/${projectId}/clcard/coop_getGiveCardInfo.do`]:common.coop_getGiveCardInfo,
[`/projectx/${projectId}/clcard/acceptCard.do`]:common.acceptCard,
[`/projectx/${projectId}/clcard/sendPrize.do`]:common.sendPrize,
[`/projectx/${projectId}/ru_show.query`]:common.queryData
},
post: {
[`/projectx/${projectId}/join.do`]: collect_0722.join
}
};
\ No newline at end of file
{
"name": "sparkproject-1600410659367",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"@babel/runtime": {
"version": "7.11.2",
"resolved": "http://npm.dui88.com:80/@babel%2fruntime/-/runtime-7.11.2.tgz",
"integrity": "sha1-9UnBPHVMxAuHZEufqfCaapX+BzY=",
"requires": {
"regenerator-runtime": "^0.13.4"
}
},
"@mrkwon/svga-player": {
"version": "1.0.6",
"resolved": "http://npm.dui88.com:80/@mrkwon%2fsvga-player/-/svga-player-1.0.6.tgz",
"integrity": "sha1-nO1/AUIeQD8zXq1c/Z6JGUa1qVg="
},
"@types/json-schema": {
"version": "7.0.6",
"resolved": "http://npm.dui88.com:80/@types%2fjson-schema/-/json-schema-7.0.6.tgz",
"integrity": "sha1-9MfsQ+gbMZqYFRFQMXCfJph4kfA="
},
"ajv": {
"version": "6.12.5",
"resolved": "http://npm.dui88.com:80/ajv/-/ajv-6.12.5.tgz",
"integrity": "sha1-GbDouuj0duW6ZmMAOHd1+xoApNo=",
"requires": {
"fast-deep-equal": "^3.1.1",
"fast-json-stable-stringify": "^2.0.0",
"json-schema-traverse": "^0.4.1",
"uri-js": "^4.2.2"
}
},
"ajv-errors": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/ajv-errors/-/ajv-errors-1.0.1.tgz",
"integrity": "sha1-81mGrOuRr63sQQL72FAUlQzvpk0="
},
"ajv-keywords": {
"version": "3.5.2",
"resolved": "http://npm.dui88.com:80/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
"integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0="
},
"ansi-styles": {
"version": "3.2.1",
"resolved": "http://npm.dui88.com:80/ansi-styles/-/ansi-styles-3.2.1.tgz",
"integrity": "sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=",
"requires": {
"color-convert": "^1.9.0"
}
},
"argparse": {
"version": "1.0.10",
"resolved": "http://npm.dui88.com:80/argparse/-/argparse-1.0.10.tgz",
"integrity": "sha1-vNZ5HqWuCXJeF+WtmIE0zUCz2RE=",
"requires": {
"sprintf-js": "~1.0.2"
}
},
"axios": {
"version": "0.19.2",
"resolved": "http://npm.dui88.com:80/axios/-/axios-0.19.2.tgz",
"integrity": "sha1-PqNsXYgY0NX4qKl6bTa4bNwAyyc=",
"requires": {
"follow-redirects": "1.5.10"
}
},
"big.js": {
"version": "5.2.2",
"resolved": "http://npm.dui88.com:80/big.js/-/big.js-5.2.2.tgz",
"integrity": "sha1-ZfCvOC9Xi83HQr2cKB6cstd2gyg="
},
"caller-callsite": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/caller-callsite/-/caller-callsite-2.0.0.tgz",
"integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=",
"requires": {
"callsites": "^2.0.0"
}
},
"caller-path": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/caller-path/-/caller-path-2.0.0.tgz",
"integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=",
"requires": {
"caller-callsite": "^2.0.0"
}
},
"callsites": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/callsites/-/callsites-2.0.0.tgz",
"integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA="
},
"camelcase": {
"version": "5.3.1",
"resolved": "http://npm.dui88.com:80/camelcase/-/camelcase-5.3.1.tgz",
"integrity": "sha1-48mzFWnhBoEd8kL3FXJaH0xJQyA="
},
"chalk": {
"version": "2.4.2",
"resolved": "http://npm.dui88.com:80/chalk/-/chalk-2.4.2.tgz",
"integrity": "sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=",
"requires": {
"ansi-styles": "^3.2.1",
"escape-string-regexp": "^1.0.5",
"supports-color": "^5.3.0"
},
"dependencies": {
"supports-color": {
"version": "5.5.0",
"resolved": "http://npm.dui88.com:80/supports-color/-/supports-color-5.5.0.tgz",
"integrity": "sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=",
"requires": {
"has-flag": "^3.0.0"
}
}
}
},
"color-convert": {
"version": "1.9.3",
"resolved": "http://npm.dui88.com:80/color-convert/-/color-convert-1.9.3.tgz",
"integrity": "sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=",
"requires": {
"color-name": "1.1.3"
}
},
"color-name": {
"version": "1.1.3",
"resolved": "http://npm.dui88.com:80/color-name/-/color-name-1.1.3.tgz",
"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
},
"commander": {
"version": "6.1.0",
"resolved": "http://npm.dui88.com:80/commander/-/commander-6.1.0.tgz",
"integrity": "sha1-+Ncit4EDFBAGtm9Me6HpcxW6dbw=",
"dev": true
},
"cosmiconfig": {
"version": "5.2.1",
"resolved": "http://npm.dui88.com:80/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
"integrity": "sha1-BA9yaAnFked6F8CjYmykW08Wixo=",
"requires": {
"import-fresh": "^2.0.0",
"is-directory": "^0.3.1",
"js-yaml": "^3.13.1",
"parse-json": "^4.0.0"
}
},
"css-loader": {
"version": "3.6.0",
"resolved": "http://npm.dui88.com:80/css-loader/-/css-loader-3.6.0.tgz",
"integrity": "sha1-Lkssfm4tJ/jI8o9hv/zS5ske9kU=",
"requires": {
"camelcase": "^5.3.1",
"cssesc": "^3.0.0",
"icss-utils": "^4.1.1",
"loader-utils": "^1.2.3",
"normalize-path": "^3.0.0",
"postcss": "^7.0.32",
"postcss-modules-extract-imports": "^2.0.0",
"postcss-modules-local-by-default": "^3.0.2",
"postcss-modules-scope": "^2.2.0",
"postcss-modules-values": "^3.0.0",
"postcss-value-parser": "^4.1.0",
"schema-utils": "^2.7.0",
"semver": "^6.3.0"
}
},
"cssesc": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/cssesc/-/cssesc-3.0.0.tgz",
"integrity": "sha1-N3QZGZA7hoVl4cCep0dEXNGJg+4="
},
"debug": {
"version": "3.1.0",
"resolved": "http://npm.dui88.com:80/debug/-/debug-3.1.0.tgz",
"integrity": "sha1-W7WgZyYotkFJVmuhaBnmFRjGcmE=",
"requires": {
"ms": "2.0.0"
}
},
"duiba-utils": {
"version": "git+ssh://git@gitlab2.dui88.com/spark/duiba-utils.git#ccf326725d5e2dbaeaa9061c9387d943028edca7",
"from": "git+ssh://git@gitlab2.dui88.com/spark/duiba-utils.git"
},
"emojis-list": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/emojis-list/-/emojis-list-3.0.0.tgz",
"integrity": "sha1-VXBmIEatKeLpFucariYKvf9Pang="
},
"error-ex": {
"version": "1.3.2",
"resolved": "http://npm.dui88.com:80/error-ex/-/error-ex-1.3.2.tgz",
"integrity": "sha1-tKxAZIEH/c3PriQvQovqihTU8b8=",
"requires": {
"is-arrayish": "^0.2.1"
}
},
"escape-string-regexp": {
"version": "1.0.5",
"resolved": "http://npm.dui88.com:80/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
},
"esprima": {
"version": "4.0.1",
"resolved": "http://npm.dui88.com:80/esprima/-/esprima-4.0.1.tgz",
"integrity": "sha1-E7BM2z5sXRnfkatph6hpVhmwqnE="
},
"fast-deep-equal": {
"version": "3.1.3",
"resolved": "http://npm.dui88.com:80/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
"integrity": "sha1-On1WtVnWy8PrUSMlJE5hmmXGxSU="
},
"fast-json-stable-stringify": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
"integrity": "sha1-h0v2nG9ATCtdmcSBNBOZ/VWJJjM="
},
"follow-redirects": {
"version": "1.5.10",
"resolved": "http://npm.dui88.com:80/follow-redirects/-/follow-redirects-1.5.10.tgz",
"integrity": "sha1-e3qfmuov3/NnhqlP9kPtB/T/Xio=",
"requires": {
"debug": "=3.1.0"
}
},
"fyge": {
"version": "1.3.8",
"resolved": "http://npm.dui88.com:80/fyge/-/fyge-1.3.8.tgz",
"integrity": "sha512-2rMN0fqvc1qMjqstIm9jqSqZcNrbSh7yJ9GekqUICNewAjI8Whdt/ILHb3kVBDidpEbOuOhyiO2EZf37r67v+A==",
"requires": {
"duiba-utils": "^1.0.0"
}
},
"fyge-tbmini": {
"version": "1.4.3",
"resolved": "http://npm.dui88.com:80/fyge-tbmini/-/fyge-tbmini-1.4.3.tgz",
"integrity": "sha1-wXOz8odyU1GhqwZMX/IpfIK1YKI="
},
"has-flag": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/has-flag/-/has-flag-3.0.0.tgz",
"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
},
"hoist-non-react-statics": {
"version": "3.3.2",
"resolved": "http://npm.dui88.com:80/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha1-7OCsr3HWLClpwuxZ/v9CpLGoW0U=",
"requires": {
"react-is": "^16.7.0"
}
},
"icss-utils": {
"version": "4.1.1",
"resolved": "http://npm.dui88.com:80/icss-utils/-/icss-utils-4.1.1.tgz",
"integrity": "sha1-IRcLU3ie4nRHwvR91oMIFAP5pGc=",
"requires": {
"postcss": "^7.0.14"
}
},
"import-cwd": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/import-cwd/-/import-cwd-2.1.0.tgz",
"integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=",
"requires": {
"import-from": "^2.1.0"
}
},
"import-fresh": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/import-fresh/-/import-fresh-2.0.0.tgz",
"integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
"requires": {
"caller-path": "^2.0.0",
"resolve-from": "^3.0.0"
}
},
"import-from": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/import-from/-/import-from-2.1.0.tgz",
"integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=",
"requires": {
"resolve-from": "^3.0.0"
}
},
"indexes-of": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/indexes-of/-/indexes-of-1.0.1.tgz",
"integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc="
},
"intersection-observer": {
"version": "0.11.0",
"resolved": "http://npm.dui88.com:80/intersection-observer/-/intersection-observer-0.11.0.tgz",
"integrity": "sha1-9OoGcHAyb2g5PuFhzAospMAEDG8="
},
"invariant": {
"version": "2.2.4",
"resolved": "http://npm.dui88.com:80/invariant/-/invariant-2.2.4.tgz",
"integrity": "sha1-YQ88ksk1nOHbYW5TgAjSP/NRWOY=",
"requires": {
"loose-envify": "^1.0.0"
}
},
"is-arrayish": {
"version": "0.2.1",
"resolved": "http://npm.dui88.com:80/is-arrayish/-/is-arrayish-0.2.1.tgz",
"integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
},
"is-directory": {
"version": "0.3.1",
"resolved": "http://npm.dui88.com:80/is-directory/-/is-directory-0.3.1.tgz",
"integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE="
},
"js-tokens": {
"version": "4.0.0",
"resolved": "http://npm.dui88.com:80/js-tokens/-/js-tokens-4.0.0.tgz",
"integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk="
},
"js-yaml": {
"version": "3.14.0",
"resolved": "http://npm.dui88.com:80/js-yaml/-/js-yaml-3.14.0.tgz",
"integrity": "sha1-p6NBcPJqIbsWJCTYray0ETpp5II=",
"requires": {
"argparse": "^1.0.7",
"esprima": "^4.0.0"
}
},
"json-parse-better-errors": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
"integrity": "sha1-u4Z8+zRQ5pEHwTHRxRS6s9yLyqk="
},
"json-schema-traverse": {
"version": "0.4.1",
"resolved": "http://npm.dui88.com:80/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
"integrity": "sha1-afaofZUTq4u4/mO9sJecRI5oRmA="
},
"json5": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/json5/-/json5-1.0.1.tgz",
"integrity": "sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=",
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.0",
"resolved": "http://npm.dui88.com:80/loader-utils/-/loader-utils-1.4.0.tgz",
"integrity": "sha1-xXm140yzSxp07cbB+za/o3HVphM=",
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
},
"loose-envify": {
"version": "1.4.0",
"resolved": "http://npm.dui88.com:80/loose-envify/-/loose-envify-1.4.0.tgz",
"integrity": "sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=",
"requires": {
"js-tokens": "^3.0.0 || ^4.0.0"
}
},
"minimist": {
"version": "1.2.5",
"resolved": "http://npm.dui88.com:80/minimist/-/minimist-1.2.5.tgz",
"integrity": "sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI="
},
"mockjs": {
"version": "1.1.0",
"resolved": "http://npm.dui88.com:80/mockjs/-/mockjs-1.1.0.tgz",
"integrity": "sha1-5qDDeOkZBtuv8gkRzAJzs8fXWwY=",
"dev": true,
"requires": {
"commander": "*"
}
},
"ms": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/ms/-/ms-2.0.0.tgz",
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
},
"normalize-path": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha1-Dc1p/yOhybEf0JeDFmRKA4ghamU="
},
"object-assign": {
"version": "4.1.1",
"resolved": "http://npm.dui88.com:80/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
},
"parse-json": {
"version": "4.0.0",
"resolved": "http://npm.dui88.com:80/parse-json/-/parse-json-4.0.0.tgz",
"integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
"requires": {
"error-ex": "^1.3.1",
"json-parse-better-errors": "^1.0.1"
}
},
"postcss": {
"version": "7.0.34",
"resolved": "http://npm.dui88.com:80/postcss/-/postcss-7.0.34.tgz",
"integrity": "sha1-8rr1fDYBDffeQAmUDyFTLBbWXCA=",
"requires": {
"chalk": "^2.4.2",
"source-map": "^0.6.1",
"supports-color": "^6.1.0"
}
},
"postcss-load-config": {
"version": "2.1.2",
"resolved": "http://npm.dui88.com:80/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
"integrity": "sha1-xepQTyxK7zPHNZo03jVzdyrXUCo=",
"requires": {
"cosmiconfig": "^5.0.0",
"import-cwd": "^2.0.0"
}
},
"postcss-loader": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/postcss-loader/-/postcss-loader-3.0.0.tgz",
"integrity": "sha1-a5eUPkfHLYRfqeA/Jzdz1OjdbC0=",
"requires": {
"loader-utils": "^1.1.0",
"postcss": "^7.0.0",
"postcss-load-config": "^2.0.0",
"schema-utils": "^1.0.0"
},
"dependencies": {
"schema-utils": {
"version": "1.0.0",
"resolved": "http://npm.dui88.com:80/schema-utils/-/schema-utils-1.0.0.tgz",
"integrity": "sha1-C3mpMgTXtgDUsoUNH2bCo0lRx3A=",
"requires": {
"ajv": "^6.1.0",
"ajv-errors": "^1.0.0",
"ajv-keywords": "^3.1.0"
}
}
}
},
"postcss-modules-extract-imports": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz",
"integrity": "sha1-gYcZoa4doyX5gyRGsBE27rSTzX4=",
"requires": {
"postcss": "^7.0.5"
}
},
"postcss-modules-local-by-default": {
"version": "3.0.3",
"resolved": "http://npm.dui88.com:80/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz",
"integrity": "sha1-uxTgzHgnnVBNvcv9fgyiiZP/u7A=",
"requires": {
"icss-utils": "^4.1.1",
"postcss": "^7.0.32",
"postcss-selector-parser": "^6.0.2",
"postcss-value-parser": "^4.1.0"
}
},
"postcss-modules-scope": {
"version": "2.2.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
"integrity": "sha1-OFyuATzHdD9afXYC0Qc6iequYu4=",
"requires": {
"postcss": "^7.0.6",
"postcss-selector-parser": "^6.0.0"
}
},
"postcss-modules-values": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz",
"integrity": "sha1-W1AA1uuuKbQlUwG0o6VFdEI+fxA=",
"requires": {
"icss-utils": "^4.0.0",
"postcss": "^7.0.6"
}
},
"postcss-selector-parser": {
"version": "6.0.4",
"resolved": "http://npm.dui88.com:80/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz",
"integrity": "sha1-VgdaE4CgRgTDiwY+p3Z6Epr1wrM=",
"requires": {
"cssesc": "^3.0.0",
"indexes-of": "^1.0.1",
"uniq": "^1.0.1",
"util-deprecate": "^1.0.2"
}
},
"postcss-value-parser": {
"version": "4.1.0",
"resolved": "http://npm.dui88.com:80/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
"integrity": "sha1-RD9qIM7WSBor2k+oUypuVdeJoss="
},
"prettier": {
"version": "2.1.2",
"resolved": "http://npm.dui88.com:80/prettier/-/prettier-2.1.2.tgz",
"integrity": "sha1-MFBwDa4uTItnxMP2Zs24r0BeHOU="
},
"prop-types": {
"version": "15.7.2",
"resolved": "http://npm.dui88.com:80/prop-types/-/prop-types-15.7.2.tgz",
"integrity": "sha1-UsQedbjIfnK52TYOAga5ncv/psU=",
"requires": {
"loose-envify": "^1.4.0",
"object-assign": "^4.1.1",
"react-is": "^16.8.1"
}
},
"punycode": {
"version": "2.1.1",
"resolved": "http://npm.dui88.com:80/punycode/-/punycode-2.1.1.tgz",
"integrity": "sha1-tYsBCsQMIsVldhbI0sLALHv0eew="
},
"qs": {
"version": "6.9.4",
"resolved": "http://npm.dui88.com:80/qs/-/qs-6.9.4.tgz",
"integrity": "sha1-kJCykNH5FyjTwi5UhDykSupatoc="
},
"react": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react/-/react-16.13.1.tgz",
"integrity": "sha1-LoGIIvGpdDEiwGPWQQ2FweOv5I4=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2"
}
},
"react-dom": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react-dom/-/react-dom-16.13.1.tgz",
"integrity": "sha1-wb03MxoEhsB47lTEdAcgmTsuDn8=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2",
"scheduler": "^0.19.1"
}
},
"react-is": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha1-eJcppNw23imZ3BVt1sHZwYzqVqQ="
},
"react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "http://npm.dui88.com:80/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
"integrity": "sha1-TxonOv38jzSIqMUWv9p4+HI1I2I="
},
"react-redux": {
"version": "5.1.2",
"resolved": "http://npm.dui88.com:80/react-redux/-/react-redux-5.1.2.tgz",
"integrity": "sha1-sZz54h1pRCJye/eY6TSpFsQID1c=",
"requires": {
"@babel/runtime": "^7.1.2",
"hoist-non-react-statics": "^3.3.0",
"invariant": "^2.2.4",
"loose-envify": "^1.1.0",
"prop-types": "^15.6.1",
"react-is": "^16.6.0",
"react-lifecycles-compat": "^3.0.0"
}
},
"redux": {
"version": "4.0.5",
"resolved": "http://npm.dui88.com:80/redux/-/redux-4.0.5.tgz",
"integrity": "sha1-TbXeWBbheJHeioDEJCMtBvBR2T8=",
"requires": {
"loose-envify": "^1.4.0",
"symbol-observable": "^1.2.0"
}
},
"redux-thunk": {
"version": "2.3.0",
"resolved": "http://npm.dui88.com:80/redux-thunk/-/redux-thunk-2.3.0.tgz",
"integrity": "sha1-UcLBmhhe1Rh6qpotCLZm0NZGdiI="
},
"regenerator-runtime": {
"version": "0.13.7",
"resolved": "http://npm.dui88.com:80/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
"integrity": "sha1-ysLazIoepnX+qrrriugziYrkb1U="
},
"resolve-from": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/resolve-from/-/resolve-from-3.0.0.tgz",
"integrity": "sha1-six699nWiBvItuZTM17rywoYh0g="
},
"scheduler": {
"version": "0.19.1",
"resolved": "http://npm.dui88.com:80/scheduler/-/scheduler-0.19.1.tgz",
"integrity": "sha1-Tz4u0sGn1laB9MhU+oxaHMtA8ZY=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1"
}
},
"schema-utils": {
"version": "2.7.1",
"resolved": "http://npm.dui88.com:80/schema-utils/-/schema-utils-2.7.1.tgz",
"integrity": "sha1-HKTzLRskxZDCA7jnpQvw6kzTlNc=",
"requires": {
"@types/json-schema": "^7.0.5",
"ajv": "^6.12.4",
"ajv-keywords": "^3.5.2"
}
},
"semver": {
"version": "6.3.0",
"resolved": "http://npm.dui88.com:80/semver/-/semver-6.3.0.tgz",
"integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0="
},
"source-map": {
"version": "0.6.1",
"resolved": "http://npm.dui88.com:80/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM="
},
"spark-utils": {
"version": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git#2ceac2b8d3eb1af200ef66b3ce25483f4a71a4eb",
"from": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git",
"requires": {
"fyge": "^1.3.8",
"intersection-observer": "^0.11.0"
}
},
"sprintf-js": {
"version": "1.0.3",
"resolved": "http://npm.dui88.com:80/sprintf-js/-/sprintf-js-1.0.3.tgz",
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
},
"style-loader": {
"version": "1.2.1",
"resolved": "http://npm.dui88.com:80/style-loader/-/style-loader-1.2.1.tgz",
"integrity": "sha1-xcu/vxFw0HbP3YbgEJxbuhFLqho=",
"requires": {
"loader-utils": "^2.0.0",
"schema-utils": "^2.6.6"
},
"dependencies": {
"json5": {
"version": "2.1.3",
"resolved": "http://npm.dui88.com:80/json5/-/json5-2.1.3.tgz",
"integrity": "sha1-ybD3+pIzv+WAf+ZvzzpWF+1ZfUM=",
"requires": {
"minimist": "^1.2.5"
}
},
"loader-utils": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/loader-utils/-/loader-utils-2.0.0.tgz",
"integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
}
}
},
"supports-color": {
"version": "6.1.0",
"resolved": "http://npm.dui88.com:80/supports-color/-/supports-color-6.1.0.tgz",
"integrity": "sha1-B2Srxpxj1ayELdSGfo0CXogN+PM=",
"requires": {
"has-flag": "^3.0.0"
}
},
"svgaplayerweb": {
"version": "2.3.1",
"resolved": "http://npm.dui88.com:80/svgaplayerweb/-/svgaplayerweb-2.3.1.tgz",
"integrity": "sha1-Au3BavFiCvn1dKU254E/wlE55Hs="
},
"symbol-observable": {
"version": "1.2.0",
"resolved": "http://npm.dui88.com:80/symbol-observable/-/symbol-observable-1.2.0.tgz",
"integrity": "sha1-wiaIrtTqs83C3+rLtWFmBWCgCAQ="
},
"uniq": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/uniq/-/uniq-1.0.1.tgz",
"integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8="
},
"uri-js": {
"version": "4.4.0",
"resolved": "http://npm.dui88.com:80/uri-js/-/uri-js-4.4.0.tgz",
"integrity": "sha1-qnFCYd55PoqCNHp7zJznTobyhgI=",
"requires": {
"punycode": "^2.1.0"
}
},
"util-deprecate": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/util-deprecate/-/util-deprecate-1.0.2.tgz",
"integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
}
}
}
{
"name": "sparkproject-1600410659367",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "spark dev --type h5 --port 1234",
"prod": "spark build --type h5 --env prod",
"tb": "spark build --type taobao"
},
"dependencies": {
"@mrkwon/svga-player": "^1.0.6",
"axios": "^0.19.2",
"css-loader": "^3.6.0",
"duiba-utils": "git+ssh://git@gitlab2.dui88.com/spark/duiba-utils.git",
"fyge-tbmini": "^1.3.1",
"postcss-loader": "^3.0.0",
"prettier": "^2.0.5",
"qs": "^6.9.4",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0",
"spark-utils": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git",
"style-loader": "^1.2.1",
"svgaplayerweb": "^2.3.1"
},
"devDependencies": {
"mockjs": "^1.1.0"
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="theme-color" content="#000000" />
<title>国庆攒人品,集卡赢好礼</title>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"
></script>
<script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"
></script>
<script src="https://yun.duiba.com.cn/db_games/debug/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
console.log("Hello world");
</script>
<script>
!(function (e, i) {
var t = e.documentElement,
n = navigator.userAgent.match(/iphone|ipod|ipad/gi),
a = n ? Math.min(i.devicePixelRatio, 3) : 1,
m =
"orientationchange" in window
? "orientationchange"
: "resize";
t.dataset.dpr = a;
for (
var d, l, c = !1, o = e.getElementsByTagName("meta"), r = 0;
r < o.length;
r++
)
(l = o[r]), "viewport" == l.name && ((c = !0), (d = l));
if (c)
d.content =
"width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no";
else {
var o = e.createElement("meta");
(o.name = "viewport"),
(o.content =
"width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"),
t.firstElementChild.appendChild(o);
}
var s = function () {
var e = t.clientWidth;
e / a > 750 && (e = 750 * a),
(window.remScale = e / 750),
(t.style.fontSize = 200 * (e / 750) + "px");
};
s(), e.addEventListener && i.addEventListener(m, s, !1);
})(document, window);
</script>
<script >
let shareurl = window.location.href ;
// window.globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
window.globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
initWx(shareurl);
//初始化微信分享
function invokeWX(url,title,desc) {
console.log(url,title,desc,'params');
let share = {
title: title,
desc: desc,
url: url,
imgUrl:
"https://yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png",
};
wx.onMenuShareTimeline({
title: share.title,
desc: share.desc,
link: share.url,
imgUrl: share.imgUrl,
success: function () {},
cancel: function () {},
});
wx.onMenuShareAppMessage({
title: share.title,
desc: share.desc,
link: share.url,
imgUrl: share.imgUrl,
success: function () {},
cancel: function () {},
});
}
function initWx(url) {
$.ajax({
type: "get",
url: "/wechatShare/getShareInfo/v2",
data: {
wxdebug: false,
url: encodeURIComponent(url),
},
cache: false,
dataType: "json",
success: function (res) {
if (!res.success) {
return;
}
wx.config({
debug: false,
appId: res.wxappid,
timestamp: res.wxtimestamp,
nonceStr: res.wxnonceStr,
signature: res.wxsignature,
jsApiList: [
"checkJsApi",
"onMenuShareTimeline",
"onMenuShareAppMessage",
],
});
wx.error(function (res) {
console.error("wx error", res);
});
wx.ready(function () {
invokeWX('https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect=https%3a%2f%2factivity.m.duiba.com.cn%2fprojectx%2fp30d778bd%2findex.html%3fappID%3d78607',
'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!','集齐卡片即可直接获得话费大奖,快跟我一起吧'
);
});
// wx.ready(function () {
// invokeWX('https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect=https%3a%2f%2factivity.m.duiba.com.cn%2fprojectx%2fp7c1b802d%2findex.html%3fappID%3d78607',
// '我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!','集齐卡片即可直接获得话费大奖,快跟我一起吧'
// );
// });
},
error: function (err) {},
});
}
</script>
<script >
// var shareAssistConfig = {
// sharepicture:'//yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png',
// shareTitle:'集齐卡片即可直接获得话费大奖,快跟我一起吧',
// shareSubTitle:'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!',
// }
// varSendShareConfig = {
// sharepicture:'//yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png',
// shareTitle:'我送你一张卡片,邀你一起集卡赢好礼!',
// shareSubTitle:'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!',
// }
// varRequestShareConfig = {
// sharepicture:'//yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png',
// shareTitle:'我正在集卡赢好礼,向你索要一张卡片!',
// shareSubTitle:'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!',
// }
function getApp() {
return {
cloud: {},
cloudName: "clientTemplate2C",
requestType: "mock",
};
}
var CFG = CFG || {};
CFG.projectId = location.pathname.split("/")[2] || "1";
function getUrlParam(name) {
const search = window.location.search;
const matched = search
.slice(1)
.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"));
return search.length ? matched && matched[2] : null;
}
CFG.appID = getUrlParam("appID") || 1;
</script>
</head>
<body>
<noscript> You need to enable JavaScript to run this app. </noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
--></body>
</html>
module.exports = {
OUTPUT_DIR: "dist",
SOURCE_DIR: "src",
TEMP_DIR: "./.temp",
ENTRY: "src/app.jsx",
TEMPLATE: "./public/index.html",
MOCK_STATUS: false
};
let projectId = window.CFG.projectId || '';
const apiCfg = {
getRule:`/projectx/${projectId}/projectRule.query`,
doJoin: {
uri: `/projectx/${projectId}/join.do`,
method: "post"
},
sendPrize:`/projectx/${projectId}/clcard/sendPrize.do`, //合成抽奖
homeInfo:`/projectx/${projectId}/clcard/index.do`, //首页信息
join:`/projectx/${projectId}/clcard/join.do`, //抽卡
prizeOneCard:`/projectx/${projectId}/clcard/prizeOneCard.do`, //翻卡抽奖
share:`/projectx/${projectId}/clcard/share.do`, //获取分享码
getInviteList:`/projectx/{peojextId}/clcard/getInviteList.do`,
assist:`/projectx/${projectId}/clcard/assist.do`, //接受助力
giveCard:`/projectx/${projectId}/clcard/giveCard.do`, //发起赠卡
coop_getGiveCardInfo:`/projectx/${projectId}/clcard/coop_getGiveCardInfo.do`, //查询赠卡的卡片信息
acceptCard:`/projectx/${projectId}/clcard/acceptCard.do`, //领取赠卡
requestCard:`/projectx/${projectId}/clcard/requestCard.do`, //发起索卡
coop_getRequestCardInfo:`/projectx/${projectId}/clcard/coop_getRequestCardInfo.do`, //查询索卡的卡片信息
confirmSendCard:`/projectx/${projectId}/clcard/grantCard.do`, //回应索卡
getInviteList:`/projectx/${projectId}/clcard/getInviteList.do`, //邀请记录
getQrcode:`/customActivity/qrcode/getQrcode`, //获取二维码
getQrCodeWithLogo:`/customActivity/qrcode/getQrCodeWithLogo`, //获取携带Logo的二维码
getSceneQrCodeTicket:`/wechat/sceneqrcode/getSceneQrCodeTicket`, //获取带参二维码ticket用于调用微信接口生成二维码
getSceneQrCodeContent:`/wechat/sceneqrcode/getSceneQrCodeContent`, //获取带参二维码里面的内容,用于自己生成二维码
getShareInfo:`/wechatShare/getShareInfo/v2`, //获取分享签名信息
queryData:`/projectx/${projectId}/ru_show.query`
}
export default apiCfg;
\ No newline at end of file
import apiCfg from './apicfg';
import request from './request';
const apiList = {
...apiCfg
}
const API = generateAPI(apiList);
export default API;
function getRequestParams(value) {
if (typeof value === 'string') {
return {
uri: value,
method: 'get'
}
} else if (typeof value === 'object') {
const { uri, method = 'post' } = value;
return {
uri,
method
}
} else {
console.error('getRequestParams: 传参有误');
}
};
function generateAPI(apiList) {
const api = {};
Object.entries(apiList).forEach(([key, value]) => {
let data = getRequestParams(value);
console.log('url data', data);
let { method, uri } =data;
// if(uri.indexOf("getRankingNew.query") == -1){
// uri = 'https://docs.dui88.com/mock/115' + uri;
// }else{
// uri = 'http://ams.dui88.com/sever/index.php?g=Web&c=mock&o=simple&projectID=130&uri=' + uri;
// }
api[key] = params => request[method](uri, method === 'post' ? params : { params });
});
return api;
}
import Qs from "qs";
import axios from "axios";
// 分享召回工具类
import { isFromShare, newUser } from 'duiba-utils';
const TIMEOUT = 10000;
let mergeData = {
user_type: newUser ? '0' : '1',
is_from_share: isFromShare ? '0' : '1',
_t: Date.now()
}
const instance = axios.create({
timeout: TIMEOUT, // 请求超时时间
});
instance.interceptors.request.use(
(config) => {
if (config.method === "get") {
config.data = true;
}
config.method === "post"
? (config.data = Qs.stringify({ ...config.data, ...mergeData }))
: (config.params = { ...config.params, ...mergeData });
config.headers["Content-Type"] = "application/x-www-form-urlencoded";
return config;
},
(error) => {
//请求错误处理
Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
// 请求成功
(res) => {
const { status } = res || -1000;
return (status >= 200 && status <= 400) ? res.data : res
}
);
export default instance;
import React, { Component } from "react";
import ReactDOM from "react-dom";
import Enum from "./util/enum";
import "./app.less";
import { MOCK_STATUS } from "../sparkrc";
import ViewCtrl from "./util/viewCtrl";
import PageIndex from "./pages/pagehe_cheng_qia_ye_mian/pagehe_cheng_qia_ye_mian.jsx";
import InviteRecordPage from "./pages/pageyao_qing_ji_lu_ye_mian1/pageyao_qing_ji_lu_ye_mian1.jsx";
import InviteFriendPage from "./pages/pageyao_qing1/pageyao_qing1.jsx";
import SendOrReceivePage from "./pages/pagezeng_song_ling_qu1/pagezeng_song_ling_qu1.jsx";
MOCK_STATUS && require("../mock/index");
import MD from "../MD";
MD();
//此处为spark-cli动态生成
class App extends Component {
constructor(props) {
super(props);
this.state = {
mainPage: <PageIndex ></PageIndex>,
};
}
componentDidMount(){
document.addEventListener('changePage',(e)=>{this.changePage(e.detail.id,e.detail.data)});
}
changePage(index,data) {
switch (index) {
case Enum.Page.InviteRecordPage:
this.setState({
mainPage: <InviteRecordPage data={data}></InviteRecordPage>,
});
break;
case Enum.Page.InviteFriendPage:
this.setState({
mainPage: <InviteFriendPage data={data}></InviteFriendPage>,
});
break;
case Enum.Page.SendOrReceivePage:
this.setState({
mainPage: <SendOrReceivePage data={data}></SendOrReceivePage>,
});
break;
default:
this.setState({
mainPage: <PageIndex data={data}></PageIndex>,
});
break;
}
}
render() {
let {mainPage} = this.state
return (
mainPage
)
}
}
ReactDOM.render(<App />, document.getElementById("root"));
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 24px;
width: 100%;
height: 100%;
}
.popcontainer {
position: fixed;
width: 750px;
height: 1624px;
top: 50%;
left: 50%;
margin-left:-375px;
margin-top:-812px;
background: rgba(0, 0, 0, 0.7);
}
.popcontainer_empty {
position: fixed;
width: 750px;
height: 1624px;
top: 50%;
left: 50%;
margin-left:-375px;
margin-top:-812px;
// background: rgba(0, 0, 0, 0.01);
}
'use strict';
import React, { Component } from 'react';
import API from '../../api';
import resList from '../../resconfig/resList';
import util from '../../util/util';
import ViewCtrl from '../../util/viewCtrl';
import dataCenter from '../../util/dataCenter';
import './combagforfriend.less';
class Combagforfriend extends Component {
constructor(props) {
super(props);
this.state = { resList: resList,shareFlag:false };
}
async requestCard(){
let {closeWin,data:{icon:{src,id}}} = this.props;
let srcpic = encodeURIComponent(src);
let token = await util.getProjectXToken();
let {code,message,data,success} = await API.requestCard({token,cardId:id});
let {errorMessage} = data;
if(!success){
ViewCtrl.showToast(message);
return ;
}
this.setState({
shareFlag:true
})
// 索卡
if(data.raw){
let {raw:{shareCode,sharePic,shareTitle,shareSubTitle}} = data;
dataCenter.setData('requestShareCode',shareCode);
let shareContent = {
sharePic,shareTitle,shareSubTitle
}
let globalShare = window['globalShare'];
let uri = 'https://activity.m.duiba.com.cn/projectx/p30d778bd/ff36fb009.html'
let link = globalShare + encodeURIComponent(uri + `?appID=${CFG.appID}`+ `&index=1004` + `&cardsType=receive`+`&shareCode=${shareCode}` + `&sharePic=${srcpic}` + "&is_from_share=0");
window.invokeWX(link,shareTitle,shareSubTitle);
}else{
ViewCtrl.showToast(errorMessage);
}
}
shareover(){
this.setState({
shareFlag:false
})
}
render() {
let {shareFlag} = this.state
let {closeWin,data:{icon:{src,id}}} = this.props;
console.log(this.props,'props');
return (
<div className="bagforfriend ">
{
shareFlag ?
<img className="share" onClick={()=>this.shareover()} src={this.state.resList['d3279d9a-a943-41cb-8368-dbca5fe45e25'].url} />
: null
}
<img className="zu33333 " src={this.state.resList['f28a2e6b-4eb7-4411-a37e-0b7042fcda15'].url} />
{/* <img className="qia_pian33333 " src={this.state.resList['bfa4ab88-9764-4de1-863b-26be899744aa'].url} /> */}
<img className="qia_pian33333 " src={src} />
<img className="dian_ji_chou_qia3333 test-md18" onClick={()=>this.requestCard()} src={this.state.resList['a2908875-da0a-41a7-b76e-0c98b7929258'].url} />
<img className="x3" onClick={closeWin} src={this.state.resList['8f5b5fec-9948-43dc-99da-e915b0571173'].url} />
</div>
);
}
}
export default Combagforfriend;
.bagforfriend {
width: 480px;
height: 1046px;
opacity: 1;
left: 134px;
top: 108px;
position: absolute;
transform-origin: 0px 0px 0px;
.share{
width: 750px;
height: 1800px;
opacity: 1;
z-index: 3;
left: -134px;
top: -100px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ji_qia_ying_hao_li123 {
width: 402px;
height: 75px;
opacity: 1;
left: 39px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 80px;
color: rgba(255, 220, 129, 1);
}
.zu33333 {
width: 480px;
height: 651px;
opacity: 1;
top: 178px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian33333 {
width: 423px;
height: 593px;
opacity: 1;
left: 27px;
top: 203px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_de_hao_youxx_song_nin_yi_zhang_qia_pian {
width: 311px;
height: 27px;
opacity: 1;
left: 85px;
top: 139px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(180, 20, 21, 1);
}
.ji_qi_qia_pian_dui_huanxx_hao_li123 {
width: 224px;
height: 23px;
opacity: 1;
left: 129px;
top: 175px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(92, 52, 52, 1);
}
.dian_ji_chou_qia3333 {
width: 456px;
height: 103px;
opacity: 1;
left: 15px;
top: 862px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.x3 {
width: 61px;
height: 61px;
opacity: 1;
left: 211px;
top: 985px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import util from '../../util/util';
import API from '../../api'
import ViewCtrl from '../../util/viewCtrl'
import './comconfirmsend.less';
class Comconfirmsend extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
async sendCard(){
util.disableClick('dian_ji_chou_qia222');
let {closeWin,data:{shareCode}} = this.props;
let token = await util.getProjectXToken();
let {code,message,data,success} = await API.confirmSendCard({shareCode,token});
let {errorMessage} = data;
if(data.raw){
this.props.closeWin();
this.props.call();
}else{
this.props.closeWin();
this.props.call();
ViewCtrl.showToast(errorMessage);
}
util.enableClick('dian_ji_chou_qia222');
// 回调
// this.props.call();
}
onceAgain(){
this.props.closeWin();
this.props.call();
}
render() {
let {closeWin,data:{shareCode,sharePic,inviterNickname}} = this.props;
console.log(this.props,'1');
return (
<div className="confirmsend ">
{/* <span className="ji_qia_ying_hao_li1 ">集卡赢好礼</span> */}
<img className="zu11122 " src={this.state.resList['67900cda-90f2-4623-a9a1-9a5f9cb0b923'].url} />
{/* <img className="qia_pian22222 " src={this.state.resList['1ee8df3c-0379-4c88-a933-8459901e421b'].url} /> */}
<img className="qia_pian22222 " src={sharePic} />
<span className="hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pian1 ">好友{inviterNickname}向您索要一张卡片</span>
{/* <span className="ji_qi_qia_pian_dui_huanxx_hao_li12 ">集齐卡片 兑换XX豪礼</span> */}
<img className="dian_ji_chou_qia222 test-md22" onClick={()=>this.sendCard()} src={this.state.resList['78a7bc90-98e9-4c16-b6b6-146cee3358ff'].url} />
<img className="x123 " onClick={()=>this.onceAgain()} src={this.state.resList['fac057fc-386d-4421-b41d-e127997aa5b0'].url} />
</div>
);
}
}
export default Comconfirmsend;
.confirmsend {
width: 480px;
height: 1046px;
opacity: 1;
left: 134px;
top: 83px;
position: absolute;
transform-origin: 0px 0px 0px;
.ji_qia_ying_hao_li1 {
width: 402px;
height: 75px;
opacity: 1;
left: 39px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size:80px;
color: rgba(255, 220, 129, 1);
}
.zu11122 {
width: 480px;
height: 651px;
opacity: 1;
top: 178px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian22222 {
width: 423px;
height: 593px;
opacity: 1;
left: 27px;
top: 203px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pian1 {
width: 520px;
height: 27px;
opacity: 1;
left: 0px;
top: 126px;
text-align: center;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
// color: rgba(180, 20, 21, 1);
color: white;
}
.ji_qi_qia_pian_dui_huanxx_hao_li12 {
width: 224px;
height: 23px;
opacity: 1;
left: 129px;
top: 175px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(92, 52, 52, 1);
}
.dian_ji_chou_qia222 {
width: 456px;
height: 103px;
opacity: 1;
left: 15px;
top: 862px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.x123 {
width: 61px;
height: 61px;
opacity: 1;
left: 211px;
top: 985px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api';
import './comdan_chuang5_yuan_hua_fei_quan1add.less';
import ViewCtrl from '../../util/viewCtrl';
class Comdan_chuang5_yuan_hua_fei_quan1add extends Component {
constructor(props) {
super(props);
this.state = { resList: resList,shareFlag:false };
}
async inviteFriend(){
// console.log('111');
this.setState({
shareFlag:true
})
let {data,code,message,success} = await API.share();
let sceneId
if(data.raw){
let {raw:{shareCode,sharePic,shareTitle,shareSubTitle}} = data;
sceneId = data.raw.sceneId;
let globalShare = window['globalShare'];
const url = globalShare + encodeURIComponent( `https://activity.m.duiba.com.cn/projectx/p30d778bd/ff28a1170.html?sceneId=${sceneId}&shareCode=${shareCode}`);
window.invokeWX(url,shareTitle,shareSubTitle);
}
}
onceAgain(){
this.props.closeWin();
this.props.call();
}
shareover(){
this.setState({
shareFlag:false
})
}
gotoPage(){
this.props.closeWin();
this.props.call();
}
render() {
let {shareFlag} = this.state;
let {data:{icon,name,prizeId,url,userRecordId,remainingGameTimes},call} = this.props;
console.log(this.props);
return (
<div className="dan_chuang5_yuan_hua_fei_quan1add ">
{
shareFlag ?
<img className="share" onClick={()=>this.shareover()} src={this.state.resList['83d1e966-db25-4856-b1d6-4961505354fd'].url} />
: null
}
<img className="gong_xi_nim123 " src={this.state.resList['1eac6156-7a55-4519-9069-c3b9981689fc'].url} />
{
remainingGameTimes > 0 ?
<img className="an_niu1m test-md14" onClick={()=>this.onceAgain()} src={this.state.resList['5b830baa-1ab6-456b-b1d0-6b6f44e3cb32'].url} />
:
<img className="an_niu1m an_niu23 test-md15" onClick={()=>this.inviteFriend()} src={this.state.resList['d456e11d-9357-41ec-8245-5d52246776f8'].url} />
}
{/* 再抽一次按钮 */}
{/* 邀请好友再抽一次 */}
<div className="biao_ti30 ">
<img className="tuo_yuan1_kao_bei5 " src={this.state.resList['2e7fcdb8-9215-4565-99b9-2d2ec58fe1ff'].url} />
{/* <span className="huo_de5_yuan_hua_fei_quan_yi_zhang31 ">获得5元话费券一张</span> */}
<span className="huo_de5_yuan_hua_fei_quan_yi_zhang31 ">获得{name}</span>
</div>
{/* <img className="hua_fei_quan29 " src={this.state.resList['731b1d20-9337-4b10-af1d-bdcb23ee8b95'].url} /> */}
<img className="hua_fei_quan29 " src={icon} />
<img className="x3" onClick={()=>this.gotoPage()} src={this.state.resList['8f5b5fec-9948-43dc-99da-e915b0571173'].url} />
</div>
);
}
}
export default Comdan_chuang5_yuan_hua_fei_quan1add;
.dan_chuang5_yuan_hua_fei_quan1add {
width: 566px;
height: 647px;
opacity: 1;
left: 93px;
top: 367px;
position: absolute;
transform-origin: 0px 0px 0px;
.share{
width: 750px;
height: 1800px;
opacity: 1;
z-index: 3;
left: -93px;
top: -567px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.gong_xi_nim123 {
width: 566px;
height: 647px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niu1m {
width: 384px;
height: 81px;
opacity: 1;
left: 90px;
top: 531px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.biao_ti30 {
width: 401px;
height: 46px;
opacity: 1;
left: 81px;
top: 154px;
position: absolute;
transform-origin: 0px 0px 0px;
.tuo_yuan1_kao_bei5 {
width: 401px;
height: 46px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.huo_de5_yuan_hua_fei_quan_yi_zhang31 {
width: 312px;
height: 35px;
opacity: 1;
left: 46px;
top: 3px;
position: absolute;
transform-origin: 0px 0px 0px;
font-weight: 600;
text-align: center;
font-size: 35px;
color: rgba(212, 30, 31, 1);
}
}
.hua_fei_quan29 {
width: 218px;
height: 215px;
opacity: 1;
left: 171px;
// top: 254px;
top: 265px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.x3 {
width: 61px;
height: 61px;
opacity: 1;
// left: 211px;
left: 50%;
margin-left: -30.5px;
top: 700px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comdan_chuang5_yuan_hua_fei_quan2add.less';
class Comdan_chuang5_yuan_hua_fei_quan2add extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="dan_chuang5_yuan_hua_fei_quan2add ">
<img className="gong_xi_nim12 " src={this.state.resList['9e4e520c-932b-4520-a3ea-8d3da6c5107b'].url} />
<div className="biao_ti27 ">
<img className="biao_ti_bei_jing " src={this.state.resList['2e7fcdb8-9215-4565-99b9-2d2ec58fe1ff'].url} />
<span className="huo_de5_yuan_hua_fei_quan_yi_zhang28 ">获得5元话费券一张</span>
</div>
<img className="hua_fei_quan26 " src={this.state.resList['731b1d20-9337-4b10-af1d-bdcb23ee8b95'].url} />
<img className="an_niu23 " src={this.state.resList['d456e11d-9357-41ec-8245-5d52246776f8'].url} />
</div>
);
}
}
export default Comdan_chuang5_yuan_hua_fei_quan2add;
.dan_chuang5_yuan_hua_fei_quan2add {
width: 566px;
height: 647px;
opacity: 1;
left: 93px;
top: 567px;
position: absolute;
transform-origin: 0px 0px 0px;
.gong_xi_nim12 {
width: 566px;
height: 647px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.biao_ti27 {
width: 401px;
height: 46px;
opacity: 1;
left: 81px;
top: 154px;
position: absolute;
transform-origin: 0px 0px 0px;
.biao_ti_bei_jing {
width: 401px;
height: 46px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.huo_de5_yuan_hua_fei_quan_yi_zhang28 {
width: 312px;
height: 35px;
opacity: 1;
left: 46px;
top: 3px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 37px;
color: rgba(212, 30, 31, 1);
}
}
.hua_fei_quan26 {
width: 218px;
height: 215px;
opacity: 1;
left: 171px;
top: 254px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niu23 {
width: 384px;
height: 81px;
opacity: 1;
left: 90px;
top: 531px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api'
import ViewCtrl from '../../util/viewCtrl'
import Enum from '../../util/enum'
import { getPxToken } from '../../libs/spark_gettoken';
import './comdan_chuang_gong_xi_ni_qia_pian1add.less';
import util from '../../util/util';
// const SVGA = require('svgaplayerweb')
import { loadSvga, SvgaStage, MovieClip } from "@mrkwon/svga-player"
class Comdan_chuang_gong_xi_ni_qia_pian1add extends Component {
constructor(props) {
super(props);
this.state = {
resList: resList,
svgaArr:[
{
name:'吃肉不长胖',
card:'//yun.duiba.com.cn/spark/assets/meat.eaab9cd5afb361dec0a411a49ef5a556d91ca84b.svga',
},
{
name:'熬夜不变丑',
card:'//yun.duiba.com.cn/spark/assets/stay.34cb9866cadbcc8068013fc954f89115809e83e0.svga',
},
{
name:'加薪不加班',
card:'//yun.duiba.com.cn/spark/assets/salary.c9aabbc3050e315d7496256333a993fda6440102.svga',
},
{
name:'脱单不脱发',
card:'//yun.duiba.com.cn/spark/assets/nosingle.b103d7c35c7371bb6a1c460a89932f4d2220664c.svga',
},
{
name:'暴富不爆痘',
card:'//yun.duiba.com.cn/spark/assets/rich.1d8e270d59eae06ed0d3c41a7c107f84ed18dfd6.svga',
}
]
}
};
// componentDidMount(){
// let {svgaArr} = this.state;
// let {closeWin,data:{icon,name,prizeId,userRecordId,remainingGameTimes}} = this.props;
// let picsvga = '';
// for(let s of svgaArr){
// if(s.name == name){
// picsvga = s.card;
// }
// }
// var yu = new SVGA.Player('.dan_chuang_gong_xi_ni_qia_pian1add');
// var parser = new SVGA.Parser('.dan_chuang_gong_xi_ni_qia_pian1add');
// parser.load(picsvga,function(videoItem){
// yu.setVideoItem(videoItem);
// yu.startAnimation();
// yu.loops = 1;
// // yu.clearsAfterStop=false;
// yu.onFinished(()=>{
// yu.stepToPercentage(0.999,true);
// yu.stopAnimation();
// let nodeyu = document.getElementsByClassName('an_nium_fan_kai_qia_pian')[0];
// nodeyu.style.display = 'block';
// })
// // nodeyu.className+=' hide'
// },function(e){console.log(e)})
// }
// componentDidMount(){
// this.homeBeeMove();
// }
homeBeeMove(){
let {svgaArr} = this.state;
let {closeWin,data:{icon,name,prizeId,userRecordId,remainingGameTimes}} = this.props;
let picsvga = '';
for(let s of svgaArr){
if(s.name == name){
picsvga = s.card;
}
}
console.log(document.getElementById('beeAni'))
// document.getElementById('beeAni').style.display="block";
var svgaStage = new SvgaStage(document.getElementById('beeAni'))
loadSvga(picsvga, (v) => {
var mv = new MovieClip(v);
console.log(v)
console.log(mv)
document.getElementById('beeAni').width=mv.videoWidth;
document.getElementById('beeAni').height =mv.videoHeight
// console.log(mv.videoWidth,mv.videoHieght)
//添加进动画容器
mv.lockStep=true;
svgaStage.addChild(mv)
this.moveStage = svgaStage;
// mv.stop();
// this.halfHoney()
this.isLoadsvga = true
mv. startAniRange(1,mv.totalFrames,1,()=>{
// 隐藏
// svgaStage.removeChild(mv)
})
}, (err) => { console.log(err) })
//循环起来
loop()
function loop(){
svgaStage.flush()
requestAnimationFrame(loop)
}
// this.halfHoney()
console.log(this.moveStage)
}
/* 翻开卡片 */
async getOneCard(){
this.props.closeWin();
console.log(this.props,'drawcard');
document.getElementById('beeAni').style.display="none";
let token = await util.getProjectXToken();
// console.log(token,'tokenget')
let {closeWin,data:{icon,name,prizeId,userRecordId}} = this.props;
/* 概率 */
let {code,message,data,success} = await API.prizeOneCard({token,recordId:userRecordId}); //参数:卡片的recordId,token
let {errorMessage,errorCode} = data;
if(data.raw){
// 成功中奖
let {prizeInfo,remainingGameTimes} = data.raw;
if(prizeInfo.prizeId != 'thanks'){
let {icon,name,prizeId,url,userRecordId} = prizeInfo;
ViewCtrl.showWin(Enum.Com.PrizeOneCard,{icon,name,prizeId,url,userRecordId,remainingGameTimes},this.props.call);
}else{
// 成功但没有中奖
ViewCtrl.showWin(Enum.Com.NoCoupon,{remainingGameTimes},this.props.call);
}
}else{
if(errorCode == '400023'){
ViewCtrl.showToast('网络异常');
}else{
ViewCtrl.showToast(errorMessage)
}
// 错误码
}
}
render() {
let {closeWin,data:{icon,name,prizeId,userRecordId}} = this.props;
return (
<div className="dan_chuang_gong_xi_ni_qia_pian1add" >
{/* <canvas className="canvas" id="beeAni" ></canvas> */}
{/* <canvas className="canvas" id="beeAni" ></canvas> */}
{/* <img className="gong_xi_nim_bei_jing " src={this.state.resList['0f2793ce-5aae-4b16-9a45-862f15a348b9'].url} /> */}
{/* 卡片 */}
{/* <img className="qia_pian1m1 " src={this.state.resList['b023de77-3c2a-4d11-8dad-bf219c9c8549'].url} /> */}
{/* <img className="qia_pian1m1 " src={icon} /> */}
{/* <div className="yu" loops="1"></div> */}
{/* <img className="qia_pian1m1" src={icon} /> */}
{/* <img className="fan_kai_qia_pian " src={this.state.resList['f614199b-3a24-4e2f-8e4b-0cf027900992'].url} /> */}
<img
className="an_nium_fan_kai_qia_pian test-md12" onClick={()=>this.getOneCard()}
src={this.state.resList['6c7bee44-795a-4e13-8b1b-a3d51a35ca2b'].url}
/>
{/* <img className="biao_ti51 " src={this.state.resList['1dde2933-d838-4158-b3af-c44fcadb0945'].url} /> */}
</div>
);
}
}
export default Comdan_chuang_gong_xi_ni_qia_pian1add;
.dan_chuang_gong_xi_ni_qia_pian1add {
// width: 567px;
// height: 647px;
opacity: 1;
// left: 92px;
// top: 581px;
width: 750px;
height: 1448px;
left: 50%;
top: 180px;
margin-left: -375px;
position: absolute;
transform-origin: 0px 0px 0px;
// .canvas{
// opacity: 1;
// // left: 92px;
// // top: 581px;
// width: 750px;
// height: 1448px;
// left: 50%;
// top: 100px;
// margin-left: -375px;
// position: absolute;
// }
.canvas{
width: 750px;
height: 1448px;
top: 0;
opacity: 1;
z-index: 3;
pointer-events: none;
position: absolute;
}
.gong_xi_nim_bei_jing {
width: 567px;
height: 647px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian1m1 {
width: 448px;
height: 195px;
opacity: 1;
left: 60px;
top: 228px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.fan_kai_qia_pian {
width: 192px;
height: 25px;
opacity: 1;
left: 188px;
top: 445px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_nium_fan_kai_qia_pian {
width: 384px;
height: 81px;
opacity: 1;
// left: 91px;
left: 50%;
margin-left: -192px;
top: 980px;
position: absolute;
transform-origin: 0px 0px 0px;
z-index: 2;
}
.biao_ti51 {
width: 302px;
height: 45px;
opacity: 1;
left: 132px;
top: 140px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api';
import './comdan_chuang_gong_xi_ni_qia_pian2add.less';
import util from '../../util/util';
import ViewCtrl from '../../util/viewCtrl'
import Enum from '../../util/enum';
import { loadSvga, SvgaStage, MovieClip } from "@mrkwon/svga-player"
const SVGA = require('svgaplayerweb')
class Comdan_chuang_gong_xi_ni_qia_pian2add extends Component {
constructor(props) {
super(props);
this.state = { resList: resList,
iconsrc:'',
svgaArr:[
{
name:'吃肉不长胖',
card:'//yun.duiba.com.cn/spark/assets/meat.eaab9cd5afb361dec0a411a49ef5a556d91ca84b.svga',
},
{
name:'熬夜不变丑',
card:'//yun.duiba.com.cn/spark/assets/stay.34cb9866cadbcc8068013fc954f89115809e83e0.svga',
},
{
name:'加薪不加班',
card:'//yun.duiba.com.cn/spark/assets/salary.c9aabbc3050e315d7496256333a993fda6440102.svga',
},
{
name:'脱单不脱发',
card:'//yun.duiba.com.cn/spark/assets/nosingle.b103d7c35c7371bb6a1c460a89932f4d2220664c.svga',
},
{
name:'暴富不爆痘',
card:'//yun.duiba.com.cn/spark/assets/rich.1d8e270d59eae06ed0d3c41a7c107f84ed18dfd6.svga',
}
] };
}
// componentDidMount(){
// let {svgaArr} = this.state;
// let {closeWin,data:{icon,name,prizeId,userRecordId}} = this.props;
// let picsvga = '';
// for(let s of svgaArr){
// if(s.name == name){
// picsvga = s.card;
// }
// }
// var yu = new SVGA.Player('.dan_chuang_gong_xi_ni_qia_pian2add');
// var parser = new SVGA.Parser('.dan_chuang_gong_xi_ni_qia_pian2add');
// // let nodeyu = document.getElementsByClassName('yu11')[0];
// // let nodeDiv = document.getElementsByClassName('yu')[0];
// parser.load(picsvga,function(videoItem){
// // videoItem.videoSize = {width:w1,height:h1}
// yu.setVideoItem(videoItem);
// yu.startAnimation();
// yu.loops = 1;
// yu.onFinished(()=>{
// let nodeyu = document.getElementsByClassName('fan_kai_qia_pian_an_niu')[0];
// nodeyu.style.display = 'block';
// })
// // nodeyu.className+=' hide'
// },function(e){console.log(e)})
// }
// componentDidMount(){
// this.homeBeeMove();
// }
componentDidMount(){
let icon = this.props.data.icon;
this.setState({
iconsrc:icon
})
}
/* 翻开卡片 */
async getOneCard(){
this.props.closeWin();
console.log(this.props,'drawcard');
// let {closeWin,data:{userRecordId}} = this.props;
let {icon,name,prizeId,userRecordId,assistTimesPop} = this.props.data
/* 概率 */
let token = await util.getProjectXToken();
let {code,message,data,success} = await API.prizeOneCard({token,recordId:userRecordId}); //参数:卡片的recordId,token
let {errorMessage,errorCode} = data;
if(data.raw){
let {prizeInfo,remainingGameTimes} = data.raw;
if(prizeInfo.prizeId != 'thanks'){
let {icon,name,prizeId,url,userRecordId} = prizeInfo;
ViewCtrl.showWin(Enum.Com.PrizeOneCard,{icon,name,prizeId,url,userRecordId,remainingGameTimes},this.props.call);
}else{
// 成功但没有中奖
ViewCtrl.showWin(Enum.Com.NoCoupon,{remainingGameTimes:this.props.data.remainingGameTimes},this.props.call);
}
}else{
// 错误码
if(errorCode == 400023){
ViewCtrl.showToast('网络异常');
}else{
ViewCtrl.showToast(errorMessage)
}
}
}
homeBeeMove(){
let {svgaArr} = this.state;
let {closeWin,data:{icon,name,prizeId,userRecordId,remainingGameTimes}} = this.props;
let picsvga = '';
for(let s of svgaArr){
if(s.name == name){
picsvga = s.card;
}
}
console.log(document.getElementById('beeAni1'))
document.getElementById('beeAni1').style.display="block";
var svgaStage = new SvgaStage(document.getElementById('beeAni1'))
loadSvga(picsvga, (v) => {
var mv = new MovieClip(v);
console.log(v)
console.log(mv)
document.getElementById('beeAni1').width=mv.videoWidth;
document.getElementById('beeAni1').height =mv.videoHeight
// console.log(mv.videoWidth,mv.videoHieght)
//添加进动画容器
mv.lockStep=true;
svgaStage.addChild(mv)
this.moveStage = svgaStage;
// mv.stop();
// this.halfHoney()
this.isLoadsvga = true
mv. startAniRange(1,mv.totalFrames,1,()=>{
// 隐藏
})
}, (err) => { console.log(err) })
//循环起来
loop()
function loop(){
svgaStage.flush()
requestAnimationFrame(loop)
}
// this.halfHoney()
console.log(this.moveStage)
}
render() {
console.log(this.props)
let {icon,name,prizeId,assistTimesPop} = this.props.data
let {iconsrc} = this.state;
return (
<div className="dan_chuang_gong_xi_ni_qia_pian2add ">
{/* <canvas className="canvas" id="beeAni1" ></canvas> */}
<img
className="bang_hao_you_zhu_li_cheng_gong_bei_jing_kuang "
src={this.state.resList['ca7bdc92-e16f-441d-85a3-dfe1cfc02bc4'].url}
/>
<div className="qia_pian2_bu_bian_chou ">
<img className="ao_ye_bu_bian_chou21 " src={iconsrc}/>
</div>
<img className="gong_xi_ni " src={this.state.resList['73ae1bdb-6062-43ff-93e7-b4c89ab852e4'].url} />
<div className="biao_ti20 ">
<img
className="bang_hao_you_zhu_li_cheng_gong "
src={this.state.resList['48cfc771-a0c4-468c-b43e-ce852874fc41'].url}
/>
<span className="song_nin_yi_zhang_qia_pian ">送您一张卡片</span>
</div>
<img
className="fan_kai_qia_pian_an_niu test-md13" onClick={()=>this.getOneCard()}
src={this.state.resList['6c7bee44-795a-4e13-8b1b-a3d51a35ca2b'].url}
/>
<img className="ti_shi_yu " src={this.state.resList['f614199b-3a24-4e2f-8e4b-0cf027900992'].url} />
</div>
);
}
}
export default Comdan_chuang_gong_xi_ni_qia_pian2add;
.dan_chuang_gong_xi_ni_qia_pian2add {
width: 567px;
height: 647px;
opacity: 1;
left: 92px;
top: 581px;
position: absolute;
z-index: 2;
transform-origin: 0px 0px 0px;
// opacity: 1;
// width: 750px;
// height: 1448px;
// left: 50%;
// top: 100px;
// margin-left: -375px;
// position: absolute;
// transform-origin: 0px 0px 0px;
.canvas{
width: 750px;
height: 1624px;
top: 0;
opacity: 1;
z-index: 3;
pointer-events: none;
position: absolute;
}
.bang_hao_you_zhu_li_cheng_gong_bei_jing_kuang {
width: 567px;
height: 603px;
opacity: 1;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian2_bu_bian_chou {
width: 448px;
height: 195px;
opacity: 1;
left: 60px;
top: 228px;
position: absolute;
transform-origin: 0px 0px 0px;
.ao_ye_bu_bian_chou21 {
// width: 448px;
// height: 195px;
// opacity: 1;
// position: absolute;
// transform-origin: 0px 0px 0px;
width: 250px;
height: 250px;
position: absolute;
left: 50%;
margin-left: -125px;
}
}
.gong_xi_ni {
width: 369px;
height: 200px;
opacity: 1;
left: 99px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.biao_ti20 {
width: 363px;
height: 75px;
opacity: 1;
left: 102px;
top: 144px;
position: absolute;
transform-origin: 0px 0px 0px;
.bang_hao_you_zhu_li_cheng_gong {
width: 363px;
height: 45px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.song_nin_yi_zhang_qia_pian {
width: 200px;
height: 23px;
opacity: 1;
left: 109px;
top: 52px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(92, 52, 52, 1);
}
}
.fan_kai_qia_pian_an_niu {
width: 384px;
height: 81px;
opacity: 1;
left: 91px;
top: 531px;
position: absolute;
transform-origin: 0px 0px 0px;
z-index: 2;
// width: 384px;
// height: 81px;
// opacity: 1;
// // left: 91px;
// left: 50%;
// margin-left: -192px;
// top: 1120px;
// position: absolute;
// transform-origin: 0px 0px 0px;
// z-index: 2;
}
.ti_shi_yu {
width: 192px;
height: 25px;
opacity: 1;
left: 188px;
top: 480px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import util from '../../util/util';
import './comdan_chuang_gong_xi_nin_zhu_li_cheng_gong.less';
class Comdan_chuang_gong_xi_nin_zhu_li_cheng_gong extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
gotoPage(){
this.props.closeWin();
this.props.call();
}
render() {
let {data:{assistTimesPop}} = this.props;
return (
<div className="dan_chuang_gong_xi_nin_zhu_li_cheng_gong ">
<img className="bei_jing_kuang " src={this.state.resList['eef77741-1162-4201-b803-f80c5d86f660'].url} />
<img className="qu_chou_qia_an_niu test-md10" onClick={()=>this.gotoPage()} src={this.state.resList['20215f88-e1b0-4bec-8ec9-ec1d9f3c25ca'].url} />
<span className="hao_you_wei_ni_zhu_li_cheng_gong_huo_de_yi_ci_mian_fei_chou_qia_ji_hui ">
好友为你助力成功<br /> 获得{assistTimesPop}次免费抽卡机会
</span>
<img
className="zhu_li_cheng_gong_biao_ti "
src={this.state.resList['1c3f2954-d1d6-42a3-9291-5953c8db4f40'].url}
/>
</div>
);
}
}
export default Comdan_chuang_gong_xi_nin_zhu_li_cheng_gong;
.dan_chuang_gong_xi_nin_zhu_li_cheng_gong {
width: 566px;
height: 454px;
opacity: 1;
left: 93px;
top: 671px;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing_kuang {
width: 566px;
height: 454px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qu_chou_qia_an_niu {
width: 384px;
height: 82px;
opacity: 1;
left: 90px;
top: 266px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.hao_you_wei_ni_zhu_li_cheng_gong_huo_de_yi_ci_mian_fei_chou_qia_ji_hui {
width: 300px;
height: 65px;
opacity: 1;
left: 130px;
top: 178px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
text-align: center;
color: rgba(92, 52, 52, 1);
}
.zhu_li_cheng_gong_biao_ti {
width: 231px;
height: 44px;
opacity: 1;
left: 163px;
top: 111px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api';
import './comdan_chuang_guan_zhu_gong_zhong_hao_dan_chuang.less';
class Comdan_chuang_guan_zhu_gong_zhong_hao_dan_chuang extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
// async componentDidMount(){
// let {sceneId} = this.props.data;
// let {code,message,data,success} = await API.getSceneQrCodeContent({sceneId});
// if(success){
// }
// }
render() {
// let {data:{sharePic,shareCode,shareTitle,shareSubTitle,sceneId}} = this.props;
// console.log(this.props,'q')
return (
<div className="dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang ">
<img className="er_wei_ma_bei_jingm " src={this.state.resList['3323c5c2-c517-495e-9087-c60ea8d20e4e'].url} />
<div className="er_wei_ma32 ">
{/* <img className="ju_xing2 " src={this.state.resList['bc2d3d38-abe0-4310-8c55-9e3970ad3cb0'].url} /> */}
{/* 运营配置 */}
<img className="ju_xing2 " src={this.state.resList['26d680e1-18f0-42ac-92cc-e9feed455d27'].url} />
{/* 兑吧测试二维码 */}
{/* <img className="ju_xing2 " src={this.state.resList['0dee636c-cdd0-4cd7-b8cf-91b416dab8e9'].url} /> */}
{/* <img className="ju_xing2 " src={sharePic} />
<span className="er_wei_ma33 ">二维码</span> */}
</div>
<img className="er_wei_ma_wen_an " src={this.state.resList['e0b8d727-0041-45bb-b763-4e26d4004cb1'].url} />
</div>
);
}
}
export default Comdan_chuang_guan_zhu_gong_zhong_hao_dan_chuang;
.dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang {
width: 565px;
height: 533px;
opacity: 1;
left: 93px;
top: 636px;
position: absolute;
transform-origin: 0px 0px 0px;
.er_wei_ma_bei_jingm {
width: 565px;
height: 533px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.er_wei_ma32 {
width: 321px;
height: 298px;
opacity: 1;
left: 119px;
top: 116px;
position: absolute;
transform-origin: 0px 0px 0px;
.ju_xing2 {
width: 321px;
height: 298px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.er_wei_ma33 {
width: 136px;
height: 44px;
opacity: 1;
left: 93px;
top: 127px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 48px;
color: rgba(212, 30, 31, 1);
}
}
.er_wei_ma_wen_an {
width: 484px;
height: 413px;
opacity: 1;
left: 26px;
top: 57px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api';
import './comdan_chuang_he_cheng_qia_cheng_gong.less';
import ViewCtrl from '../../util/viewCtrl';
const SVGA = require('svgaplayerweb')
class Comdan_chuang_he_cheng_qia_cheng_gong extends Component {
constructor(props) {
super(props);
this.state = { resList: resList,shareFlag:false, };
}
// componentDidMount(){
// var yu = new SVGA.Player('.yu');
// var parser = new SVGA.Parser('.yu');
// parser.load('//yun.duiba.com.cn/spark/assets/hechengka.803d4476b72f3490e66710f0d6918dfba3414527.svga',function(videoItem){
// yu.setVideoItem(videoItem);
// yu.startAnimation();
// yu.loops = 1;
// yu.clearsAfterStop = true;
// yu.onFinished(()=>{
// let curnode = document.getElementsByClassName('dan_chuang_he_cheng_qia_cheng');
// curnode.style.display = 'block';
// })
// },function(e){console.log(e)})
// }
async inviteFriend(){
// console.log('111');
this.setState({
shareFlag:true
})
document.getElementById('collect').style.display="none";
let {data,code,message,success} = await API.share();
let sceneId
if(data.raw){
let {raw:{shareCode,sharePic,shareTitle,shareSubTitle}} = data;
sceneId = data.raw.sceneId;
let globalShare = window['globalShare'];
const url = globalShare + encodeURIComponent( `https://activity.m.duiba.com.cn/projectx/p30d778bd/ff28a1170.html?sceneId=${sceneId}&shareCode=${shareCode}`);
window.invokeWX(url,shareTitle,shareSubTitle);
}
}
gotoPage(){
this.props.closeWin();
this.props.call();
document.getElementById('collect').style.display="none";
}
shareover(){
this.setState({
shareFlag:false
})
}
render() {
let {shareFlag} = this.state
let {data:{icon,name,prizeId,url,userRecordId}} = this.props;
return (
<div className="dan_chuang_he_cheng_qia_cheng_gong ">
{/* <canvas className="canvas" id="beeAni" ></canvas> */}
{/* <div className="yu" loops="1" ></div> */}
<div className="dan_chuang_he_cheng_qia_cheng" >
{
shareFlag ?
<img className="share" onClick={()=>this.shareover()} src={this.state.resList['83d1e966-db25-4856-b1d6-4961505354fd'].url} />
: null
}
<div className="bei_jing_kuangm ">
<img className="tu_ceng1_kao_bei " src={this.state.resList['79ce759d-50c5-41c4-8d2e-76213285b6e8'].url} />
<img className="tu_ceng27 " src={this.state.resList['7fdd1f30-cadd-4696-ae82-61a62f7ebb9c'].url} />
<img className="tuo_yuan6_kao_bei4 " src={this.state.resList['b546ea0c-ab28-446f-ab83-0e480609d603'].url} />
<img className="tuo_yuan6_kao_bei5 " src={this.state.resList['b546ea0c-ab28-446f-ab83-0e480609d603'].url} />
</div>
{/* 分享好运按钮 */}
<img
className="fen_xiang_hao_yun_an_niu test-md16" onClick={()=>this.inviteFriend()}
src={this.state.resList['0bd4d71f-4e57-4c05-a5b1-49d643383751'].url}
/>
<img className="gong_xi_ni2 " src={this.state.resList['73ae1bdb-6062-43ff-93e7-b4c89ab852e4'].url} />
<img className="biao_ti2 " src={this.state.resList['281de30b-78f9-40e8-a113-0642bcbae845'].url} />
{/* 奖品 */}
<img className="jiang_pin_da_hong_bao " src={icon} />
<span className="huo_de50_yuan_hua_fei_jiang_li ">获得{name}奖励</span>
<img className="x4" onClick={()=>this.gotoPage()} src={this.state.resList['eb3007c7-ea26-471a-b7ab-e13dd63dbedc'].url} />
</div>
</div>
);
}
}
export default Comdan_chuang_he_cheng_qia_cheng_gong;
.dan_chuang_he_cheng_qia_cheng_gong {
width: 550px;
height: 741px;
opacity: 1;
// left: 101px;
// top: 567px;
left: 50%;
top: 50%;
margin-left: -275px;
margin-top: -370px;
position: absolute;
// opacity: 1;
// width: 750px;
// height: 1448px;
// left: 50%;
// top: 100px;
// margin-left: -375px;
// position: absolute;
// transform-origin: 0px 0px 0px;
.yu{
width: 750px;
height: 1148px;
top: 100px;
opacity: 1;
position: absolute;
}
.dan_chuang_he_cheng_qia_cheng{
width: 550px;
height: 741px;
opacity: 1;
left: 0px;
top: 0px;
position: absolute;
// display: none;
.share{
width: 750px;
height: 1800px;
opacity: 1;
z-index: 3;
left: -101px;
top:-370.5px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.bei_jing_kuangm {
width: 550px;
height: 691px;
opacity: 1;
top: 50px;
position: absolute;
transform-origin: 0px 0px 0px;
.tu_ceng1_kao_bei {
width: 550px;
height: 587px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng27 {
width: 548px;
height: 656px;
opacity: 1;
left: 1px;
top: 35px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tuo_yuan6_kao_bei4 {
width: 24px;
height: 24px;
opacity: 1;
left: 511px;
top: 543px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tuo_yuan6_kao_bei5 {
width: 24px;
height: 24px;
opacity: 1;
left: 15px;
top: 543px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.fen_xiang_hao_yun_an_niu {
width: 384px;
height: 81px;
opacity: 1;
left: 82px;
top: 531px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.gong_xi_ni2 {
width: 369px;
height: 200px;
opacity: 1;
left: 90px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.biao_ti2 {
width: 278px;
height: 44px;
opacity: 1;
left: 135px;
top: 155px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jiang_pin_da_hong_bao {
width: 361px;
height: 254px;
opacity: 1;
left: 94px;
top: 252px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.huo_de50_yuan_hua_fei_jiang_li {
width: 360px;
height: 30px;
opacity: 1;
left: 88px;
top: 216px;
text-align: center;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(92, 52, 52, 1);
}
.x4 {
width: 61px;
height: 61px;
opacity: 1;
left: 50%;
margin-left: -30.5px;
top: 685px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comdan_chuang_hen_bao_qian_wu_an_niuadd.less';
class Comdan_chuang_hen_bao_qian_wu_an_niuadd extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="dan_chuang_hen_bao_qian_wu_an_niuadd ">
<img
className="ji_hui_yong_wan_bei_jing_kuang "
src={this.state.resList['cd4d6922-5eda-4947-9f18-f5dd54de1122'].url}
/>
<img
className="ji_hui_yong_wan_biao_ti "
src={this.state.resList['7349d19e-21dd-4784-93df-554250d5efb2'].url}
/>
<span className="nin_jin_ri_de_chou_qia_ji_hui_yi_yong_wan22 ">您今日得抽卡机会已用完</span>
</div>
);
}
}
export default Comdan_chuang_hen_bao_qian_wu_an_niuadd;
.dan_chuang_hen_bao_qian_wu_an_niuadd {
width: 566px;
height: 454px;
opacity: 1;
left: 93px;
top: 671px;
position: absolute;
transform-origin: 0px 0px 0px;
.ji_hui_yong_wan_bei_jing_kuang {
width: 566px;
height: 454px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ji_hui_yong_wan_biao_ti {
width: 231px;
height: 44px;
opacity: 1;
left: 163px;
top: 149px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_jin_ri_de_chou_qia_ji_hui_yi_yong_wan22 {
width: 264px;
height: 25px;
opacity: 1;
left: 151px;
top: 216px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
}
}
'use strict';
import React, { Component } from 'react';
import API from '../../api';
import resList from '../../resconfig/resList';
import './comdan_chuang_hen_bao_qianadd.less';
import ViewCtrl from '../../util/viewCtrl';
class Comdan_chuang_hen_bao_qianadd extends Component {
constructor(props) {
super(props);
this.state = { resList: resList,shareFlag:false };
}
async inviteFriend(){
// console.log('111');
this.setState({
shareFlag:true
})
let {data,code,message,success} = await API.share();
let sceneId
if(data.raw){
let {raw:{shareCode,sharePic,shareTitle,shareSubTitle}} = data;
sceneId = data.raw.sceneId;
let globalShare = window['globalShare'];
const url = globalShare + encodeURIComponent( `https://activity.m.duiba.com.cn/projectx/p30d778bd/ff28a1170.html?sceneId=${sceneId}&shareCode=${shareCode}`);
window.invokeWX(url,shareTitle,shareSubTitle);
}
}
shareover(){
this.setState({
shareFlag:false
})
}
gotoPage(){
this.props.closeWin();
this.props.call();
}
render() {
let {shareFlag} = this.state;
let {data:{message,error}} = this.props;
console.log(this.props,'123')
return (
<div className="dan_chuang_hen_bao_qianadd ">
{
shareFlag ?
<img className="share" onClick={()=>this.shareover()} src={this.state.resList['83d1e966-db25-4856-b1d6-4961505354fd'].url} />
: null
}
<img
className="wu_ci_shu_yao_qing_bei_jing_kuang "
src={this.state.resList['8fee3961-9f05-4e0e-b206-a6c79b3fba1e'].url}
/>
<img
className="wu_ci_shu_yao_qing_hao_you_biao_ti "
src={this.state.resList['7349d19e-21dd-4784-93df-554250d5efb2'].url}
/>
{
error
?
<div>
<img className="wu_ci_shu_yao_qing_hao_you_an_niu test-md6"
onClick={()=>this.inviteFriend()}
src={this.state.resList['d456e11d-9357-41ec-8245-5d52246776f8'].url}/>
<span className="nin_jin_ri_de_chou_qia_ji_hui_yi_yong_wan23 ">您的抽奖机会已用完</span>
</div>
:
<div>
<img className="knowbtn test-md7" onClick={this.props.closeWin} src={this.state.resList['4ff2483a-7086-4ba6-abfe-af61d63f093e'].url} />
<span className="nin_jin_ri_de_chou_qia_ji_hui_yi_yong_wan ">您今日的抽奖次数已达上限</span>
<span className="qing_ming_ri_zai_lai_ba ">请明日再来吧</span>
</div>
}
{/* 无抽卡次数邀请好友 */}
{/* 今日抽卡次数加邀请次数上限 */}
<img className="x3" onClick={()=>this.gotoPage()} src={this.state.resList['8f5b5fec-9948-43dc-99da-e915b0571173'].url} />
</div>
);
}
}
export default Comdan_chuang_hen_bao_qianadd;
.dan_chuang_hen_bao_qianadd {
width: 566px;
height: 454px;
opacity: 1;
left: 93px;
top: 671px;
position: absolute;
transform-origin: 0px 0px 0px;
.share{
width: 750px;
height: 1800px;
opacity: 1;
z-index: 3;
left: -93px;
top: -671px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wu_ci_shu_yao_qing_bei_jing_kuang {
width: 566px;
height: 454px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wu_ci_shu_yao_qing_hao_you_biao_ti {
width: 231px;
height: 44px;
opacity: 1;
left: 163px;
top: 111px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wu_ci_shu_yao_qing_hao_you_an_niu {
width: 384px;
height: 81px;
opacity: 1;
left: 90px;
top: 267px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.knowbtn {
width: 384px;
height: 82px;
opacity: 1;
left: 90px;
top: 266px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_jin_ri_de_chou_qia_ji_hui_yi_yong_wan23 {
// width: 264px;
width: 320px;
height: 25px;
opacity: 1;
// left: 151px;
left: 50%;
margin-left: -160px;
top: 178px;
position: absolute;
text-align: center;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
}
.nin_jin_ri_de_chou_qia_ji_hui_yi_yong_wan {
// width: 264px;
width: 340px;
height: 25px;
opacity: 1;
// left: 151px;
left: 50%;
margin-left: -170px;
top: 178px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
}
.qing_ming_ri_zai_lai_ba {
width: 180px;
height: 24px;
opacity: 1;
// left: 212px;
left: 50%;
margin-left: -90px;
top: 213px;
text-align: center;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
}
.x3 {
width: 61px;
height: 61px;
opacity: 1;
// left: 211px;
left: 50%;
margin-left: -30.5px;
top: 500px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comdan_chuang_hen_yi_han_chou_jiang_ji_hui_yi_yong_wan1.less';
class Comdan_chuang_hen_yi_han_chou_jiang_ji_hui_yi_yong_wan1 extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="dan_chuang_hen_yi_han_chou_jiang_ji_hui_yi_yong_wan1 ">
<img className="bei_jing_kuangnm " src={this.state.resList['46e26750-7f85-45aa-bd17-97a9ddbd8987'].url} />
<span className="nin_de_chou_jiang_ji_hui_yi_yong_wan ">您的抽奖机会已用完</span>
<img className="biao_tiqw " src={this.state.resList['2cc5f7e9-0f95-4320-a227-59dfe7ad2ca1'].url} />
<img className="an_niuqwe " src={this.state.resList['87ad0365-4908-48ad-b0a5-f03425065a05'].url} />
</div>
);
}
}
export default Comdan_chuang_hen_yi_han_chou_jiang_ji_hui_yi_yong_wan1;
.dan_chuang_hen_yi_han_chou_jiang_ji_hui_yi_yong_wan1 {
width: 566px;
height: 454px;
opacity: 1;
left: 93px;
top: 671px;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing_kuangnm {
width: 566px;
height: 454px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_de_chou_jiang_ji_hui_yi_yong_wan {
width: 215px;
height: 25px;
opacity: 1;
left: 175px;
top: 192px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
display: none;
}
.biao_tiqw {
width: 231px;
height: 44px;
opacity: 1;
left: 163px;
top: 111px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niuqwe {
width: 384px;
height: 81px;
opacity: 1;
left: 90px;
top: 267px;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comdan_chuang_hen_yi_han_yao_qing_hao_you_zai_chou_yi_ciadd.less';
class Comdan_chuang_hen_yi_han_yao_qing_hao_you_zai_chou_yi_ciadd extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="dan_chuang_hen_yi_han_yao_qing_hao_you_zai_chou_yi_ciadd ">
<img
className="qia_pian_kong_bei_jing_kuang "
src={this.state.resList['59bd1413-47ce-4a00-b406-189d9b74e369'].url}
/>
<span className="qia_pian_hou_mian_shi_me_du_mei_you_ni24 ">卡片后面什么都没有呢</span>
<img className="qia_pian_kong_biao_ti " src={this.state.resList['82ae554f-01d0-4090-8380-5bfffe5be6a6'].url} />
<img
className="yao_qing_hao_you_an_niu "
src={this.state.resList['d456e11d-9357-41ec-8245-5d52246776f8'].url}
/>
</div>
);
}
}
export default Comdan_chuang_hen_yi_han_yao_qing_hao_you_zai_chou_yi_ciadd;
.dan_chuang_hen_yi_han_yao_qing_hao_you_zai_chou_yi_ciadd {
width: 566px;
height: 454px;
opacity: 1;
left: 93px;
top: 671px;
position: absolute;
transform-origin: 0px 0px 0px;
.qia_pian_kong_bei_jing_kuang {
width: 566px;
height: 454px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian_hou_mian_shi_me_du_mei_you_ni24 {
width: 238px;
height: 24px;
opacity: 1;
left: 170px;
top: 178px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
}
.qia_pian_kong_biao_ti {
width: 231px;
height: 44px;
opacity: 1;
left: 163px;
top: 111px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.yao_qing_hao_you_an_niu {
width: 384px;
height: 81px;
opacity: 1;
left: 90px;
top: 267px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comdan_chuang_hen_yi_han_yi_da_dao_shang_xian.less';
class Comdan_chuang_hen_yi_han_yi_da_dao_shang_xian extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="dan_chuang_hen_yi_han_yi_da_dao_shang_xian ">
<img className="bei_jing_kuangam " src={this.state.resList['65124347-6118-41cc-8e1a-a4cb431b0bf5'].url} />
<span className="nin_jin_ri_de_chou_jiang_ci_shu_yi_da_shang_xian ">您今日的抽奖次数已达上限</span>
<span className="qing_ming_ri_zai_lai_ba ">请明日再来吧</span>
<img className="biaoti " src={this.state.resList['2cc5f7e9-0f95-4320-a227-59dfe7ad2ca1'].url} />
<img className="knowbtn " src={this.state.resList['4ff2483a-7086-4ba6-abfe-af61d63f093e'].url} />
</div>
);
}
}
export default Comdan_chuang_hen_yi_han_yi_da_dao_shang_xian;
.dan_chuang_hen_yi_han_yi_da_dao_shang_xian {
width: 566px;
height: 454px;
opacity: 1;
left: 93px;
top: 671px;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing_kuangam {
width: 566px;
height: 454px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_jin_ri_de_chou_jiang_ci_shu_yi_da_shang_xian {
width: 287px;
height: 24px;
opacity: 1;
left: 139px;
top: 178px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
}
.qing_ming_ri_zai_lai_ba {
width: 142px;
height: 24px;
opacity: 1;
left: 212px;
top: 213px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
}
.biaoti {
width: 231px;
height: 44px;
opacity: 1;
left: 163px;
top: 111px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.knowbtn {
width: 384px;
height: 82px;
opacity: 1;
left: 90px;
top: 266px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import ViewCtrl from '../../util/viewCtrl';
import './comdan_chuang_hen_yi_han_zai_chou_yi_ciadd.less';
class Comdan_chuang_hen_yi_han_zai_chou_yi_ciadd extends Component {
constructor(props) {
super(props);
this.state = { resList: resList,shareFlag:false };
}
onceAgain(){
this.props.closeWin();
this.props.call();
}
async inviteFriend(){
this.setState({
shareFlag:true
})
let {data,code,message,success} = await API.share();
let sceneId
if(data.raw){
let {raw:{shareCode,sharePic,shareTitle,shareSubTitle}} = data;
sceneId = data.raw.sceneId;
let globalShare = window['globalShare'];
const url = globalShare + encodeURIComponent( `https://activity.m.duiba.com.cn/projectx/p30d778bd/ff28a1170.html?sceneId=${sceneId}&shareCode=${shareCode}`);
window.invokeWX(url,shareTitle,shareSubTitle);
}
}
shareover(){
this.setState({
shareFlag:false
})
}
render() {
let {shareFlag} = this.state
let {data:{remainingGameTimes}} = this.props;
console.log(this.props,'no')
return (
<div className="dan_chuang_hen_yi_han_zai_chou_yi_ciadd ">
{
shareFlag ?
<img className="share" onClick={()=>this.shareover()} src={this.state.resList['83d1e966-db25-4856-b1d6-4961505354fd'].url} />
: null
}
<img className="bei_jing_kuangm1 " src={this.state.resList['88889dac-807e-4b20-b552-196765dfed44'].url} />
<span className="qia_pian_hou_mian_shi_me_du_mei_you_ni25 ">卡片后面什么都没有呢</span>
<img className="biao_ti1 " src={this.state.resList['82ae554f-01d0-4090-8380-5bfffe5be6a6'].url} />
{/* 再抽一次按钮 */}
{
remainingGameTimes > 0
?
<img className="an_niu1 test-md8" onClick={()=>this.onceAgain()} src={this.state.resList['1b6d3f34-af76-428e-8f3f-87fc2ea2f8cd'].url} />
:
<img
className="yao_qing_hao_you_an_niu an_niu1 test-md9" onClick={()=>this.inviteFriend()}
src={this.state.resList['d456e11d-9357-41ec-8245-5d52246776f8'].url}
/>
}
<img className="x4 " onClick={()=>this.onceAgain()} src={this.state.resList['eb3007c7-ea26-471a-b7ab-e13dd63dbedc'].url} />
{/* 邀请好友按钮 */}
</div>
);
}
}
export default Comdan_chuang_hen_yi_han_zai_chou_yi_ciadd;
.dan_chuang_hen_yi_han_zai_chou_yi_ciadd {
width: 566px;
height: 454px;
opacity: 1;
left: 93px;
top: 671px;
position: absolute;
transform-origin: 0px 0px 0px;
.share{
width: 750px;
height: 1800px;
opacity: 1;
z-index: 3;
left: -93px;
top: -671px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.bei_jing_kuangm1 {
width: 566px;
height: 454px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian_hou_mian_shi_me_du_mei_you_ni25 {
// width: 238px;
width: 360px;
height: 24px;
opacity: 1;
// left: 170px;
left: 50%;
margin-left: -180px;
top: 178px;
position: absolute;
text-align: center;;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(92, 52, 52, 1);
}
.biao_ti1 {
width: 231px;
height: 44px;
opacity: 1;
left: 163px;
top: 111px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niu1 {
width: 384px;
height: 82px;
opacity: 1;
left: 90px;
top: 266px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.x4 {
width: 61px;
height: 61px;
opacity: 1;
// left: 211px;
left: 50%;
margin-left: -30.5px;
top: 500px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comdan_chuang_hen_yi_han_zhu_li_shi_bai.less';
class Comdan_chuang_hen_yi_han_zhu_li_shi_bai extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
assistFail(){
this.props.closeWin();
this.props.call();
}
render() {
return (
<div className="dan_chuang_hen_yi_han_zhu_li_shi_bai ">
<img
className="zhu_li_shi_bai_bei_jing "
src={this.state.resList['303e4dbc-c830-4707-b30a-0da5d342045a'].url}
/>
<img className="zhi_dao_liao_an_niu test-md11" onClick={()=>this.assistFail()} src={this.state.resList['849c75f8-bca2-4ea8-bd62-d0766cff9975'].url} />
<img className="zhu_li_shi_bai_biao_ti" src={this.state.resList['eccf9363-7731-46c8-a5fd-4a9d7b177c0a'].url} />
</div>
);
}
}
export default Comdan_chuang_hen_yi_han_zhu_li_shi_bai;
.dan_chuang_hen_yi_han_zhu_li_shi_bai {
width: 566px;
height: 454px;
opacity: 1;
left: 93px;
top: 671px;
position: absolute;
transform-origin: 0px 0px 0px;
.zhu_li_shi_bai_bei_jing {
width: 566px;
height: 454px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zhi_dao_liao_an_niu {
width: 384px;
height: 82px;
opacity: 1;
left: 90px;
top: 266px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zhu_li_shi_bai_biao_ti {
width: 416px;
height: 131px;
opacity: 1;
left: 73px;
top: 111px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comdan_chuang_huo_dong_gui_ze.less';
class Comdan_chuang_huo_dong_gui_ze extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
componentDidMount(){
this.refs.text.innerHTML = this.props.data.rule;
}
render() {
let {data:{rule}} = this.props;
return (
<div className="dan_chuang_huo_dong_gui_ze ">
<img
className="huo_dong_gui_ze_biao_ti "
src={this.state.resList['d658d422-d107-414f-9aec-1af71f01f268'].url}
/>
<img
className="iconhint "
src={this.state.resList['7e7519e2-0508-4f3a-bf99-1c68bb4e2448'].url}
/>
<div className="div ">
<label ref="text">{rule}</label>
</div>
<img className="x4" onClick={this.props.closeWin} src={this.state.resList['eb3007c7-ea26-471a-b7ab-e13dd63dbedc'].url} />
</div>
);
}
}
export default Comdan_chuang_huo_dong_gui_ze;
.dan_chuang_huo_dong_gui_ze {
width: 565px;
height: 533px;
opacity: 1;
left: 93px;
top: 636px;
position: absolute;
transform-origin: 0px 0px 0px;
.huo_dong_gui_ze_biao_ti {
width: 565px;
height: 533px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.iconhint{
width: 32px;
height: 32px;
left:264px;
top: 444px;
position: absolute;
}
.div {
width: 500px;
height: 300px;
opacity: 1;
display: block;
left: 32.5px;
top: 120px;
position: absolute;
overflow-y: auto;
transform-origin: 0px 0px 0px;
}
.x4 {
width: 61px;
height: 61px;
opacity: 1;
left: 50%;
margin-left: -30.5px;
top: 585px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import API from '../../api';
import resList from '../../resconfig/resList';
import util from '../../util/util';
import ViewCtrl from '../../util/viewCtrl';
import './comreceivenow.less';
class Comreceivenow extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
async receiveCard(){
util.disableClick('dian_ji_chou_qia1111');
let {data:{shareCode}} = this.props;
let token = await util.getProjectXToken();
let {code,message,data,success} = await API.acceptCard({shareCode,token});
let {errorMessage} = data;
if(data.raw){
this.props.closeWin();
this.props.call();
}else{
this.props.closeWin();
this.props.call();
ViewCtrl.showToast(errorMessage);
}
util.enableClick('dian_ji_chou_qia1111');
// 回调
// this.props.call();
}
gotoPage(){
this.props.closeWin();
this.props.call();
}
render() {
let {data:{shareCode,sharePic,inviterNickname}} = this.props;
return (
<div className="receivenow ">
{/* <span className="ji_qia_ying_hao_li ">集卡赢好礼</span> */}
<img className="zu1111 " src={this.state.resList['a4439d81-342e-45b1-b157-d962906b62ab'].url} />
{/* <img className="qia_pian1111 " src={this.state.resList['cb559965-2308-49be-b801-bddda6902cf5'].url} /> */}
<img className="qia_pian1111 " src={sharePic} />
<span className="hao_youxx_song_nin_yi_zhang_qia_pian ">好友{inviterNickname}送您一张卡片</span>
{/* <span className="ji_qi_qia_pian_dui_huanxx_hao_li ">集齐卡片 兑换XX豪礼</span> */}
<img className="dian_ji_chou_qia1111 test-md23" onClick={()=>this.receiveCard()} src={this.state.resList['a8ed87f3-a1e7-4045-8ead-45fe0d5baa89'].url} />
<img className="x " onClick={()=>this.gotoPage()} src={this.state.resList['ddf83e68-84e9-4da2-9bbf-930a61f796ff'].url} />
</div>
);
}
}
export default Comreceivenow;
.receivenow {
width: 480px;
height: 1046px;
opacity: 1;
left: 134px;
top: 183px;
position: absolute;
transform-origin: 0px 0px 0px;
.ji_qia_ying_hao_li {
width: 402px;
height: 75px;
opacity: 1;
left: 39px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 80px;
color: rgba(255, 220, 129, 1);
}
.zu1111 {
width: 480px;
height: 651px;
opacity: 1;
top: 178px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian1111 {
width: 423px;
height: 593px;
opacity: 1;
left: 27px;
top: 203px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.hao_youxx_song_nin_yi_zhang_qia_pian {
width: 520px;
height: 27px;
opacity: 1;
left: 0px;
top: 126px;
position: absolute;
transform-origin: 0px 0px 0px;
text-align: center;
font-size: 28px;
// color: rgba(180, 20, 21, 1);
color: white;
}
.ji_qi_qia_pian_dui_huanxx_hao_li {
width: 224px;
height: 23px;
opacity: 1;
left: 129px;
top: 175px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(92, 52, 52, 1);
}
.dian_ji_chou_qia1111 {
width: 456px;
height: 103px;
opacity: 1;
left: 15px;
top: 862px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.x {
width: 61px;
height: 61px;
opacity: 1;
left: 211px;
top: 985px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import API from '../../api';
import resList from '../../resconfig/resList';
import {getPxToken} from '../../libs/spark_gettoken';
import util from '../../util/util';
import './comsendtofriend.less';
import ViewCtrl from '../../util/viewCtrl';
import dataCenter from '../../util/dataCenter';
class Comsendtofriend extends Component {
constructor(props) {
super(props);
this.state = { resList: resList,shareFlag:false };
}
async sendCard(){
let {closeWin,data:{icon:{src,id}}} = this.props;
let srcpic = encodeURIComponent(src);
console.log('comsendtofriend');
// let token = await getPxToken(token => token);
let token = await util.getProjectXToken();
console.log(token,'token',src);
let {code,message,data,success} = await API.giveCard({token,cardId:id});
let {errorMessage} = data;
if(!success){
ViewCtrl.showToast(message);
return ;
}
this.setState({
shareFlag:true
})
if(data.raw){
// 赠卡
let {raw:{shareCode,sharePic,shareTitle,shareSubTitle}} = data;
dataCenter.setData('sendShareCode',shareCode);
let shareContent = {
sharePic,shareTitle,shareSubTitle
}
let globalShare = window['globalShare'];
let uri = 'https://activity.m.duiba.com.cn/projectx/p30d778bd/ff36fb009.html';
let link = globalShare + encodeURIComponent(uri + `?appID=${CFG.appID}`+ `&index=1004`+ `&shareCode=${shareCode}` + `&cardsType=send`+`&sharePic=${srcpic}` + "&is_from_share=0");
window.invokeWX(link,shareTitle,shareSubTitle);
}else{
ViewCtrl.showToast(errorMessage);
}
}
shareover(){
this.setState({
shareFlag:false
})
}
render() {
let {shareFlag} = this.state
let {closeWin,data:{icon,id}} = this.props;
console.log(this.props);
return (
<div className="sendtofriend ">
{
shareFlag ?
<img className="share" onClick={()=>this.shareover()} src={this.state.resList['d3279d9a-a943-41cb-8368-dbca5fe45e25'].url} />
: null
}
{/* <span className="ji_qia_ying_hao_liq ">集卡赢好礼</span> */}
<img className="zu44444 " src={this.state.resList['244939c4-2195-44e9-a175-a4d9f449e3b3'].url} />
{/* <img className="qia_pian4444 " src={this.state.resList['fa81cb8e-751f-42bb-b0bb-47761fddddf4'].url} /> */}
<img className="qia_pian4444 " src={icon.src} />
{/* <span className="nin_de_hao_youxx_song_nin_yi_zhang_qia_pian15 ">您的好友XX送您一张卡片</span> */}
{/* <span className="ji_qi_qia_pian_dui_huanxx_hao_li12345 ">集齐卡片 兑换XX豪礼</span> */}
<img className="dian_ji_chou_qia4444 test-md17" onClick={()=>this.sendCard()} src={this.state.resList['9b6b3769-414c-4e80-865f-15d2ec6ef15f'].url} />
<img className="x4 " onClick={closeWin} src={this.state.resList['eb3007c7-ea26-471a-b7ab-e13dd63dbedc'].url} />
</div>
);
}
}
export default Comsendtofriend;
.sendtofriend {
width: 480px;
height: 1046px;
opacity: 1;
left: 134px;
top: 108px;
position: absolute;
transform-origin: 0px 0px 0px;
.share{
width: 750px;
height: 1800px;
opacity: 1;
z-index: 3;
left: -134px;
top: -100px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ji_qia_ying_hao_liq {
width: 402px;
height: 75px;
opacity: 1;
left: 39px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 80px;
color: rgba(255, 220, 129, 1);
}
.zu44444 {
width: 480px;
height: 651px;
opacity: 1;
top: 178px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian4444 {
width: 423px;
height: 593px;
opacity: 1;
left: 27px;
top: 203px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_de_hao_youxx_song_nin_yi_zhang_qia_pian15 {
width: 311px;
height: 27px;
opacity: 1;
left: 85px;
top: 139px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(180, 20, 21, 1);
}
.ji_qi_qia_pian_dui_huanxx_hao_li12345 {
width: 224px;
height: 23px;
opacity: 1;
left: 129px;
top: 175px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(92, 52, 52, 1);
}
.dian_ji_chou_qia4444 {
width: 456px;
height: 103px;
opacity: 1;
left: 15px;
top: 862px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.x4 {
width: 61px;
height: 61px;
opacity: 1;
left: 211px;
top: 985px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './toast.less';
class Toast extends Component {
constructor(props) {
super(props);
this.state = this.state || { resList: resList };
}
render() {
return (
<div className="toast">
<label className="toastmsg">{this.props.msg}</label>
</div>
);
}
}
export default Toast;
.toast {
width: 100vw;
height: 100vh;
.toastmsg {
position: absolute;
color: #fff;
padding: 0.125rem;
border-radius: 0.05rem;
background-color: rgba(0, 0, 0, 0.7);
margin: 0 auto;
top: 50%;
left: 50%;
width: 50vw;
text-align: center;
transform: translateX(-50%);
}
}
\ No newline at end of file
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './waitting.less';
class Waitting extends Component {
constructor(props) {
super(props);
this.state = this.state || { resList: resList };
}
render() {
return (
<div className="waitting">
<div className="waittingbg"></div>
<img src="https://yun.duiba.com.cn/db_games/activity/timg.gif" />
</div>
);
}
}
export default Waitting;
.waitting {
width: 100vw;
height: 100vh;
.waittingbg {
position: relative;
width: 200vw;
height: 200vh;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.7);
margin: 0 auto;
// top: 50%;
// transform: translateY(-50%);
}
img {
width: 150px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
}
\ No newline at end of file
/**
* 截图方法封装
*
*
* 使用方法: npm install --save html2canvas
*
*
* import { createrPoster } from '../../libs/spark_createposter';
async createPoster()
{
let url = await createPoster("rule",{
x:window.innerWidth/4,
y:window.innerHeight/4,
width:window.innerWidth/2,
height:window.innerHeight/2
});
this.setState({
img_src:url
})
}
调用:this.createPoster();
jsx:
const {img_src=""} = this.state;
{img_src && <img src={img_src} style={{ width: '50vw', height: '50vw', position: "absolute", left: 0, top: 0 }} />}
*
*
* 注意事项:html2canvas有各种兼容问题
* 1:html2canvas 使用 1.0.0-rc.5 版本, ios 设备上会没有任何显示。then函数不会被回调也不会报错。请降级强制使用 1.0.0-rc.4 版本。(注意package.json 内的 "^1.0.0-rc.4" ^ 符号要去掉)
* 2:所有 dom 内的图片不能跨域,否则会导致白屏等奇怪问题。即使加上useCORS 与 allowTaint也无法解决,浏览器控制台直接会打印CORS相关报错。
* 3:生成的图片清晰度受原始图片的质量与width、height、windowWidth、windowHeight、scale 影响,请根据实际情况来调节这几个参数。
* 4:如果生成的base64图片过大,会导致图片无法显示,请相应减小3中的几个参数值。
* 5:不可将图片转换为Blob的形式,设备虽然可以正常显示图片,但是无法进行长按保存,保存下来的图片可能为一个空白的图像。
* 6:在指定dom来生成图片时,会受offsetTop与offsetLeft影响。例如 offsetTop 为 20 时,生成的图片顶部 20px(不一定为 20px)的距离会被所设置的backgroundColor(默认白色)颜色填充。这时,可使用 x与y参数进行校正。
* 7:如果一直出现跨域的情况,或者图片一直不出现的情况,可考虑将图片资源转换成 base64。例如就遇到二维码图片链接某些设备上一直不出现,则可以考虑接口直接返回二维码内容,由前端根据返回的内容来创建二维码。
* 8:当还出现一些奇奇怪怪的问题时,可尝试切换html2canvas版本。
*/
import html2Canvas from 'html2canvas';
/**
*
* @param {*} domId dom的id名,不传默认是body
* @param {*} options 重写的截图配置,具体参考html2canvas官方示例:http://html2canvas.hertzen.com/configuration
* @param {*} imgType 图片类型,默认是jpg
*/
const createPoster=async (domId,options={},imgType="image/jpeg")=>{
let dom = domId?document.getElementById(domId):document.body;
let defaultOptions={
useCORS:true,
scale:devicePixelRatio||1,
width:window.innerWidth,
height:window.innerHeight,
windowWidth:window.innerWidth,
windowHeight:window.innerHeight
}
options={
...defaultOptions,
...options
}
let canvas = await html2Canvas(dom,options).catch(err=>{console.error("截图失败:",err)})
return canvas.toDataURL(imgType);
}
export default createPoster;
\ No newline at end of file
/**
* 两种获取token封装(getPxToken和getDuibaToken)
*
*
*/
/**
* @param {} callback
*/
if (!document.getElementById("scriptkey")) {
const scriptkey = document.createElement('script')
scriptkey.async = 'async';
scriptkey.src = `getTokenKey`;
scriptkey.id = "scriptkey";
document.getElementsByTagName('head')[0].appendChild(scriptkey);
const scriptjs = document.createElement('script')
scriptjs.async = 'async';
scriptjs.id = "scriptjs";
scriptjs.src = `//yun.duiba.com.cn/js-libs/px-token/0.0.3/px-token.min.js`;
document.getElementsByTagName('head')[0].appendChild(scriptjs);
scriptjs.onload = () => {
}
}
const getPxToken = (callback) => {
if (window.getPxToken) {
__getPxToken(callback);
return;
}
console.log("px-token.min.js尚未加载完成,请稍后再试")
// callback("waiting..."); //这里就不返回,不做处理
}
function __getPxToken(callback) {
if (window.getPxToken) {
window.getPxToken((e, token) => {
console.info('get px token:', e);
switch (e) {
case 'net error':
break;
case 'need reload':
break;
case 'need login':
break;
case 'state invalid':
break;
default:
callback(token);
}
})
}
}
/**
* @param {} resolve
* @param {} reject
* @param {} againOrderId
*/
const getDuibaToken=(resolve, reject,againOrderId)=>{
$.ajax({
url: '/ctoken/getToken',
type: 'post',
dataType: 'json',
success: function (res) {
if (res.success) {
var data = {
actId: CFG?.actId||"",
oaId: CFG?.oaId||""
};
eval(res.token);
var key = '';
data.token = window[key];
if (againOrderId) {
data.againOrderId = againOrderId;
}
resolve && resolve(data);
} else {
reject('systemError', { message: res.message });
}
},
error: function () {
reject('networkError');
}
});
}
module.exports={
getPxToken,
getDuibaToken
}
/**
* 接口轮询组件封装
*
* import startRolling from '../../libs/spark_requstrolling.js';
*
* async rollingTest() {
await startRolling(async() => {
return await API.getOrderStatusForThrough({});
}, 5, 1000, "data.lottery.id", 7489, (data) => {
console.log("success:", data);
}, (err) => {
console.log("error:", err);
});
}
调用:this.rollingTest();
*
*
*
* @param {*} fn API请求方法
* @param {*} count 轮询次数
* @param {*} delay 每次轮询的延迟时间(毫秒)
* @param {*} rollKey 断定轮询的条件 采用a.b.c.d结构,例如data.lottery.id
* @param {*} rollValue 断定轮询的值
* @param {*} resolve 成功回调
* @param {*} reject 失败回调
* @param {*} rollingIndex 起始次数,不用传,默认就好
*/
const startRolling = async (fn, count, delay, rollKey, rollValue, resolve, reject, rollingIndex = 1) => {
if (typeof fn !== "function") {
if(reject)reject()
return;
}
console.log("开始轮询,当前轮询次数",rollingIndex)
let result = await fn();
console.log(result);
if (result.success) {
rollingIndex = 1;
if (resolve) resolve(result);
} else {
if (rollKey) {
let rollKeyArr = rollKey.split(".");
let condition = result;
rollKeyArr.map(res => condition = condition[res])
if (condition == rollValue && rollingIndex < count) {
setTimeout(() => {
startRolling(fn, count, delay, rollKey, rollValue, resolve, reject, ++rollingIndex);
}, delay);
} else {
if (reject) reject(result);
}
} else {
if (reject) reject(result);
}
}
}
export default startRolling;
/**
* 微信分享组件封装
*
* 使用方法:
* import wxShare from 'libs/spark_wxshare'
* wxShare(options)
*
*
* options 参数(可选)
* appId: (必填) String, 公众号的唯一标识
* timestamp: (必填) String, 生成签名的时间戳
* nonceStr: (必填) String, 生成签名的时间戳
* signature: (必填) String, 签名
* jsApiList: (可选) Array, 调用接口列表,默认 ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ']
* title: (可选) String, 分享标题,默认doucment.title
* desc: (可选) String, 分享描述,默认空
* shareUrl: (可选) String, 分享链接, 默认当前链接
* imgUrl: (可选) String, 分享图片,默认空
*
*/
const configBuilder = {
onMenuShareTimeline(config) {
return {
title: config.title,
desc: config.desc,
link: config.shareUrl,
imgUrl: config.imgUrl
}
},
onMenuShareAppMessage(config) {
return {
title: config.title,
desc: config.desc,
link: config.shareUrl,
imgUrl: config.imgUrl
}
},
onMenuShareQQ(config) {
return {
title: config.title,
desc: config.desc,
link: config.shareUrl,
imgUrl: config.imgUrl
}
}
}
export default function (config = {}) {
/* if (!/MicroMessenger/.test(window.navigator.userAgent)) {
return false
} */
if(document.getElementById("jweixin"))
{
__handleReady(config);
return;
}
const script = document.createElement('script')
script.async = 'async';
script.id="jweixin";
script.src = `//res.wx.qq.com/open/js/jweixin-1.2.0.js`
document.getElementsByTagName('head')[0].appendChild(script)
script.onload = () => {
__handleReady(config);
}
}
function __handleReady(config) {
if (typeof wx !== 'undefined') {
config.api = config.api || ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ']
// 默认值
config.imgUrl = config.imgUrl || '';
config.shareUrl = config.shareUrl || window.location.href
config.desc = config.desc || ''
config.title = config.title || document.title
alert(JSON.stringify(config));
wx.config({
// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
debug: true,
// 必填,公众号的唯一标识
appId: config.appid || config.appId || '',
// 必填,生成签名的时间戳
timestamp: config.timestamp || '',
// 必填,生成签名的随机串
nonceStr: config.nonceStr || '',
// 必填,签名,见附录1
signature: config.signature || '',
// 必填,需要使用的JS接口列表
jsApiList: [].concat(config.api)
})
wx.ready(() => {
// wx.checkJsApi({
// jsApiList: config.api
// })
config.api.forEach(key => {
wx[key](configBuilder[key](config))
})
})
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api';
import ViewCtrl from "../../util/viewCtrl";
import Enum from '../../util/enum';
import {getPxToken} from '../../libs/spark_gettoken'
import './pagehe_cheng_qia_ye_mian.less';
import util from '../../util/util';
import { loadSvga, SvgaStage, MovieClip } from "@mrkwon/svga-player"
const SVGA = require('svgaplayerweb')
class Pagehe_cheng_qia_ye_mian extends Component {
constructor(props) {
super(props);
this.state = {
resList: resList,
cardHide:{
count1:{
count:'',
id:''
},
count2:{
count:'',
id:''
},
count3:{
count:'',
id:''
},
count4:{
count:'',
id:''
},
count5:{
count:'',
id:''
},
},
// 公众号
subscribeData:{},
overZero:"",
list:[],
firstPrize:'',
assistTimesPop:'',
shareFlag:false,
guideFlag:false,
startTime:'',
endTime:'',
svgaArr:[
{
name:'吃肉不长胖',
card:'//yun.duiba.com.cn/spark/assets/meat.eaab9cd5afb361dec0a411a49ef5a556d91ca84b.svga',
},
{
name:'熬夜不变丑',
card:'//yun.duiba.com.cn/spark/assets/stay.34cb9866cadbcc8068013fc954f89115809e83e0.svga',
},
{
name:'加薪不加班',
card:'//yun.duiba.com.cn/spark/assets/salary.c9aabbc3050e315d7496256333a993fda6440102.svga',
},
{
name:'脱单不脱发',
card:'//yun.duiba.com.cn/spark/assets/nosingle.b103d7c35c7371bb6a1c460a89932f4d2220664c.svga',
},
{
name:'暴富不爆痘',
card:'//yun.duiba.com.cn/spark/assets/rich.1d8e270d59eae06ed0d3c41a7c107f84ed18dfd6.svga',
}
]
};
}
async componentDidMount(){
// var yu = new SVGA.Player('.yu');
// var parser = new SVGA.Parser('.yu');
// parser.load('//yun.duiba.com.cn/spark/assets/hechengka.803d4476b72f3490e66710f0d6918dfba3414527.svga',function(videoItem){
// yu.setVideoItem(videoItem);
// yu.startAnimation();
// yu.loops = 1;
// yu.onFinished(()=>{
// // yu.stepToPercentage(0.999,true);
// // yu.stopAnimation();
// ViewCtrl.showWin(Enum.Com.GetPrize,{icon,name,prizeId,url,userRecordId},()=>this.callBackFun());
// let curnode = document.getElementsByClassName('dan_chuang_he_cheng_qia_cheng');
// curnode.style.display = 'block';
// })
// },function(e){console.log(e)})
// 自动带参分享
this.prizeList();
this.homeinfo();
this.assistJudge();
this.sendorreceive();
}
async homeinfo(){
let {cardHide} = this.state;
let {code,message,data,success} = await API.homeInfo();
let {errorMessage} = data;
if(success){
if(data.raw){
let {raw:{assistTimesPop,isSubscribe,remainingGameTimes,cards,endTime,startTime,systemTime}} = data;
this.setState({
startTime,
endTime
})
// 是否关注公众号
if(isSubscribe){
// 已关注
// 数量为0添加蒙层
for(let i=0 ;i<cards.length;i++){
let count = cards[i].count;
let id = cards[i].id;
// 判断有没有count为0
// 接口数据延迟
console.log(count,id);
cardHide['count'+(i+1)].count = count;
cardHide['count'+(i+1)].id = id;
}
// 是否集齐卡片
let overZero = cards.every(val=> val.count > 0)
this.setState({
cardHide,
overZero
})
this.setState({
assistTimesPop,
remainingGameTimes,
})
if(assistTimesPop > 0){
ViewCtrl.showWin(Enum.Com.AssistSucceed,{assistTimesPop},()=>this.callBackFun());
}
}else{
// 未关注公众号
// 1.调用公众号接口
// let {code, message, data, success} = await API.share();
// let {errorMessage} = data;
// if(success){
// let {sharePic,shareCode,shareTitle,sceneId,shareSubTitle} = data.raw;
// this.setState({
// subscribeData:{
// sharePic,
// shareCode,
// shareTitle,
// shareSubTitle,
// sceneId
// }
// });
// 调用公众号弹窗
// ViewCtrl.showWin(Enum.Com.QRCode,{sharePic,shareCode,shareTitle,shareSubTitle,sceneId});
ViewCtrl.showWin(Enum.Com.QRCode);
}
}else{
ViewCtrl.showToast(errorMessage);
}
}else{
ViewCtrl.showToast(message);
}
}
// 助力判断
async assistJudge(){
let {assistTimesPop} = this.state;
// B助力跳转进来
// let shareCode = util.getQueryString('shareCodeFlag');
let shareCode = util.getQueryString('shareKey');
// let token = await util.getProjectXToken();
if(shareCode){
let {code,message,data,success} = await API.assist({shareCode});
let {errorMessage,errorCode} = data;
if(success){
console.log(errorCode);
if(data.raw){
// 获得卡片
// 待加动效
// if(data.raw){
let {prizeInfo} = data.raw;
let {icon,name,prizeId,url,userRecordId} = prizeInfo;
ViewCtrl.showWin(Enum.Com.DrawCard2,{icon,name,prizeId,userRecordId,assistTimesPop},()=>this.callBackFun());
// this.homeMove(name,()=>{
// })
// }
}else{
// 助力失败
if(errorCode == 400015){
ViewCtrl.showWin(Enum.Com.AssistFail,{a:1},()=>this.callBackFun());
}else{
ViewCtrl.showToast(errorMessage)
}
}
}else{
ViewCtrl.showToast(message);
}
}
}
// 赠卡索卡
sendorreceive(){
// 赠卡索卡判断(real)
let typeOfCard = util.getQueryString('typeOfCard');
if(typeOfCard == 'receive'){
// 赠送
let sharePic = util.getQueryString('sharePic');
// let shareCode = util.getQueryString('shareCode');
let shareCode = util.getQueryString('shareCode');
console.log(shareCode,'shareccc');
let inviterNickname = util.getQueryString('inviterNickname')
ViewCtrl.showWin(Enum.Com.ConfirmSend,{sharePic,shareCode:shareCode,inviterNickname},()=>this.callBackFun());
}
if(typeOfCard == 'send'){
// 赠送
let sharePic = util.getQueryString('sharePic');
// let shareCode = util.getQueryString('shareCode');
let shareCode = util.getQueryString('shareCode');
console.log(shareCode,'shareddd');
let inviterNickname = util.getQueryString('inviterNickname')
ViewCtrl.showWin(Enum.Com.ReceiveNow,{sharePic,shareCode:shareCode,inviterNickname},()=>this.callBackFun());
}
}
async prizeList(){
let {code,message,success,data} = await API.queryData();
// let {errorMessage} = data;
if(success){
let list = data;
list = list.filter((item)=>item.prizeId != 'thanks');
let firstPrize = list[0].name;
this.setState({
list,
firstPrize
})
}else{
// ViewCtrl.showToast(errorMessage);
ViewCtrl.showToast(message);
}
}
/* 规则 */
async ruleBtn(){
// 规则接口
// 待加...
let {code,message,data,success} = await API.getRule();
if(success){
ViewCtrl.showWin(Enum.Com.Rule,{rule:data});
}else{
ViewCtrl.showToast(message)
}
}
/* 邀请页面 */
async invitedRecord(){
// ViewCtrl.changePage(Enum.Page.InviteRecordPage);
let {startTime,endTime} = this.state;
let curdate = new Date().getTime();
if(curdate < startTime ){
ViewCtrl.showToast('活动未开始');
}else if(curdate > endTime){
ViewCtrl.showToast('活动已结束');
} else {
// 邀请记录
console.log('click');
//接口
let {code,message,data,success} = await API.getInviteList();
console.log(data,'1');
if(data.raw){
let list = data.raw.list;
ViewCtrl.changePage(Enum.Page.InviteRecordPage,{list});
}else{
ViewCtrl.showToast(data.errorMessage);
}
}
}
/* 再抽一次回调函数 */
callBackFun (){
// this.drawCard();
this.homeinfo();
}
// 我的奖品
myPrize(){
window.location.href = 'f1c986bc7.html';
}
/* 抽卡 */
async drawCard(){
let {startTime,endTime} = this.state;
let curdate = new Date().getTime();
if(curdate < startTime ){
ViewCtrl.showToast('活动未开始');
}else if(curdate > endTime){
ViewCtrl.showToast('活动已结束');
}else{
util.disableClick('dian_ji_chou_qia');
// document.getElementById('beeAni').style.display="block";
let {remainingGameTimes} = this.state;
let token = await util.getProjectXToken();
let {code,message,data,success} = await API.join({token});
let {errorMessage,errorCode} = data;
if(success){
if(data.raw){
this.setState({
guideFlag:true
})
this.homeMove(data.raw.name,()=>{
let {icon,name,prizeId,userRecordId} = data.raw;
ViewCtrl.showWin(Enum.Com.DrawCard,{icon,name,prizeId,userRecordId,remainingGameTimes},()=>this.callBackFun());
})
// 抽卡弹窗
} else {
let error;
if(errorCode == '300003'){
// 免费次数 不足
let error = true;
ViewCtrl.showWin(Enum.Com.PlayCount,{message,error},()=>this.callBackFun())
// ViewCtrl.showToast(message);
} else if(errorCode == '400022'){
// 今日次数上限用完弹窗
error = false
ViewCtrl.showWin(Enum.Com.PlayCount,{message,error},()=>this.callBackFun());
}else{
ViewCtrl.showToast(errorMessage);
}
}
}else{
ViewCtrl.showToast("网络异常");
}
util.enableClick('dian_ji_chou_qia');
}
// }else{
// 没有游戏剩余次数
// }
// 抽卡接口
}
/* 吃肉不长胖蒙层(赠送卡片) */
sendNotBecomeFat(url,id){
let {startTime,endTime} = this.state;
let curdate = new Date().getTime();
if(curdate < startTime ){
ViewCtrl.showToast('活动未开始');
}else if(curdate > endTime){
ViewCtrl.showToast('活动已结束');
} else {
let icon = url;
console.log(icon,'icon')
ViewCtrl.showWin(Enum.Com.SendToFriend,{icon});
}
}
/* 吃肉不长胖蒙层(索要卡片) */
requireNotBecomeFat(url,id){
let {startTime,endTime} = this.state;
let curdate = new Date().getTime();
if(curdate < startTime ){
ViewCtrl.showToast('活动未开始');
}else if(curdate > endTime){
ViewCtrl.showToast('活动已结束');
} else {
console.log(url)
let icon = url;
ViewCtrl.showWin(Enum.Com.BagForFriend,{icon,id});
}
// e.persist();
}
// 合成卡片
async getPrizes(){
util.disableClick('he_cheng_qia_pian');
// 动效
// 每张卡片数量减一
// 合成卡片接口(token)
// let token = getPxToken(token=>token)
// document.getElementById('collect').style.display="block";
this.setState({
guideFlag:true
})
let token = await util.getProjectXToken();
let {code,message,data,success} = await API.sendPrize({token});
console.log(code,message,data,success,'alll');
let {errorMessage} = data;
if(!success){
ViewCtrl.showToast(message);
return ;
}
if(data.raw){
this.homeBeeMove(()=>{
let {icon,name,prizeId,url,userRecordId} = data.raw;
ViewCtrl.showWin(Enum.Com.GetPrize,{icon,name,prizeId,url,userRecordId},()=>this.callBackFun());
});
}else{
ViewCtrl.showToast(errorMessage);
}
util.enableClick('he_cheng_qia_pian');
// 弹窗中奖弹窗
}
defaultshare(shareurl){
let url = window.location.href;
window.globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
initWx(url);
//初始化微信分享
function invokeWX(url,title,desc) {
console.log(url,title,desc,'params');
let share = {
title: title,
desc: desc,
url: url,
imgUrl:
"https://yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png",
};
wx.onMenuShareTimeline({
title: share.title,
desc: share.desc,
link: share.url,
imgUrl: share.imgUrl,
success: function () {},
cancel: function () {},
});
wx.onMenuShareAppMessage({
title: share.title,
desc: share.desc,
link: share.url,
imgUrl: share.imgUrl,
success: function () {},
cancel: function () {},
});
}
function initWx(url) {
$.ajax({
type: "get",
url: "/wechatShare/getShareInfo/v2",
data: {
wxdebug: false,
url: encodeURIComponent(url),
},
cache: false,
dataType: "json",
success: function (res) {
if (!res.success) {
return;
}
wx.config({
debug: false,
appId: res.wxappid,
timestamp: res.wxtimestamp,
nonceStr: res.wxnonceStr,
signature: res.wxsignature,
jsApiList: [
"checkJsApi",
"onMenuShareTimeline",
"onMenuShareAppMessage",
],
});
wx.error(function (res) {
console.error("wx error", res);
});
// wx.ready(function () {
// invokeWX('https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect=https%3a%2f%2factivity.m.duiba.com.cn%2fprojectx%2fp30d778bd%2findex.html%3fappID%3d78607',
// '我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!','集齐卡片即可直接获得话费大奖,快跟我一起吧'
// );
// });
wx.ready(function () {
invokeWX(shareurl,
'我正在参加“国庆攒人品,集卡赢好礼”,点击帮我助力!','集齐卡片即可直接获得话费大奖,快跟我一起吧'
);
});
},
error: function (err) {},
});
}
}
async defaultInviteFriend(){
// console.log('111');
util.disableClick('yao_qing_hao_you_zeng_jia_chou_jiang_ji_hui');
let {data,code,message,success} = await API.share();
let sceneId
if(data.raw){
let {raw:{shareCode,sharePic,shareTitle,shareSubTitle}} = data;
sceneId = data.raw.sceneId;
let globalShare = window['globalShare'];
// const url = globalShare + encodeURIComponent( `https://activity.m.duiba.com.cn/projectx/p7c1b802d/ff28a1170.html?sceneId=${sceneId}&shareCode=${shareCode}`);
const url = globalShare + encodeURIComponent( `https://activity.m.duiba.com.cn/projectx/p30d778bd/ff28a1170.html?sceneId=${sceneId}&shareCode=${shareCode}`);
// window.invokeWX(url,shareTitle,shareSubTitle);
this.defaultshare(url);
}
util.enableClick('yao_qing_hao_you_zeng_jia_chou_jiang_ji_hui');
}
// 邀请好友
async inviteFriend(){
let {startTime,endTime} = this.state;
let curdate = new Date().getTime();
if(curdate < startTime ){
ViewCtrl.showToast('活动未开始');
}else if(curdate > endTime){
ViewCtrl.showToast('活动已结束');
} else {
// console.log('111');
util.disableClick('yao_qing_hao_you_zeng_jia_chou_jiang_ji_hui');
this.setState({
shareFlag:true
})
let {data,code,message,success} = await API.share();
let sceneId
if(data.raw){
let {raw:{shareCode,sharePic,shareTitle,shareSubTitle}} = data;
sceneId = data.raw.sceneId;
let globalShare = window['globalShare'];
const url = globalShare + encodeURIComponent( `https://activity.m.duiba.com.cn/projectx/p7c1b802d/ff28a1170.html?sceneId=${sceneId}&shareCode=${shareCode}`);
// const url = globalShare + encodeURIComponent( `https://activity.m.duiba.com.cn/projectx/p30d778bd/ff28a1170.html?sceneId=${sceneId}&shareCode=${shareCode}`);
window.invokeWX(url,shareTitle,shareSubTitle);
}
util.enableClick('yao_qing_hao_you_zeng_jia_chou_jiang_ji_hui');
}
}
shareover(){
this.setState({
shareFlag:false
})
}
homeMove(name,fn){
let {svgaArr} = this.state;
let picsvga = '';
for(let s of svgaArr){
if(s.name == name){
picsvga = s.card;
}
}
console.log(document.getElementById('beeAni'))
document.getElementById('beeAni').style.display="block";
var svgaStage = new SvgaStage(document.getElementById('beeAni'))
loadSvga(picsvga, (v) => {
var mv = new MovieClip(v);
console.log(v)
console.log(mv)
document.getElementById('beeAni').width=mv.videoWidth;
document.getElementById('beeAni').height =mv.videoHeight
// console.log(mv.videoWidth,mv.videoHieght)
//添加进动画容器
mv.lockStep=true;
svgaStage.addChild(mv)
this.moveStage = svgaStage;
// mv.stop();
// this.halfHoney()
this.isLoadsvga = true
mv. startAniRange(1,mv.totalFrames,1,()=>{
this.setState({
guideFlag:false
})
// svgaStage.removeChild(mv)
fn&&fn()
})
}, (err) => { console.log(err) })
//循环起来
loop()
function loop(){
svgaStage.flush()
requestAnimationFrame(loop)
}
// this.halfHoney()
console.log(this.moveStage)
}
// svga
homeBeeMove(fn){
console.log(document.getElementById('collect'))
document.getElementById('collect').style.display="block";
var svgaStage = new SvgaStage(document.getElementById('collect'))
loadSvga("//yun.duiba.com.cn/spark/assets/hechengka.803d4476b72f3490e66710f0d6918dfba3414527.svga", (v) => {
var mv = new MovieClip(v);
// console.log(v)
// console.log(mv)
document.getElementById('collect').width=mv.videoWidth;
document.getElementById('collect').height =mv.videoHeight
// console.log(mv.videoWidth,mv.videoHieght)
//添加进动画容器
mv.lockStep=true;
svgaStage.addChild(mv)
this.moveStage = svgaStage;
// mv.stop();
// this.halfHoney()
this.isLoadsvga = true
console.log('bee');
mv. startAniRange(1,mv.totalFrames,1,()=>{
svgaStage.removeChild(mv)
this.setState({
guideFlag:false
})
fn&&fn()
})
}, (err) => { console.log(err) })
//循环起来
loop()
function loop(){
svgaStage.flush()
requestAnimationFrame(loop)
}
// this.halfHoney()
console.log(this.moveStage)
}
// 熬夜不变丑
/* 可点击,说明有卡,不然会被蒙层覆盖 */
render() {
let {cardHide,overZero,list,firstPrize,shareFlag,remainingGameTimes,guideFlag} = this.state;
var curWidth=window.screen.width;
var tarWidth=375;
var scalc=curWidth/tarWidth;
console.log(overZero,'zero',list);
return (
<div className="he_cheng_qia_ye_mian ">
<img className="zhu_ye_bei_jing " src={this.state.resList['87043716-8c7f-482e-bc8c-8c095edf08d7'].url} />
{
guideFlag ? <div className="guide"></div> : null
}
{/* <div className="yu" loops="1" ></div> */}
<div className="area">
<canvas className="canvas" id="beeAni" ></canvas>
<canvas className="canvas" id="collect" ></canvas>
</div>
{/* 分享蒙层83d1e966-db25-4856-b1d6-4961505354fd */}
{
shareFlag ?
<img className="share" onClick={()=>this.shareover()} src={this.state.resList['83d1e966-db25-4856-b1d6-4961505354fd'].url} />
: null
}
<div className="zu_jian ">
{/* 活动规则 */}
<img className="huo_dong_gui_ze test-md3" onClick={()=>this.ruleBtn()} src={this.state.resList['f48cede0-1abb-49a9-8915-13cc274308f2'].url} />
{/* 我的奖品 */}
<img className="wo_de_jiang_pin test-md4" onClick={()=>this.myPrize()} src={this.state.resList['7ebb1ea2-4453-4bd0-ae51-116d04bccbb9'].url} />
{/* 邀请记录 */}
<img className="yao_qing_ji_lu " onClick={()=>this.invitedRecord()} src={this.state.resList['20a387c9-81bc-4f4d-9088-1ed9e3ddacc0'].url} />
</div>
<div className="qia_pian13 ">
<img className="qia_pian_bei_jing " src={this.state.resList['2d60f43b-977d-476a-9aa8-4d85510feec0'].url} />
<div className="qia_pian1 ">
{/* 吃肉不长胖 */}
<img
className="chi_rou_bu_chang_pang "
onClick={()=>this.sendNotBecomeFat({src:this.state.resList['634485fa-14d0-4207-a26f-f8589e6cabc2'].url,id:cardHide.count1.id})}
src={this.state.resList['1808ebba-a321-41ff-8ed2-fde9697a6af5'].url}
/>
{
cardHide.count1.count == 0 ? <img
className="yuan_jiao_ju_xing3_kao_bei5"
onClick={()=>this.requireNotBecomeFat({src:this.state.resList['634485fa-14d0-4207-a26f-f8589e6cabc2'].url,id:cardHide.count1.id})}
src={this.state.resList['2e7ddce3-6d92-4b61-ba1c-28065cd402c0'].url} />
:
<div className="zu2_kao_bei2 ">
<img
className="tuo_yuan1_kao_bei616 "
src={this.state.resList['45e4606c-a02f-4a77-88e4-07a4c9d39652'].url}
/>
<span className="tu_ceng3 ">{cardHide.count1.count}</span>
</div>
}
</div>
<div className="qia_pian2 ">
{/* 熬夜不变丑 */}
<img className="ao_ye_bu_bian_chou19"
onClick={()=>this.sendNotBecomeFat({src:this.state.resList['6e7ad51c-58a3-44c5-a87f-cb46ace1917e'].url,id:cardHide.count2.id})}
src={this.state.resList['1e31b45e-6ff2-4a15-994c-961c2bbdacc2'].url} />
{
cardHide.count2.count == 0 ? <img
className="yuan_jiao_ju_xing3_kao_bei5 "
onClick={()=>this.requireNotBecomeFat({src:this.state.resList['6e7ad51c-58a3-44c5-a87f-cb46ace1917e'].url,id:cardHide.count2.id})}
src={this.state.resList['2e7ddce3-6d92-4b61-ba1c-28065cd402c0'].url} />
:
<div className="tu_ceng2_chang ">
<img
className="tuo_yuan1_kao_bei618 "
src={this.state.resList['ae8ca495-2c6b-46f1-b7d1-d8ab76b41327'].url}
/>
<span className="tu_ceng217 ">{cardHide.count2.count}</span>
</div>
}
</div>
<div className="qia_pian3 ">
{/* 加薪不加班 */}
<img className="jia_xin_bu_jia_ban "
onClick={()=>this.sendNotBecomeFat({src:this.state.resList['b1ef56c3-2b6a-4005-9c7a-f9922730a676'].url,id:cardHide.count3.id})}
src={this.state.resList['0a72f87f-81cd-4d13-b5e4-fbbf79f1b24b'].url} />
{/* 置灰图片cardHide.count3.count == 0 */}
{
cardHide.count3.count == 0 ? <img
className="yuan_jiao_ju_xing3_kao_bei5 "
onClick={()=>this.requireNotBecomeFat({src:this.state.resList['b1ef56c3-2b6a-4005-9c7a-f9922730a676'].url,id:cardHide.count3.id})}
src={this.state.resList['2e7ddce3-6d92-4b61-ba1c-28065cd402c0'].url} />
:
<div className="zu2_kao_bei2 ">
<img
className="tuo_yuan1_kao_bei616 "
src={this.state.resList['45e4606c-a02f-4a77-88e4-07a4c9d39652'].url}
/>
<span className="tu_ceng3 ">{cardHide.count3.count}</span>
</div>
}
</div>
<div className="qia_pian4 ">
{/* 脱单不脱发 */}
<img className="tuo_dan_bu_tuo_fa "
onClick={()=>this.sendNotBecomeFat({src:this.state.resList['ec0bd1fd-eba9-4891-912f-437f54e6ce8b'].url,id:cardHide.count4.id})}
src={this.state.resList['895238fa-a1da-4d4e-b2ac-30748563b2b5'].url} />
{/* 置灰图片 */}
{
cardHide.count4.count == 0 ? <img
className="yuan_jiao_ju_xing3_kao_bei5 "
onClick={()=>this.requireNotBecomeFat({src:this.state.resList['ec0bd1fd-eba9-4891-912f-437f54e6ce8b'].url,id:cardHide.count4.id})}
src={this.state.resList['2e7ddce3-6d92-4b61-ba1c-28065cd402c0'].url} />
:
<div className="zu2_kao_bei2 ">
<img
className="tuo_yuan1_kao_bei616 "
src={this.state.resList['45e4606c-a02f-4a77-88e4-07a4c9d39652'].url}
/>
<span className="tu_ceng3 ">{cardHide.count4.count}</span>
</div>
}
</div>
<div className="qia_pian5 ">
{/* 暴富不爆痘 */}
<img className="bao_fu_bu_bao_dou "
onClick={()=>this.sendNotBecomeFat({src:this.state.resList['2d7ba9f1-d5a6-4519-8ee1-0d9910364405'].url,id:cardHide.count5.id})}
src={this.state.resList['1925d9b2-3ab3-4e5e-a4bb-01da498896e6'].url} />
{/* 置灰图片 */}
{
cardHide.count5.count == 0 ? <img
className="yuan_jiao_ju_xing3_kao_bei6 "
onClick={()=>this.requireNotBecomeFat({src:this.state.resList['2d7ba9f1-d5a6-4519-8ee1-0d9910364405'].url,id:cardHide.count5.id})}
src={this.state.resList['0cb3082d-a41c-4923-8284-bfa920d8c891'].url}/>
:
<div className="zu2_kao_bei2 ">
<img
className="tuo_yuan1_kao_bei616 "
src={this.state.resList['45e4606c-a02f-4a77-88e4-07a4c9d39652'].url}
/>
<span className="tu_ceng3 ">{cardHide.count5.count}</span>
</div>
}
</div>
</div>
<div className="an_niu ">
{/* 合成卡片 */}
{/* 点击抽奖 */}
{
overZero
?
<img className="he_cheng_qia_pian test-md5" onClick={()=>this.getPrizes()} src={this.state.resList['c721829c-291e-49ad-8a00-b961d96a0358'].url} />
:
<div>
{/* <img className="dian_ji_chou_qia test-md1" onClick={()=>this.drawCard()} src={this.state.resList['cf402feb-d690-4fe0-aa97-b383dbe60782'].url} /> */}
<img className="dian_ji_chou_qia test-md1" onClick={()=>this.drawCard()} src={this.state.resList['99e2c9bb-bf58-45f8-9dd5-717ab9ad78bd'].url} />
<label className="clickgetprize"> <label className="cishu">X{remainingGameTimes ? remainingGameTimes: 0}</label></label>
</div>
}
{/* 邀请好友增加抽奖次数 */}
<img
className="yao_qing_hao_you_zeng_jia_chou_jiang_ji_hui test-md2" onClick={()=>this.inviteFriend()}
src={this.state.resList['84ebade1-b6d8-44ca-93f2-56316b676713'].url}
/>
<img
className="tishi"
src={this.state.resList['51f58bd5-62d0-41a9-b0a8-d37529c76a11'].url}
/>
</div>
<div className="ji_qi_qia_pian_ying_hao_li10 ">
<img
className="ji_qi_qia_pian_ying_hao_li12"
src={this.state.resList['8da2c5a8-2f83-42b3-b274-e7e981b0dddd'].url} />
<div className="container">
{
list.map((item,index)=>{
return(
<div className="item" key={index} style={{left:130*index*scalc}}>
{/* style={{left:185*index*scalc}} */}
<img className="qia_pian11 " src={item.icon} />
<label className="priname">{item.name}</label>
{/* <img className="qia_pian_kao_bei " src={this.state.resList['07a5c1a9-452c-4dcb-a4d1-1df1e5889314'].url} />
<img className="qia_pian_kao_bei2 " src={this.state.resList['8d758369-3ac5-4613-9e85-e41e9a202ed1'].url} />
<img className="ji_qi_bi_de " src={this.state.resList['c017451f-e6c3-4a57-97ea-191ef21cf86f'].url} /> */}
</div>
)
})
}
<img className="ji_qi_bi_de " src={this.state.resList['c017451f-e6c3-4a57-97ea-191ef21cf86f'].url} />
{/* <div className="item" >
<img className="qia_pian11 " src={this.state.resList['8e06fbba-a258-4bb0-9072-42996bcc98ac'].url} />
<img className="qia_pian_kao_bei " src={this.state.resList['07a5c1a9-452c-4dcb-a4d1-1df1e5889314'].url} />
<img className="qia_pian_kao_bei2 " src={this.state.resList['8d758369-3ac5-4613-9e85-e41e9a202ed1'].url} />
<img className="ji_qi_bi_de " src={this.state.resList['c017451f-e6c3-4a57-97ea-191ef21cf86f'].url} />
</div> */}
</div>
<span className="tu_ceng1_ji_qi5_zhang_bu_tong_qia_pian_bi_dexx_da_jiang ">1.集齐5张不同卡片必得{firstPrize}大奖</span>
<span className="tu_ceng2_huo_de_qia_pian_hou_fan_pai_gai_lu_de_yi_shang_jiang_pin_zhi_yi ">
2.点击翻开获得的卡片,有机会获得上述任一幸运好礼,
</span>
<span className="tu_ceng2_huo_de_qia ">
快来试试手气吧~
</span>
</div>
</div>
);
}
}
export default Pagehe_cheng_qia_ye_mian;
.he_cheng_qia_ye_mian {
width: 750px;
height: 1800px;
opacity: 1;
position: absolute;
overflow-x: hidden;
transform-origin: 0px 0px 0px;
.canvas{
width: 750px;
height: 100%;
opacity: 1;
z-index: 3;
pointer-events: none;
position: fixed;
}
// .area{
// width: 750px;
// height: 1100px;
// top:100px;
// position: fi;
// // overflow: hidden;
// .canvas{
// width: 750px;
// height: 1448px;
// top: -20px;
// opacity: 1;
// z-index: 3;
// pointer-events: none;
// position: fixed;
// }
.guide{
width: 750px;
height: 1800px;
left: 0;
top: 0;
z-index: 2;
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
}
.share{
width: 750px;
height: 1800px;
opacity: 1;
z-index: 3;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zhu_ye_bei_jing {
width: 750px;
height: 1800px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zu_jian {
width: 750px;
height: 83px;
opacity: 1;
top: 43px;
position: absolute;
transform-origin: 0px 0px 0px;
.huo_dong_gui_ze {
// width: 119px;
// height: 37px;
width: 143px;
height: 44px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wo_de_jiang_pin {
width: 143px;
height: 44px;
opacity: 1;
left: 610px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.yao_qing_ji_lu {
width: 143px;
height: 44px;
opacity: 1;
left: 610px;
top: 60px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.qia_pian13 {
width: 714px;
height: 647px;
opacity: 1;
left: 17px;
top: 418px;
position: absolute;
transform-origin: 0px 0px 0px;
.qia_pian_bei_jing {
width: 714px;
height: 647px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian1 {
width: 195px;
height: 273px;
opacity: 1;
left: 33px;
top: 30px;
position: absolute;
transform-origin: 0px 0px 0px;
.chi_rou_bu_chang_pang {
width: 195px;
height: 273px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zu2_kao_bei2 {
width: 37px;
height: 36px;
opacity: 1;
left: 170px;
position: absolute;
transform-origin: 0px 0px 0px;
.tuo_yuan1_kao_bei616 {
width: 37px;
height: 36px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng3 {
width: 30px;
height: 30px;
opacity: 1;
// left: 13px;
left: 50%;
top: 50%;
display: block;;
margin-top: -15px;
margin-left: -15px;
// top: 11px;
position: absolute;
text-align: center;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
}
.yuan_jiao_ju_xing3_kao_bei5 {
width: 198px;
height: 275px;
opacity: 0.4;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.qia_pian2 {
width: 203px;
height: 278px;
opacity: 1;
left: 260px;
top: 25px;
position: absolute;
transform-origin: 0px 0px 0px;
.ao_ye_bu_bian_chou19 {
width: 196px;
height: 273px;
opacity: 1;
top: 5px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.yuan_jiao_ju_xing3_kao_bei5 {
width: 198px;
height: 278px;
opacity: 0.4;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng2_chang {
width: 36px;
height: 36px;
opacity: 1;
left: 167px;
position: absolute;
transform-origin: 0px 0px 0px;
.tuo_yuan1_kao_bei618 {
width: 36px;
height: 36px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng217 {
width: 30px;
height: 30px;
opacity: 1;
// left: 13px;
left: 50%;
top: 50%;
// display: block;
margin-top: -15px;
margin-left: -15px;
// top: 11px;
position: absolute;
text-align: center;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
}
}
.qia_pian3 {
width: 207px;
height: 278px;
opacity: 1;
left: 487px;
top: 25px;
position: absolute;
transform-origin: 0px 0px 0px;
.jia_xin_bu_jia_ban {
width: 196px;
height: 273px;
opacity: 1;
top: 5px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.yuan_jiao_ju_xing3_kao_bei5 {
width: 198px;
height: 278px;
opacity: 0.4;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zu2_kao_bei2 {
width: 37px;
height: 36px;
opacity: 1;
left: 170px;
position: absolute;
transform-origin: 0px 0px 0px;
.tuo_yuan1_kao_bei616 {
width: 37px;
height: 36px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng3 {
width: 30px;
height: 30px;
opacity: 1;
// left: 13px;
left: 50%;
top: 50%;
display: block;;
margin-top: -15px;
margin-left: -15px;
// top: 11px;
position: absolute;
text-align: center;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
}
}
.qia_pian4 {
width: 198px;
height: 275px;
opacity: 1;
left: 125px;
top: 331px;
position: absolute;
transform-origin: 0px 0px 0px;
.tuo_dan_bu_tuo_fa {
width: 196px;
height: 273px;
opacity: 1;
left: 1px;
top: 1px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.yuan_jiao_ju_xing3_kao_bei5 {
width: 198px;
height: 275px;
opacity: 0.4;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zu2_kao_bei2 {
width: 37px;
height: 36px;
opacity: 1;
left: 170px;
position: absolute;
transform-origin: 0px 0px 0px;
.tuo_yuan1_kao_bei616 {
width: 37px;
height: 36px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng3 {
width: 30px;
height: 30px;
opacity: 1;
// left: 13px;
left: 50%;
top: 50%;
display: block;;
margin-top: -15px;
margin-left: -15px;
// top: 11px;
position: absolute;
text-align: center;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
}
}
.qia_pian5 {
width: 197px;
height: 273px;
opacity: 1;
left: 396px;
top: 331px;
position: absolute;
transform-origin: 0px 0px 0px;
.bao_fu_bu_bao_dou {
width: 196px;
height: 273px;
opacity: 1;
// left: 198px;
// top: 307px;
left: 0px;
top: 0px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zu2_kao_bei2 {
width: 37px;
height: 36px;
opacity: 1;
left: 170px;
position: absolute;
transform-origin: 0px 0px 0px;
.tuo_yuan1_kao_bei616 {
width: 37px;
height: 36px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng3 {
width: 30px;
height: 30px;
opacity: 1;
// left: 13px;
left: 50%;
top: 50%;
display: block;;
margin-top: -15px;
margin-left: -15px;
// top: 11px;
position: absolute;
text-align: center;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
}
.yuan_jiao_ju_xing3_kao_bei5 {
width: 198px;
height: 275px;
opacity: 0.4;
position: absolute;
transform-origin: 0px 0px 0px;
}
.yuan_jiao_ju_xing3_kao_bei6 {
width: 197px;
height: 275px;
opacity: 0.4;
// left: 198px;
// top: 306px;
left: 0px;
top: 0px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng2_zhang {
width: 36px;
height: 36px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.tuo_yuan1_kao_bei615 {
width: 36px;
height: 36px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng214 {
width: 10px;
height: 15px;
opacity: 1;
left: 13px;
top: 11px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 17px;
color: rgba(255, 255, 255, 1);
}
}
}
}
.an_niu {
width: 496px;
height: 221px;
opacity: 1;
left: 127px;
top: 1086px;
position: absolute;
transform-origin: 0px 0px 0px;
.he_cheng_qia_pian {
width: 496px;
height: 103px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.dian_ji_chou_qia {
width: 496px;
height: 103px;
opacity: 1;
display: block;
left: 0px;
top: 0px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.clickgetprize{
width: 496px;
height: 0.1px;
opacity: 1;
position: absolute;
// text-align: center;
top: 18px;
left: 140px;
font-size: 36px;
pointer-events: none;
font-weight: 700;
word-spacing: normal;
color: #d72b22;
.cishu{
font-size: 40px;
left: 170px;
// height: 0.1px;
top: 4px;
position: absolute;
color: #d72b22;
vertical-align: middle;
font-weight: 700;
pointer-events: none
}
}
.yao_qing_hao_you_zeng_jia_chou_jiang_ji_hui {
width: 496px;
height: 103px;
opacity: 1;
top: 118px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tishi {
width: 211px;
height: 36px;
opacity: 1;
display: block;
left: 360px;
top: 100px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.ji_qi_qia_pian_ying_hao_li10 {
width: 714px;
height: 453px;
opacity: 1;
left: 17px;
top: 1312px;
position: absolute;
transform-origin: 0px 0px 0px;
.ji_qi_qia_pian_ying_hao_li12 {
width: 714px;
height: 453px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.container::-webkit-scrollbar {display:none}
.container{
left: 50px;
top:80px;
width: 630px;
height: 236px;
position: absolute;
overflow-x: auto;
overflow-y: hidden;
.ji_qi_bi_de {
width: 58px;
height: 58px;
opacity: 1;
// left: 191px;
// top: 92px;
top: 10px;
left: 140px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.item{
top: 10px;
width: 185px;
height: 240px;
// left: 50px;
// top: 107px;
// width: 630px;
// height: 220px;
position: absolute;
.qia_pian11 {
width: 185px;
height: 200px;
opacity: 1;
// left: 50px;
// top: 107px;
top: 0;
left: 0;
position: absolute;
transform-origin: 0px 0px 0px;
}
.priname{
width: 185px;
height: 40px;
position: absolute;
top: 196px;
font-size: 20px;
color: #d72b22;
font-weight: 550;
text-align: center;
}
.qia_pian_kao_bei {
width: 186px;
height: 216px;
opacity: 1;
// left: 267px;
// top: 107px;
top: 0;
left: 217px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qia_pian_kao_bei2 {
// width: 185px;
width: 185px;
height: 216px;
opacity: 1;
// left: 481px;
// top: 107px;
top: 0;
left: 431px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
.tu_ceng1_ji_qi5_zhang_bu_tong_qia_pian_bi_dexx_da_jiang {
width: 520px;
height: 23px;
opacity: 1;
left: 50px;
top: 342px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(22, 22, 22, 1);
}
.tu_ceng2_huo_de_qia_pian_hou_fan_pai_gai_lu_de_yi_shang_jiang_pin_zhi_yi {
width: 680px;
height: 23px;
opacity: 1;
left: 49px;
top: 374px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(22, 22, 22, 1);
}
.tu_ceng2_huo_de_qia{
width: 640px;
height: 23px;
opacity: 1;
left: 70px;
top: 404px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(22, 22, 22, 1);
}
}
}
'use strict';
import React, { Component } from 'react';
import API from '../../api';
import resList from '../../resconfig/resList';
import Enum from '../../util/enum';
import util from '../../util/util';
import ViewCtrl from '../../util/viewCtrl';
import './pageyao_qing1.less';
class Pageyao_qing1 extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
async invite(){
// 接受助力token,shareCode
let token = util.getProjectXToken();
let shareCode = util.getQueryString('shareCode');
let {code,message,data,success} = await API.assist({token,shareCode});
if(success){
if(Object.keys(data.raw.prizeInfo).length != 0){
// 获得卡片
let {icon,name,prizeId,url,userRecordId} = data.raw.prizeInfo;
ViewCtrl.showWin(Enum.Com.DrawCard2,{icon,name,userRecordId});
}
}else{
if(code === '400015'){
ViewCtrl.showWin(Enum.Com.ComAssistFail)
}
}
}
render() {
return (
<div className="yao_qing1 ">
<img className="yao_qing_ye_mian " src={this.state.resList['6c09f198-2279-42cf-bb83-d3daa133b63c'].url} />
<img className="zhu_li_an_niu " onClick={()=>this.invite()} src={this.state.resList['94269d26-f8ca-4dd3-8298-be37d996e635'].url} />
</div>
);
}
}
export default Pageyao_qing1;
.yao_qing1 {
width: 750px;
height: 1800px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.yao_qing_ye_mian {
width: 746px;
height: 1800px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zhu_li_an_niu {
width: 496px;
height: 103px;
opacity: 1;
left: 124px;
top: 1365px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import Enum from '../../util/enum';
//import API from '../../api';
import util from '../../util/util'
import ViewCtrl from '../../util/viewCtrl';
import './pageyao_qing_ji_lu_ye_mian1.less';
class Pageyao_qing_ji_lu_ye_mian1 extends Component {
constructor(props) {
super(props);
this.state = {
resList: resList,
inviteArr:[],
showflag:false
};
}
componentDidMount(){
let inviteArr = [];
let {data:{list}} = this.props;
if(list.length != 0){
console.log('1',list);
for(let item of list){
if(item.userName.length >= 6){
item.userName = item.userName.substr(0,6);
}
let raw = {
userName: item.userName,
inviteDate: util.getDateDayMonthByTime(item.inviteDate)
}
inviteArr.push(raw);
}
this.setState({
inviteArr
})
}else{
this.setState({
showflag:true
})
}
}
goto(){
ViewCtrl.changePage(Enum.Page.Pageindex);
}
render() {
let {inviteArr,showflag} = this.state;
var curWidth=window.screen.width;
var tarWidth=375;
var scalc=curWidth/tarWidth;
return (
<div className="yao_qing_ji_lu_ye_mian1 ">
<img className="bei_jingm " src={this.state.resList['7d7622b7-5c3a-4ffe-974d-4ac217493bce'].url} />
<div className="title" onClick={()=>this.goto()}>
<img className="da" src={this.state.resList['69fd394c-8ab9-4c5b-8969-7b144a7a236e'].url} />
<label className="back">返回</label>
</div>
{/* <img className="da_biao_ti " src={this.state.resList['552e9090-bd89-43eb-91c6-6951436e1760'].url} /> */}
<img className="da_biao_ti " src={this.state.resList['0af299a2-1856-474e-a155-d7b3e95237e2'].url} />
<div className="container">
{
showflag
?
<label className="textname">暂无邀请记录</label>
:
null
}
{
inviteArr.map((item,index)=>{
return(
<div className="ming_xi4" key={index} style={{position:'absolute',top:25*index*scalc,background:(index%2==0?'#ffab1a':'white')}}>
{/* <div className="ju_xing1617_kao_bei " /> */}
<span className="tu_ceng20200829_kao_bei " style={{color:(index%2==0?'white':'black')}}>{item.inviteDate}</span>
<span className="cheng_gong_yao_qing_la_la_la010 " style={{color:(index%2==0?'white':'black')}}>成功邀请{item.userName}</span>
<span className="bao_fu_bu_bao_dou_qia_kao_bei " style={{color:(index%2==0?'white':'black')}}>抽卡次数一次</span>
</div>
)
})
}
</div>
{/* <div className="ming_xi2 ">
<span className="tu_ceng202008299 ">2020.08.29</span>
<span className="cheng_gong_yao_qing_la_la_la8 ">成功邀请啦啦啦</span>
<span className="wei_huo_de_qia_pian ">未获得卡片</span>
</div>
<div className="ming_xi3 ">
<span className="tu_ceng202008297 ">2020.08.29</span>
<span className="cheng_gong_yao_qing_la_la_la6 ">成功邀请啦啦啦</span>
<span className="bao_fu_bu_bao_dou_qia5 ">暴富不爆痘卡</span>
</div>
<div className="ming_xi1 ">
<div className="ju_xing1617 " />
<span className="tu_ceng202008294 ">2020.08.29</span>
<span className="cheng_gong_yao_qing_la_la_la3 ">成功邀请啦啦啦</span>
<span className="bao_fu_bu_bao_dou_qia2 ">暴富不爆痘卡</span>
</div> */}
</div>
);
}
}
export default Pageyao_qing_ji_lu_ye_mian1;
.yao_qing_ji_lu_ye_mian1 {
width: 750px;
height: 1800px;
opacity: 1;
position: absolute;
overflow-x: hidden;
transform-origin: 0px 0px 0px;
.bei_jingm {
width: 750px;
height: 1800px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.title{
width: 119px;
height: 37px;
opacity: 1;
top: 100px;
position: absolute;
transform-origin: 0px 0px 0px;
.da{
width: 119px;
height: 37px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.back{
pointer-events: none;
position: absolute;
text-align: center;
width: 119px;
height: 37px;
color: white;
}
}
.da_biao_ti {
width: 645px;
height: 39px;
opacity: 1;
left: 51px;
top: 270px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.container{
width: 750px;
height:1100px;
position: absolute;
top:320px;
.textname{
font-size: 40px;
width: 750px;
position: absolute;
height: 50px;
left: 50%;
top: 50%;
text-align: center;
color: '##d72b22';
margin-top: -20px;
margin-left: -375px;
}
}
.ming_xi4 {
width: 698px;
height: 50px;
opacity: 1;
left: 25px;
// top: 422px;
top: 0px;
vertical-align: middle;
position: absolute;
transform-origin: 0px 0px 0px;
.ju_xing1617_kao_bei {
width: 698px;
height: 50px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(255, 171, 26, 1);
}
.tu_ceng20200829_kao_bei {
width: 200px;
height: 40px;
opacity: 1;
left: 24px;
// top: 50%;
// margin-top: -20px;
top: 10px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
.cheng_gong_yao_qing_la_la_la010 {
width: 260px;
height: 40px;
opacity: 1;
left: 243px;
// top: 13px;
top: 50%;
margin-top: -20px;
position: absolute;
// line-height: 40px;
// vertical-align: middle;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
.bao_fu_bu_bao_dou_qia_kao_bei {
width: 200px;
height: 40px;
opacity: 1;
left: 518px;
// top: 12px;
top: 50%;
margin-top: -20px;
// line-height: 40px;
// vertical-align: middle;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
}
.ming_xi2 {
width: 615px;
height: 24px;
opacity: 1;
left: 49px;
top: 388px;
position: absolute;
transform-origin: 0px 0px 0px;
.tu_ceng202008299 {
width: 128px;
height: 18px;
opacity: 1;
top: 3px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(86, 55, 50, 1);
}
.cheng_gong_yao_qing_la_la_la8 {
width: 171px;
height: 24px;
opacity: 1;
left: 219px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(86, 55, 50, 1);
}
.wei_huo_de_qia_pian {
width: 121px;
height: 24px;
opacity: 1;
left: 494px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(86, 55, 50, 1);
}
}
.ming_xi3 {
width: 640px;
height: 24px;
opacity: 1;
left: 49px;
top: 483px;
position: absolute;
transform-origin: 0px 0px 0px;
.tu_ceng202008297 {
width: 128px;
height: 18px;
opacity: 1;
top: 3px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(86, 55, 50, 1);
}
.cheng_gong_yao_qing_la_la_la6 {
width: 171px;
height: 24px;
opacity: 1;
left: 219px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(86, 55, 50, 1);
}
.bao_fu_bu_bao_dou_qia5 {
width: 146px;
height: 24px;
opacity: 1;
left: 494px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(86, 55, 50, 1);
}
}
.ming_xi1 {
width: 698px;
height: 50px;
opacity: 1;
left: 25px;
top: 327px;
position: absolute;
transform-origin: 0px 0px 0px;
.ju_xing1617 {
width: 698px;
height: 50px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(255, 171, 26, 1);
}
.tu_ceng202008294 {
width: 128px;
height: 18px;
opacity: 1;
left: 24px;
top: 16px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
.cheng_gong_yao_qing_la_la_la3 {
width: 171px;
height: 24px;
opacity: 1;
left: 243px;
top: 13px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
.bao_fu_bu_bao_dou_qia2 {
width: 146px;
height: 24px;
opacity: 1;
left: 518px;
top: 13px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 25px;
color: rgba(255, 255, 255, 1);
}
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api';
import util from '../../util/util';
import './pagezeng_song_ling_qu1.less';
import dataCenter from '../../util/dataCenter';
import ViewCtrl from '../../util/viewCtrl';
import Enum from '../../util/enum';
class Pagezeng_song_ling_qu1 extends Component {
constructor(props) {
super(props);
this.state = {
resList: resList,
cardInfo:{},
cardType:'',
shareCode:''
};
}
async componentDidMount(){
let token = await util.getProjectXToken();
let shareCode = dataCenter.getData('sendShareCode') || '';
if(token){
// 查询赠卡的卡片信息
if(shareCode){
let {code,message,data,success} = await API.coop_getGiveCardInfo({shareCode});
if(success){
// let {inviterNickname, icon, name, prizeId} = data.raw;
this.setState({
cardInfo:data.raw,
cardType:'send',
shareCode
})
}else{
ViewCtrl.showToast(message);
}
}else{
// 查询索卡卡片信息
shareCode = dataCenter.getData('requestShareCode')
let {code,message,data,success} = await API.coop_getRequestCardInfo({shareCode});
if(success){
this.setState({
cardInfo:data.raw,
cardType:'request',
shareCode
})
}else{
ViewCtrl.showToast(message);
}
}
}
}
getCard(){
let {prizeId,icon} = this.state.cardInfo;
let {shareCode} = this.state
// 回到首页并弹窗好友赠送卡片
ViewCtrl.changePage(Enum.Page.Pageindex,{prizeId,pop:'receivenow',shareCode,icon});
}
sendCard(){
let {prizeId,icon} = this.state.cardInfo;
let {shareCode} = this.state;
ViewCtrl.changePage(Enum.Page.Pageindex,{prizeId,pop:'confirmsend',shareCode,icon});
}
render() {
let {cardInfo,cardType} = this.state
return (
<div className="zeng_song_ling_qu1 ">
<img className="ling_qu " src={this.state.resList['8c2efea6-d82f-45d0-929c-c9f58ce53df2'].url} />
{
cardType === 'send'
?
<div className="ling_qu_qia_pian ">
{/* <img className="kuangs " src={this.state.resList['dc7b5921-965c-452d-b8e3-9745210bfa88'].url} /> */}
<img className="bei_jing_kuanga " src={this.state.resList['83fd5e0c-8b8c-4515-96f9-58367f07651f'].url} />
<img className="suo_yao_qia_pian " src={cardInfo.icon} />
<img className="an_niud" onClick={()=>this.getCard()} src={this.state.resList['9253d53b-479d-45c0-b999-c0c6999048b8'].url} />
<span className="nin_de_hao_youxx_song_nin_yi_zhang_qia_piany ">您的好友{cardInfo.inviterNickname}送您一张卡片</span>
{/* <span className="ji_qi_qia_pian_dui_huanxx_hao_lit ">集齐卡片 兑换XX豪礼</span> */}
</div>
:
null
}
{
cardType === 'request'
?
<div className="zeng_song_qia_pian ">
<img className="bei_jing_kuanga " src={this.state.resList['83fd5e0c-8b8c-4515-96f9-58367f07651f'].url} />
{/* <img className="suo_yao_qia_pian " src={this.state.resList['c9331823-bf38-49a5-9d66-99b95251d959'].url} /> */}
<img className="suo_yao_qia_pian " src={cardInfo.icon} />
{/* <span className="nin_de_hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pianwq ">您的好友XX向您索要一张卡片</span> */}
<img className="zeng_song_an_niu " onClick={()=>this.sendCard()} src={this.state.resList['1cf6af5f-dd5c-449a-a4aa-5457843cd018'].url} />
</div>
:
null
}
</div>
);
}
}
export default Pagezeng_song_ling_qu1;
.zeng_song_ling_qu1 {
width: 750px;
height: 1334px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.ling_qu {
width: 750px;
height: 1334px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
}
.ling_qu_qia_pian {
width: 520px;
height: 799px;
opacity: 1;
left: 114px;
top: 344px;
position: absolute;
transform-origin: 0px 0px 0px;
display: none;
.kuangs {
width: 520px;
height: 669px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niud {
width: 456px;
height: 103px;
opacity: 1;
left: 35px;
top: 696px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_de_hao_youxx_song_nin_yi_zhang_qia_piany {
width: 310px;
height: 27px;
opacity: 1;
left: 106px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(180, 20, 21, 1);
}
.ji_qi_qia_pian_dui_huanxx_hao_lit {
width: 224px;
height: 23px;
opacity: 1;
left: 149px;
top: 55px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(92, 52, 52, 1);
}
.bei_jing_kuanga {
width: 520px;
height: 669px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.suo_yao_qia_pian {
width: 412px;
height: 575px;
opacity: 1;
left: 55px;
top: 70px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.zeng_song_qia_pian {
width: 520px;
height: 799px;
opacity: 1;
left: 114px;
top: 344px;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing_kuanga {
width: 520px;
height: 669px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.suo_yao_qia_pian {
width: 412px;
height: 575px;
opacity: 1;
left: 55px;
top: 70px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_de_hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pianwq {
width: 366px;
height: 27px;
opacity: 1;
left: 77px;
top: 27px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(180, 20, 21, 1);
}
.zeng_song_an_niu {
width: 456px;
height: 103px;
opacity: 1;
left: 35px;
top: 696px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
/**
* 目前没有用到
* @param {*} resList
* @param {*} uuid
*/
const getSrcByUuid = (resList, uuid) => {
resList = resList || [];
for (let i = 0; i < resList.length; i++) {
if (resList[i].uuid == uuid) {
return resList[i].url
}
}
}
module.exports = {
getSrcByUuid
}
\ No newline at end of file
const resList = {
'3323c5c2-c517-495e-9087-c60ea8d20e4e': {
name: '二维码背景m',
ext: '.png',
uuid: '3323c5c2-c517-495e-9087-c60ea8d20e4e',
url: '//yun.duiba.com.cn/spark/assets/d6d6466de2eb5171a13ecb2d6969107b8d7e9944.png',
},
'bc2d3d38-abe0-4310-8c55-9e3970ad3cb0': {
name: '矩形2',
ext: '.png',
uuid: 'bc2d3d38-abe0-4310-8c55-9e3970ad3cb0',
url: '//yun.duiba.com.cn/spark/assets/5b5d3ac2e247429561058ab6785b1a9e395d4d88.png',
},
'e0b8d727-0041-45bb-b763-4e26d4004cb1': {
name: '二维码文案',
ext: '.png',
uuid: 'e0b8d727-0041-45bb-b763-4e26d4004cb1',
url: '//yun.duiba.com.cn/spark/assets/70078722d42588ff2e93e4656824b60dba84d8d1.png',
},
'd658d422-d107-414f-9aec-1af71f01f268': {
name: '活动规则标题',
ext: '.png',
uuid: 'd658d422-d107-414f-9aec-1af71f01f268',
url: '//yun.duiba.com.cn/spark/assets/70aabb854b32c4a6268522fedfe4db72d9622d49.png',
},
'0f2793ce-5aae-4b16-9a45-862f15a348b9': {
name: '恭喜你m背景',
ext: '.png',
uuid: '0f2793ce-5aae-4b16-9a45-862f15a348b9',
url: '//yun.duiba.com.cn/spark/assets/2d33dcc987a10d23700fb1effed41d33f4e378f7.png',
},
'b023de77-3c2a-4d11-8dad-bf219c9c8549': {
name: '卡片1m1',
ext: '.png',
uuid: 'b023de77-3c2a-4d11-8dad-bf219c9c8549',
url: '//yun.duiba.com.cn/spark/assets/be5612ed1f5e410f6a4cee67f4acd5fba63928b9.png',
},
'f614199b-3a24-4e2f-8e4b-0cf027900992': {
name: '翻开卡片',
ext: '.png',
uuid: 'f614199b-3a24-4e2f-8e4b-0cf027900992',
url: '//yun.duiba.com.cn/spark/assets/66d3d956ae921ba9e63aea1a06f41d920d42e870.png',
},
'6c7bee44-795a-4e13-8b1b-a3d51a35ca2b': {
name: '按钮m翻开卡片',
ext: '.png',
uuid: '6c7bee44-795a-4e13-8b1b-a3d51a35ca2b',
url: '//yun.duiba.com.cn/spark/assets/24cc1ac2d9762a6145d53e12d88c63fcbcce2b33.png',
},
'1dde2933-d838-4158-b3af-c44fcadb0945': {
name: '标题51',
ext: '.png',
uuid: '1dde2933-d838-4158-b3af-c44fcadb0945',
url: '//yun.duiba.com.cn/spark/assets/ec1897a610dc538b58ccee984521c5878638e987.png',
},
'1eac6156-7a55-4519-9069-c3b9981689fc': {
name: '恭喜你m123',
ext: '.png',
uuid: '1eac6156-7a55-4519-9069-c3b9981689fc',
url: '//yun.duiba.com.cn/spark/assets/686f32f1cc846d8efa76682afe577fe6010038ad.png',
},
'5b830baa-1ab6-456b-b1d0-6b6f44e3cb32': {
name: '按钮1m',
ext: '.png',
uuid: '5b830baa-1ab6-456b-b1d0-6b6f44e3cb32',
url: '//yun.duiba.com.cn/spark/assets/75d1f8b116374e28c80c5121c9a56de3097a4f02.png',
},
'2e7fcdb8-9215-4565-99b9-2d2ec58fe1ff': {
name: '椭圆1拷贝5',
ext: '.png',
uuid: '2e7fcdb8-9215-4565-99b9-2d2ec58fe1ff',
url: '//yun.duiba.com.cn/spark/assets/9f09d14a31a62b705f262267c8ba28799d43057f.png',
},
'731b1d20-9337-4b10-af1d-bdcb23ee8b95': {
name: '话费券29',
ext: '.png',
uuid: '731b1d20-9337-4b10-af1d-bdcb23ee8b95',
url: '//yun.duiba.com.cn/spark/assets/d2958c9ce5e4424b499d2dacbe6ee0513703a5c3.png',
},
'9e4e520c-932b-4520-a3ea-8d3da6c5107b': {
name: '恭喜你m12',
ext: '.png',
uuid: '9e4e520c-932b-4520-a3ea-8d3da6c5107b',
url: '//yun.duiba.com.cn/spark/assets/dc800607936c8ff8c7a2abf336aad396bca2b922.png',
},
'd456e11d-9357-41ec-8245-5d52246776f8': {
name: '按钮23',
ext: '.png',
uuid: 'd456e11d-9357-41ec-8245-5d52246776f8',
url: '//yun.duiba.com.cn/spark/assets/59469614881956a80987f41e2338ba8b1fa1165f.png',
},
'79ce759d-50c5-41c4-8d2e-76213285b6e8': {
name: '图层1拷贝',
ext: '.png',
uuid: '79ce759d-50c5-41c4-8d2e-76213285b6e8',
url: '//yun.duiba.com.cn/spark/assets/330f142c17dfd49e28f69cf9aebd482e5246f5e6.png',
},
'7fdd1f30-cadd-4696-ae82-61a62f7ebb9c': {
name: '图层27',
ext: '.png',
uuid: '7fdd1f30-cadd-4696-ae82-61a62f7ebb9c',
url: '//yun.duiba.com.cn/spark/assets/1ec520c02a88dc342c2a17ae8c5382b834da0aef.png',
},
'b546ea0c-ab28-446f-ab83-0e480609d603': {
name: '椭圆6拷贝4',
ext: '.png',
uuid: 'b546ea0c-ab28-446f-ab83-0e480609d603',
url: '//yun.duiba.com.cn/spark/assets/758fb7300b20cc9ca2d93a6c1a4cc947c21d5016.png',
},
'0bd4d71f-4e57-4c05-a5b1-49d643383751': {
name: '分享好运按钮',
ext: '.png',
uuid: '0bd4d71f-4e57-4c05-a5b1-49d643383751',
url: '//yun.duiba.com.cn/spark/assets/1737badb312c340b942b1a240a4d68bc1892cf65.png',
},
'73ae1bdb-6062-43ff-93e7-b4c89ab852e4': {
name: '恭喜你2',
ext: '.png',
uuid: '73ae1bdb-6062-43ff-93e7-b4c89ab852e4',
url: '//yun.duiba.com.cn/spark/assets/4c60f23aac1c7c2bb5494420574231f86bd34f82.png',
},
'281de30b-78f9-40e8-a113-0642bcbae845': {
name: '标题2',
ext: '.png',
uuid: '281de30b-78f9-40e8-a113-0642bcbae845',
url: '//yun.duiba.com.cn/spark/assets/a6a69769c8fc645251d1f98d9817eae12293e98a.png',
},
'13143e49-6718-4ba4-889b-7e9d014f3fe1': {
name: '奖品大红包',
ext: '.png',
uuid: '13143e49-6718-4ba4-889b-7e9d014f3fe1',
url: '//yun.duiba.com.cn/spark/assets/6f4723358f752c5ab0d1e5da6c973cff08e3b515.png',
},
'88889dac-807e-4b20-b552-196765dfed44': {
name: '背景框m1',
ext: '.png',
uuid: '88889dac-807e-4b20-b552-196765dfed44',
url: '//yun.duiba.com.cn/spark/assets/07967be681eaf9321c042be2a80f4b58c265d3a2.png',
},
'82ae554f-01d0-4090-8380-5bfffe5be6a6': {
name: '标题1',
ext: '.png',
uuid: '82ae554f-01d0-4090-8380-5bfffe5be6a6',
url: '//yun.duiba.com.cn/spark/assets/935d7672ffcebe55671f73d2f93c097579bfa333.png',
},
'1b6d3f34-af76-428e-8f3f-87fc2ea2f8cd': {
name: '按钮1',
ext: '.png',
uuid: '1b6d3f34-af76-428e-8f3f-87fc2ea2f8cd',
url: '//yun.duiba.com.cn/spark/assets/e3c20f5d530425101de8a3121366538409b69bd8.png',
},
'59bd1413-47ce-4a00-b406-189d9b74e369': {
name: '卡片空背景框',
ext: '.png',
uuid: '59bd1413-47ce-4a00-b406-189d9b74e369',
url: '//yun.duiba.com.cn/spark/assets/d7c445534aee723a9b40d609c5d0a499e6ca2114.png',
},
'8fee3961-9f05-4e0e-b206-a6c79b3fba1e': {
name: '无次数邀请背景框',
ext: '.png',
uuid: '8fee3961-9f05-4e0e-b206-a6c79b3fba1e',
url: '//yun.duiba.com.cn/spark/assets/87e75a6a8d603b1fd992ede8e9d87f170c5d4364.png',
},
'7349d19e-21dd-4784-93df-554250d5efb2': {
name: '无次数邀请好友标题',
ext: '.png',
uuid: '7349d19e-21dd-4784-93df-554250d5efb2',
url: '//yun.duiba.com.cn/spark/assets/8dd36960ad203694e3a4e6beda736076e5ab8130.png',
},
'cd4d6922-5eda-4947-9f18-f5dd54de1122': {
name: '机会用完背景框',
ext: '.png',
uuid: 'cd4d6922-5eda-4947-9f18-f5dd54de1122',
url: '//yun.duiba.com.cn/spark/assets/ebda5c4c32283b0abecef4f2180a345087ba9a8b.png',
},
'ca7bdc92-e16f-441d-85a3-dfe1cfc02bc4': {
name: '帮好友助力成功背景框',
ext: '.png',
uuid: 'ca7bdc92-e16f-441d-85a3-dfe1cfc02bc4',
url: '//yun.duiba.com.cn/spark/assets/dbda20d503781800e72ae76f2d8929ea4f79b15a.png',
},
'8eddcc44-7a76-4f0f-acee-911620d659ce': {
name: '熬夜不变丑21',
ext: '.png',
uuid: '8eddcc44-7a76-4f0f-acee-911620d659ce',
url: '//yun.duiba.com.cn/spark/assets/97524201a21a2c1a647738ee9a58ec390335a0cc.png',
},
'48cfc771-a0c4-468c-b43e-ce852874fc41': {
name: '帮好友助力成功',
ext: '.png',
uuid: '48cfc771-a0c4-468c-b43e-ce852874fc41',
url: '//yun.duiba.com.cn/spark/assets/5cd825395f325f3f45a3cf115f20174dcbd8d359.png',
},
'303e4dbc-c830-4707-b30a-0da5d342045a': {
name: '助力失败背景',
ext: '.png',
uuid: '303e4dbc-c830-4707-b30a-0da5d342045a',
url: '//yun.duiba.com.cn/spark/assets/1aa509b4774d560dbfc284e68f005ecec5541d64.png',
},
'849c75f8-bca2-4ea8-bd62-d0766cff9975': {
name: '知道了按钮',
ext: '.png',
uuid: '849c75f8-bca2-4ea8-bd62-d0766cff9975',
url: '//yun.duiba.com.cn/spark/assets/39ebc94a526a0a744a43743d8b76adec50c966fe.png',
},
'eccf9363-7731-46c8-a5fd-4a9d7b177c0a': {
name: '助力失败标题',
ext: '.png',
uuid: 'eccf9363-7731-46c8-a5fd-4a9d7b177c0a',
url: '//yun.duiba.com.cn/spark/assets/5c33ae3bb7a080c9d8ecfd5fac024f2526828ed9.png',
},
'eef77741-1162-4201-b803-f80c5d86f660': {
name: '背景框',
ext: '.png',
uuid: 'eef77741-1162-4201-b803-f80c5d86f660',
url: '//yun.duiba.com.cn/spark/assets/be7f8e2eebeab7687e3178e25388b3907797f386.png',
},
'20215f88-e1b0-4bec-8ec9-ec1d9f3c25ca': {
name: '去抽卡按钮',
ext: '.png',
uuid: '20215f88-e1b0-4bec-8ec9-ec1d9f3c25ca',
url: '//yun.duiba.com.cn/spark/assets/25976616669938774956a4e7624e9e6a2c4e47d1.png',
},
'1c3f2954-d1d6-42a3-9291-5953c8db4f40': {
name: '助力成功标题',
ext: '.png',
uuid: '1c3f2954-d1d6-42a3-9291-5953c8db4f40',
url: '//yun.duiba.com.cn/spark/assets/ebc4f9fea9e0a2664ee5a7ca01f8a4c97ec83863.png',
},
'87043716-8c7f-482e-bc8c-8c095edf08d7': {
name: '主页背景',
ext: '.png',
uuid: '87043716-8c7f-482e-bc8c-8c095edf08d7',
url: '//yun.duiba.com.cn/spark/assets/67a419b931585fe3f551683be249f61b94831781.png',
},
'f48cede0-1abb-49a9-8915-13cc274308f2': {
name: '活动规则',
ext: '.png',
uuid: 'f48cede0-1abb-49a9-8915-13cc274308f2',
url: '//yun.duiba.com.cn/spark/assets/de6cff1b8d3659d2d5d52b482ef7a45e9841bcdf.png',
},
'7ebb1ea2-4453-4bd0-ae51-116d04bccbb9': {
name: '我的奖品',
ext: '.png',
uuid: '7ebb1ea2-4453-4bd0-ae51-116d04bccbb9',
url: '//yun.duiba.com.cn/spark/assets/2dc9b0d889ec2f8ab6b8f11e34c8b9785e0ee00f.png',
},
'20a387c9-81bc-4f4d-9088-1ed9e3ddacc0': {
name: '邀请记录',
ext: '.png',
uuid: '20a387c9-81bc-4f4d-9088-1ed9e3ddacc0',
url: '//yun.duiba.com.cn/spark/assets/7ca3bf53ed331c59848ee55e0def1a0e2e49be9f.png',
},
'2d60f43b-977d-476a-9aa8-4d85510feec0': {
name: '卡片背景',
ext: '.png',
uuid: '2d60f43b-977d-476a-9aa8-4d85510feec0',
url: '//yun.duiba.com.cn/spark/assets/9e957b98e12245be12b2c50cbd193feb40a4268e.png',
},
'1808ebba-a321-41ff-8ed2-fde9697a6af5': {
name: '吃肉不长胖',
ext: '.png',
uuid: '1808ebba-a321-41ff-8ed2-fde9697a6af5',
url: '//yun.duiba.com.cn/spark/assets/776f787d0c967073710e26f42d9129256e37a791.png',
},
'1e31b45e-6ff2-4a15-994c-961c2bbdacc2': {
name: '熬夜不变丑19',
ext: '.png',
uuid: '1e31b45e-6ff2-4a15-994c-961c2bbdacc2',
url: '//yun.duiba.com.cn/spark/assets/52ec29a14ce17e1cdfa68a825b478cf34ee13e1a.png',
},
'ae8ca495-2c6b-46f1-b7d1-d8ab76b41327': {
name: '椭圆1拷贝618',
ext: '.png',
uuid: 'ae8ca495-2c6b-46f1-b7d1-d8ab76b41327',
url: '//yun.duiba.com.cn/spark/assets/53a22129e9e4a16b93250c9f5bd6c9dae1c09563.png',
},
'0a72f87f-81cd-4d13-b5e4-fbbf79f1b24b': {
name: '加薪不加班',
ext: '.png',
uuid: '0a72f87f-81cd-4d13-b5e4-fbbf79f1b24b',
url: '//yun.duiba.com.cn/spark/assets/0d4cd786f065688bb3f52f48286ef60f701efe87.png',
},
'45e4606c-a02f-4a77-88e4-07a4c9d39652': {
name: '椭圆1拷贝616',
ext: '.png',
uuid: '45e4606c-a02f-4a77-88e4-07a4c9d39652',
url: '//yun.duiba.com.cn/spark/assets/88da00292039e3f96381f15db4024ff6546b5bf3.png',
},
'895238fa-a1da-4d4e-b2ac-30748563b2b5': {
name: '脱单不脱发',
ext: '.png',
uuid: '895238fa-a1da-4d4e-b2ac-30748563b2b5',
url: '//yun.duiba.com.cn/spark/assets/cfaac9b554248397144f2af340f551676932c99d.png',
},
'2e7ddce3-6d92-4b61-ba1c-28065cd402c0': {
name: '圆角矩形3拷贝5',
ext: '.png',
uuid: '2e7ddce3-6d92-4b61-ba1c-28065cd402c0',
url: '//yun.duiba.com.cn/spark/assets/5ecc423eacdad342cace018a5900254af7bcb9b4.png',
},
'1925d9b2-3ab3-4e5e-a4bb-01da498896e6': {
name: '暴富不爆痘',
ext: '.png',
uuid: '1925d9b2-3ab3-4e5e-a4bb-01da498896e6',
url: '//yun.duiba.com.cn/spark/assets/f6bdf0286bfbd7a6a0b6501960efc3ea1bb73e22.png',
},
'0cb3082d-a41c-4923-8284-bfa920d8c891': {
name: '圆角矩形3拷贝6',
ext: '.png',
uuid: '0cb3082d-a41c-4923-8284-bfa920d8c891',
url: '//yun.duiba.com.cn/spark/assets/0d65741c4de530abbfa6fe48e2bd389ea1f73255.png',
},
'c721829c-291e-49ad-8a00-b961d96a0358': {
name: '点击抽卡',
ext: '.png',
uuid: 'c721829c-291e-49ad-8a00-b961d96a0358',
url: '//yun.duiba.com.cn/spark/assets/4462b0f1d94aa3d6e91b97c278c919d234e27a06.png',
},
'84ebade1-b6d8-44ca-93f2-56316b676713': {
name: '邀请好友增加抽奖机会',
ext: '.png',
uuid: '84ebade1-b6d8-44ca-93f2-56316b676713',
url: '//yun.duiba.com.cn/spark/assets/5772306653573df68dc0612b448fd379c040645f.png',
},
'8da2c5a8-2f83-42b3-b274-e7e981b0dddd': {
name: '集齐卡片赢好礼12',
ext: '.png',
uuid: '8da2c5a8-2f83-42b3-b274-e7e981b0dddd',
url: '//yun.duiba.com.cn/spark/assets/75b8a4e7bca8b49b7d615b150dcff4e8685ed203.png',
},
'8e06fbba-a258-4bb0-9072-42996bcc98ac': {
name: '卡片11',
ext: '.png',
uuid: '8e06fbba-a258-4bb0-9072-42996bcc98ac',
url: '//yun.duiba.com.cn/spark/assets/f3d3f9313bf3cb12e012441fed77b834678da1d8.png',
},
'07a5c1a9-452c-4dcb-a4d1-1df1e5889314': {
name: '卡片拷贝',
ext: '.png',
uuid: '07a5c1a9-452c-4dcb-a4d1-1df1e5889314',
url: '//yun.duiba.com.cn/spark/assets/b2ff98c42ba85ff56ca8c586dd611c0ce06c42db.png',
},
'8d758369-3ac5-4613-9e85-e41e9a202ed1': {
name: '卡片拷贝2',
ext: '.png',
uuid: '8d758369-3ac5-4613-9e85-e41e9a202ed1',
url: '//yun.duiba.com.cn/spark/assets/b91c95719d84fc44f9267f82e9289d73e51a27ed.png',
},
'c017451f-e6c3-4a57-97ea-191ef21cf86f': {
name: '集齐必得',
ext: '.png',
uuid: 'c017451f-e6c3-4a57-97ea-191ef21cf86f',
url: '//yun.duiba.com.cn/spark/assets/148fc0e86f62f8a04768b8a8db22cf4005dfe598.png',
},
'7d7622b7-5c3a-4ffe-974d-4ac217493bce': {
name: '背景m',
ext: '.png',
uuid: '7d7622b7-5c3a-4ffe-974d-4ac217493bce',
url: '//yun.duiba.com.cn/spark/assets/5edbe28c38fb7173ad823be1dfe85b34a9be84bc.png',
},
'552e9090-bd89-43eb-91c6-6951436e1760': {
name: '大标题',
ext: '.png',
uuid: '552e9090-bd89-43eb-91c6-6951436e1760',
url: '//yun.duiba.com.cn/spark/assets/5e3b2863f2ac48b54c592ea69b6c875895a8f60b.png',
},
'016392ae-0fe8-4807-8e95-a03cfb9ae060': {
name: 'card',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/card.96c79a06b89f751e05b6d699fbd038c507ea084f.png',
uuid: '016392ae-0fe8-4807-8e95-a03cfb9ae060',
},
'6c09f198-2279-42cf-bb83-d3daa133b63c': {
name: '邀请页面',
ext: '.png',
uuid: '6c09f198-2279-42cf-bb83-d3daa133b63c',
url: '//yun.duiba.com.cn/spark/assets/16362a025588f989559ed2790116f8547f700bc8.png',
},
'94269d26-f8ca-4dd3-8298-be37d996e635': {
name: '助力按钮',
ext: '.png',
uuid: '94269d26-f8ca-4dd3-8298-be37d996e635',
url: '//yun.duiba.com.cn/spark/assets/db29b6673250d8ee68f0a19baeaeac1151115c05.png',
},
'a4439d81-342e-45b1-b157-d962906b62ab': {
name: '组1111',
ext: '.png',
uuid: 'a4439d81-342e-45b1-b157-d962906b62ab',
url: '//yun.duiba.com.cn/spark/assets/b68d423bace8cba0979d003ebcdca9a4de8f9df5.png',
},
'cb559965-2308-49be-b801-bddda6902cf5': {
name: '卡片1111',
ext: '.png',
uuid: 'cb559965-2308-49be-b801-bddda6902cf5',
url: '//yun.duiba.com.cn/spark/assets/1563697fb8bdc9576a5cb882c5eea46ee85f62dd.png',
},
'a8ed87f3-a1e7-4045-8ead-45fe0d5baa89': {
name: '点击抽卡1111',
ext: '.png',
uuid: 'a8ed87f3-a1e7-4045-8ead-45fe0d5baa89',
url: '//yun.duiba.com.cn/spark/assets/b3a620663f5b96d3c770de8a9dfd6c7bd791f42d.png',
},
'ddf83e68-84e9-4da2-9bbf-930a61f796ff': {
name: 'X',
ext: '.png',
uuid: 'ddf83e68-84e9-4da2-9bbf-930a61f796ff',
url: '//yun.duiba.com.cn/spark/assets/144d1ac2839bc543f96c7f1ac9b6687674a01d39.png',
},
'67900cda-90f2-4623-a9a1-9a5f9cb0b923': {
name: '组11122',
ext: '.png',
uuid: '67900cda-90f2-4623-a9a1-9a5f9cb0b923',
url: '//yun.duiba.com.cn/spark/assets/9ed4502cb94129ce8f8e2ba14ce3851c18fa58ea.png',
},
'1ee8df3c-0379-4c88-a933-8459901e421b': {
name: '卡片22222',
ext: '.png',
uuid: '1ee8df3c-0379-4c88-a933-8459901e421b',
url: '//yun.duiba.com.cn/spark/assets/c763ddf44b7858d93e495287d41a7face1bbbb1d.png',
},
'78a7bc90-98e9-4c16-b6b6-146cee3358ff': {
name: '点击抽卡222',
ext: '.png',
uuid: '78a7bc90-98e9-4c16-b6b6-146cee3358ff',
url: '//yun.duiba.com.cn/spark/assets/fb444bd92fa82ccad582c80ae3ea82d14e594769.png',
},
'fac057fc-386d-4421-b41d-e127997aa5b0': {
name: 'X123',
ext: '.png',
uuid: 'fac057fc-386d-4421-b41d-e127997aa5b0',
url: '//yun.duiba.com.cn/spark/assets/144d1ac2839bc543f96c7f1ac9b6687674a01d39.png',
},
'f28a2e6b-4eb7-4411-a37e-0b7042fcda15': {
name: '组33333',
ext: '.png',
uuid: 'f28a2e6b-4eb7-4411-a37e-0b7042fcda15',
url: '//yun.duiba.com.cn/spark/assets/bba7c449d1c3b34579170e9e60f9f5a0dbbdc861.png',
},
'bfa4ab88-9764-4de1-863b-26be899744aa': {
name: '卡片33333',
ext: '.png',
uuid: 'bfa4ab88-9764-4de1-863b-26be899744aa',
url: '//yun.duiba.com.cn/spark/assets/ffe76a389643c6cb818a28976bb9339d27ce7285.png',
},
'a2908875-da0a-41a7-b76e-0c98b7929258': {
name: '点击抽卡3333',
ext: '.png',
uuid: 'a2908875-da0a-41a7-b76e-0c98b7929258',
url: '//yun.duiba.com.cn/spark/assets/44b11970cda658b4e2c3d7123bbe35601560f036.png',
},
'8f5b5fec-9948-43dc-99da-e915b0571173': {
name: 'X3',
ext: '.png',
uuid: '8f5b5fec-9948-43dc-99da-e915b0571173',
url: '//yun.duiba.com.cn/spark/assets/144d1ac2839bc543f96c7f1ac9b6687674a01d39.png',
},
'244939c4-2195-44e9-a175-a4d9f449e3b3': {
name: '组44444',
ext: '.png',
uuid: '244939c4-2195-44e9-a175-a4d9f449e3b3',
url: '//yun.duiba.com.cn/spark/assets/1c41c96edd25d2e6012da548aca82fdad59be945.png',
},
'fa81cb8e-751f-42bb-b0bb-47761fddddf4': {
name: '卡片4444',
ext: '.png',
uuid: 'fa81cb8e-751f-42bb-b0bb-47761fddddf4',
url: '//yun.duiba.com.cn/spark/assets/d4e94c73a6060b11c3f6b67f5652c970e65977cb.png',
},
'9b6b3769-414c-4e80-865f-15d2ec6ef15f': {
name: '点击抽卡4444',
ext: '.png',
uuid: '9b6b3769-414c-4e80-865f-15d2ec6ef15f',
url: '//yun.duiba.com.cn/spark/assets/6a184d190e25aebb78f856663c50030e845a59b9.png',
},
'eb3007c7-ea26-471a-b7ab-e13dd63dbedc': {
name: 'X4',
ext: '.png',
uuid: 'eb3007c7-ea26-471a-b7ab-e13dd63dbedc',
url: '//yun.duiba.com.cn/spark/assets/144d1ac2839bc543f96c7f1ac9b6687674a01d39.png',
},
'c48021a0-922d-4273-8963-7641c2dbde12': {
name: '开始页小人',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/开始页小人.7c28387950b98eaad25bccf09370396795639786.svga',
uuid: 'c48021a0-922d-4273-8963-7641c2dbde12',
},
'ae9e9a2a-69c1-4d69-92c6-40545e1dc1fd': {
name: '风吹动效',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/风吹动效.15fc1dabf22baedd8bf5e5b418e57cfc81686072.svga',
uuid: 'ae9e9a2a-69c1-4d69-92c6-40545e1dc1fd',
},
'8c2efea6-d82f-45d0-929c-c9f58ce53df2': {
name: '领取',
ext: '.png',
uuid: '8c2efea6-d82f-45d0-929c-c9f58ce53df2',
url: '//yun.duiba.com.cn/spark/assets/ed108cdbed084003cb316f2f93b1c6add78e535c.png',
},
'dc7b5921-965c-452d-b8e3-9745210bfa88': {
name: '框s',
ext: '.png',
uuid: 'dc7b5921-965c-452d-b8e3-9745210bfa88',
url: '//yun.duiba.com.cn/spark/assets/4207784e68503d0cfbcfc78f611ed16aebbfd8e7.png',
},
'9253d53b-479d-45c0-b999-c0c6999048b8': {
name: '按钮d',
ext: '.png',
uuid: '9253d53b-479d-45c0-b999-c0c6999048b8',
url: '//yun.duiba.com.cn/spark/assets/56f8b06aafd4358edf11e3735c53ef48c8ce6a10.png',
},
'83fd5e0c-8b8c-4515-96f9-58367f07651f': {
name: '背景框a',
ext: '.png',
uuid: '83fd5e0c-8b8c-4515-96f9-58367f07651f',
url: '//yun.duiba.com.cn/spark/assets/94a0b7bf8de371cfbfcd476e2b868f08e3df87e6.png',
},
'c9331823-bf38-49a5-9d66-99b95251d959': {
name: '索要卡片',
ext: '.png',
uuid: 'c9331823-bf38-49a5-9d66-99b95251d959',
url: '//yun.duiba.com.cn/spark/assets/76b72adb0f27efc9108493c74ebf860eb390ae5a.png',
},
'1cf6af5f-dd5c-449a-a4aa-5457843cd018': {
name: '赠送按钮',
ext: '.png',
uuid: '1cf6af5f-dd5c-449a-a4aa-5457843cd018',
url: '//yun.duiba.com.cn/spark/assets/8a932e01f6b368c1a9592e6ccd61cb77aad7d327.png',
},
'65124347-6118-41cc-8e1a-a4cb431b0bf5': {
name: '背景框am',
ext: '.png',
uuid: '65124347-6118-41cc-8e1a-a4cb431b0bf5',
url: '//yun.duiba.com.cn/spark/assets/67e1733b28bbc4dccdb4a2c94beff8f75ace1b69.png',
},
'2cc5f7e9-0f95-4320-a227-59dfe7ad2ca1': {
name: 'biaoti',
ext: '.png',
uuid: '2cc5f7e9-0f95-4320-a227-59dfe7ad2ca1',
url: '//yun.duiba.com.cn/spark/assets/935d7672ffcebe55671f73d2f93c097579bfa333.png',
},
'4ff2483a-7086-4ba6-abfe-af61d63f093e': {
name: 'knowbtn',
ext: '.png',
uuid: '4ff2483a-7086-4ba6-abfe-af61d63f093e',
url: '//yun.duiba.com.cn/spark/assets/7bf4e9f88d1fd029360dc5503df95daeb60f5ec6.png',
},
'46e26750-7f85-45aa-bd17-97a9ddbd8987': {
name: '背景框nm',
ext: '.png',
uuid: '46e26750-7f85-45aa-bd17-97a9ddbd8987',
url: '//yun.duiba.com.cn/spark/assets/59a5e808613826e35b0be9973dc21b6e7bf58cd3.png',
},
'87ad0365-4908-48ad-b0a5-f03425065a05': {
name: '按钮qwe',
ext: '.png',
uuid: '87ad0365-4908-48ad-b0a5-f03425065a05',
url: '//yun.duiba.com.cn/spark/assets/301ad9b6aa6b0fcbbbefe0df727b1a9ba5dbab3a.png',
},
'26d680e1-18f0-42ac-92cc-e9feed455d27': {
name: 'erweima',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/erweima.549d96e2d83bbb46f2205d89527eb6ec12abe593.png',
uuid: '26d680e1-18f0-42ac-92cc-e9feed455d27'
},
'412c9455-c6f6-4e0d-9ddf-cfd5983832f5': {
name: '光',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/光.f60b9fc31977a0a04ed9d509eac10892190b7280.png',
uuid: '412c9455-c6f6-4e0d-9ddf-cfd5983832f5'
},
'd2bbc7b2-6f6f-4db3-a862-af50003a6336': {
name: '光点',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/光点.8a436470985dd571fc98090573ad3873f158133b.png',
uuid: 'd2bbc7b2-6f6f-4db3-a862-af50003a6336'
},
'8f79139f-e5d9-49ee-b48d-ae599fc9e1f0': {
name: '收下按钮',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/收下按钮.f538c48c83d556ab9d46f5b9a5ae93227b389491.png',
uuid: '8f79139f-e5d9-49ee-b48d-ae599fc9e1f0'
},
'7d34f42a-a902-443d-a9fe-8cc2be49a074': {
name: '抽中熬夜卡',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/抽中熬夜卡.34cb9866cadbcc8068013fc954f89115809e83e0.svga',
uuid: '7d34f42a-a902-443d-a9fe-8cc2be49a074'
},
'5f3b393a-3667-4f65-9d7b-9e1a00197674': {
name: '抽中暴富卡',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/抽中暴富卡.1d8e270d59eae06ed0d3c41a7c107f84ed18dfd6.svga',
uuid: '5f3b393a-3667-4f65-9d7b-9e1a00197674'
},
'03e2393c-93b8-476c-8a3a-03a6d7ee7338': {
name: '抽中吃肉卡',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/抽中吃肉卡.eaab9cd5afb361dec0a411a49ef5a556d91ca84b.svga',
uuid: '03e2393c-93b8-476c-8a3a-03a6d7ee7338'
},
'a2ed4acd-dfad-40f6-8851-62a8daa9027d': {
name: '抽中加薪卡',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/抽中加薪卡.c9aabbc3050e315d7496256333a993fda6440102.svga',
uuid: 'a2ed4acd-dfad-40f6-8851-62a8daa9027d'
},
'3cff7875-16ae-463d-8858-fee331a8fc08': {
name: '抽中脱单卡',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/抽中脱单卡.b103d7c35c7371bb6a1c460a89932f4d2220664c.svga',
uuid: '3cff7875-16ae-463d-8858-fee331a8fc08'
},
'02e1b14b-21e7-404e-a02e-cc9d6a4f6573': {
name: 'meat',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/meat.eaab9cd5afb361dec0a411a49ef5a556d91ca84b.svga',
uuid: '02e1b14b-21e7-404e-a02e-cc9d6a4f6573'
},
'95423b90-61c4-4986-ac4d-7797c0334fdf': {
name: 'nosingle',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/nosingle.b103d7c35c7371bb6a1c460a89932f4d2220664c.svga',
uuid: '95423b90-61c4-4986-ac4d-7797c0334fdf'
},
'ca8f7346-219b-4ae0-9a9d-6fed142ab0fa': {
name: 'rich',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/rich.1d8e270d59eae06ed0d3c41a7c107f84ed18dfd6.svga',
uuid: 'ca8f7346-219b-4ae0-9a9d-6fed142ab0fa'
},
'116f1ecc-b543-4317-b232-617f2679af18': {
name: 'salary',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/salary.c9aabbc3050e315d7496256333a993fda6440102.svga',
uuid: '116f1ecc-b543-4317-b232-617f2679af18'
},
'9de425f4-5dea-4625-8787-b08d1fb0ef81': {
name: 'stay',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/stay.34cb9866cadbcc8068013fc954f89115809e83e0.svga',
uuid: '9de425f4-5dea-4625-8787-b08d1fb0ef81'
},
'0dee636c-cdd0-4cd7-b8cf-91b416dab8e9': {
name: 'duibatest',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/duibatest.440e946c4e41ffb33efe98ee3344993ed149134f.png',
uuid: '0dee636c-cdd0-4cd7-b8cf-91b416dab8e9'
},
'fcabbfc9-dbca-44c0-a8d6-3f631b8b9878': {
name: 'hechengka',
ext: '.svga',
url: '//yun.duiba.com.cn/spark/assets/hechengka.803d4476b72f3490e66710f0d6918dfba3414527.svga',
uuid: 'fcabbfc9-dbca-44c0-a8d6-3f631b8b9878'
},
'0af299a2-1856-474e-a155-d7b3e95237e2': {
name: 'titles',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/titles.ef1ae816d689ebe4732fd95b1534a7bd7b97eba1.png',
uuid: '0af299a2-1856-474e-a155-d7b3e95237e2'
},
'6e2fac0d-a4d4-4cc1-8075-f2da48cbc388': {
name: 'sharepicture',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/sharepicture.63e41f08a37580d12416b719c45d4db8eaea6578.png',
uuid: '6e2fac0d-a4d4-4cc1-8075-f2da48cbc388'
},
'83d1e966-db25-4856-b1d6-4961505354fd': {
name: 'sharecover',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/sharecover.6ad191fe430591ef017c659f82145d09fa4a139c.png',
uuid: '83d1e966-db25-4856-b1d6-4961505354fd'
},
'd3279d9a-a943-41cb-8368-dbca5fe45e25': {
name: 'shareCard',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/shareCard.343f941111b3cbef210d5d2a081e0e4908d2bd28.png',
uuid: 'd3279d9a-a943-41cb-8368-dbca5fe45e25'
},
'cf402feb-d690-4fe0-aa97-b383dbe60782': {
name: 'drawbtn',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/drawbtn.ff890bb7baaa1d638c554b52bde479c3cd06b704.png',
uuid: 'cf402feb-d690-4fe0-aa97-b383dbe60782'
},
'634485fa-14d0-4207-a26f-f8589e6cabc2': {
name: 'bigmeat',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/bigmeat.aa2e313e105f19565c46888509cb934a0933bd80.png',
uuid: '634485fa-14d0-4207-a26f-f8589e6cabc2'
},
'2d7ba9f1-d5a6-4519-8ee1-0d9910364405': {
name: 'bigrich',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/bigrich.ddf18e32a5d9c501f944512ed23d7fd410e0bfbb.png',
uuid: '2d7ba9f1-d5a6-4519-8ee1-0d9910364405'
},
'b1ef56c3-2b6a-4005-9c7a-f9922730a676': {
name: 'bigsalary',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/bigsalary.45b947cfbc5b92605dd38e594c88b59486a51898.png',
uuid: 'b1ef56c3-2b6a-4005-9c7a-f9922730a676'
},
'ec0bd1fd-eba9-4891-912f-437f54e6ce8b': {
name: 'bigsingle',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/bigsingle.7bd5456667573cad88c14c721b2a4328db1afacd.png',
uuid: 'ec0bd1fd-eba9-4891-912f-437f54e6ce8b'
},
'6e7ad51c-58a3-44c5-a87f-cb46ace1917e': {
name: 'bigstay',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/bigstay.88d3499acee3ef1c656a7e36dcc0f7f40935a147.png',
uuid: '6e7ad51c-58a3-44c5-a87f-cb46ace1917e'
},
'69fd394c-8ab9-4c5b-8969-7b144a7a236e': {
name: 'back',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/back.6681177d152d06bdf913352270f1cd89b6cafd47.png',
uuid: '69fd394c-8ab9-4c5b-8969-7b144a7a236e'
},
'99e2c9bb-bf58-45f8-9dd5-717ab9ad78bd': {
name: 'kkk',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/kkk.093d6440d7c83cb147dd04790173ee47a374eb81.png',
uuid: '99e2c9bb-bf58-45f8-9dd5-717ab9ad78bd'
},
'd06e587d-0bf1-49c6-998c-44a3b799fb4a': {
name: 'one',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/one.c317e8e270eee4e2baae5afcbe6af28b86c17c9f.png',
uuid: 'd06e587d-0bf1-49c6-998c-44a3b799fb4a'
},
'7e7519e2-0508-4f3a-bf99-1c68bb4e2448': {
name: 'down',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/down.64bbf48365ac0aeb5a013cc6afa7f408ca81d444.png',
uuid: '7e7519e2-0508-4f3a-bf99-1c68bb4e2448'
},
'51f58bd5-62d0-41a9-b0a8-d37529c76a11': {
name: 'tishi',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/tishi.de46188d5aa38c84ee96da3ac3ed625a28c88c02.png',
uuid: '51f58bd5-62d0-41a9-b0a8-d37529c76a11'
}
};
export default resList;
/**
* 用到的和业务相关的
* 各种静态方法汇总
*
* 获取修改链接参数
* 获取cookie
* 缓存相关
* 数组相关
*
*/
export const GTool = {
/**
* 替换或添加url里的参数,小程序有问题,别用,new RegExp有问题,在查
* @param url 修改的url
* @param arg 参数名
* @param arg_val 参数值
*/
changeURLArg(url, arg, arg_val) {
var pattern = arg + '=([^&]*)';
var replaceText = arg + '=' + arg_val;
if (url.match(pattern)) {
var tmp = '/(' + arg + '=)([^&]*)/gi';
// tmp = url.replace(eval(tmp), replaceText);
tmp = url.replace(new RegExp(tmp), replaceText);
return tmp;
} else {
if (url.match('[\?]')) {
return url + '&' + replaceText;
} else {
return url + '?' + replaceText;
}
}
},
/**
* 读取缓存 用到时重写
*/
readCache(key /*, type: string = 'localStorage'*/ ) {
//@ts-ignore
return my ? my.getStorageSync({
key: key
}).data : localStorage.getItem(key);
// if (!window.localStorage) {
// return false;
// }
// return window[type].getItem(key);
},
/**
* 写缓存 用到时重写
*/
writeCache(key, value = 'true' /*, type: string = 'localStorage'*/ ) {
//@ts-ignore
my ? my.setStorageSync({
key: key,
data: value
}) : localStorage.setItem(key, value);
// if (!window.localStorage) {
// // trace(Func.replace(SysLang.lang_012, [type]));
// return;
// }
// window[type].setItem(key, value);
},
/**
* 获得cacheKey今日次数
* 第二天归0重新计数 用到时重写
* @param cacheKey
*/
returnTodayTimes(cacheKey) {
var year1 = this.readCache("year" + cacheKey);
var month1 = this.readCache("month" + cacheKey);
var day1 = this.readCache("day" + cacheKey);
var date = new Date();
var year2 = date.getFullYear().toString();
var month2 = date.getMonth().toString();
var day2 = date.getDate().toString();
if (this.int(year2) <= this.int(year1)) {
if (this.int(month2) <= this.int(month1)) {
if (this.int(day2) <= this.int(day1)) {
return this.int(this.readCache(cacheKey));
}
}
}
//如果不是同一天了,归0
var today = "0";
this.writeCache("year" + cacheKey, year2);
this.writeCache("month" + cacheKey, month2);
this.writeCache("day" + cacheKey, day2);
this.writeCache(cacheKey, today);
return 0;
},
/**
* 随机,两个参数时是数值范围,比如randomT(1,10),一个参数时是数组
* @param e
* @param n
*/
randomT(e, n) {
return e && "number" == typeof e.length && e.length ? e[Math.floor(Math.random() * e.length)] : ("number" != typeof n && (n = e || 1, e = 0), e + Math.random() * (n - e))
},
/**
* 从数组中移除一个元素
* @param e 元素
* @param arr 数组
*/
removeEle(e, arr) {
var index = arr.indexOf(e);
if (index >= 0) {
arr.splice(index, 1)
}
},
/**
* 数组中插入一个数值,按顺序的
* 数组是从小到大的
* @param num
* @param arr
*/
insert(num, arr) {
for (var i = arr.length - 1; i >= 0; i--) {
if (num > arr[i]) {
//在arr[i]后加num
arr.splice(i + 1, 0, num);
break
}
}
},
/**
* 获取start到end里的n个整数
* @param start 0
* @param end 19
* @param n 3
*/
getRandomNumber(start, end, n) {
var arr = [];
for (var i = 0; i < n; i++) {
var number = Math.floor(Math.random() * (end - start + 1) + start);
if (arr.indexOf(number) < 0) {
arr.push(number);
} else {
i--;
}
}
return arr;
},
/**
* 打乱数字数组,改变原数组
* @param arr
*/
disturbNumberArr(arr) {
arr.sort(function () {
return (0.5 - Math.random());
});
},
/**
* 设置cookie
* @param name cookie的名称
* @param value cookie的值
* @param day cookie的过期时间
*/
setCookie(name, value, day) {
if (day !== 0) { //当设置的时间等于0时,不设置expires属性,cookie在浏览器关闭后删除
var expires = day * 24 * 60 * 60 * 1000;
var date = new Date(+new Date() + expires);
document.cookie = name + "=" + escape(value) + ";expires=" + date.toUTCString();
} else {
document.cookie = name + "=" + escape(value);
}
},
/**
* 获取对应名称的cookie
* @param name cookie的名称
* @returns {null} 不存在时,返回null
*/
getCookie(name) {
let arr;
let reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
},
/**
* 删除cookie
* @param name cookie名称
*/
removeCookie(name) {
this.setCookie(name, 1, -1);
},
/**
* 其实打乱数组取前几个就行
* 随机取数组arr中count个元素,不改变原数组
* @param arr
* @param count
*/
getRandomArrayElements(arr, count) {
var shuffled = arr.slice(0),
i = arr.length,
min = i - count,
temp, index;
//如果count大于等于数组长度,返回所有数组
if (min <= 0) return shuffled;
if (count <= 0) return [];
//随机排序,然后取出后面的元素
while (i-- > min) {
index = Math.floor((i + 1) * Math.random());
temp = shuffled[index];
shuffled[index] = shuffled[i];
shuffled[i] = temp;
}
return shuffled.slice(min);
},
/**
* 随机取数组arr中count个元素,原数组减少count个
* @param arr
* @param count
*/
getRandomArrayElementsEx(arr, count) {
//如果count大于等于数组长度,返回所有数组
if (arr.length <= count) return arr.slice();
if (count <= 0) return [];
var arrCopy = arr.slice();
var outArr = [];
while (count--) {
var rand = Math.floor(Math.random() * arrCopy.length);
var ele = arrCopy.splice(rand, 1)[0];
outArr.push(ele);
}
return outArr
},
/**
* 向下取整,或把字符串执行parseInt(字符串转数字取整数部分)
* @param n 数字或字符串
*/
int(n) {
return n >> 0; //~~n
},
/**
* 在字符串间加空格
* @param str
*/
addSpaceInString(str) {
if (!str.length || str.length == 1) return str;
var txt = "";
//每个字符后加空格
for (var i = 0; i < str.length - 1; i++) {
txt = txt + str[i] + " ";
}
txt = txt + str[str.length - 1]
return txt
},
/**
* 毫秒剩余时间转成时分秒
* 1小时1分1秒
* @param timeStamp
*/
getShiFenMiaoByTimeStamp(timeStamp) {
var hours = Math.floor((timeStamp % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((timeStamp % (1000 * 60 * 60)) / (1000 * 60));
// var seconds: any = (timeStamp % (1000 * 60)) / 1000;
var seconds = Math.floor((timeStamp % (1000 * 60)) / 1000);
hours = hours < 10 ? ('0' + hours) : hours;
minutes = minutes < 10 ? ('0' + minutes) : minutes;
seconds = seconds < 10 && seconds >= 1 ? ('0' + seconds) : seconds;
// return hours + " :" + minutes + " :" + seconds;
return hours + "小时" + minutes + "分" + seconds + "秒";
}
}
\ No newline at end of file
/**
* Tween.js - Licensed under the MIT license
* https://github.com/tweenjs/tween.js
* ----------------------------------------------
*
* See https://github.com/tweenjs/tween.js/graphs/contributors for the full list of contributors.
* Thank you all, you're awesome!
*/
var TWEEN = TWEEN || (function () {
var _tweens = {};
var _tweensAddedDuringUpdate = {};
var _nextId = 0;
return {
getAll: function () {
return Object.keys(_tweens).map(function (tweenId) {
return _tweens[tweenId];
});
},
removeAll: function () {
_tweens = {};
},
add: function (tween) {
_tweens[tween.getId()] = tween;
_tweensAddedDuringUpdate[tween.getId()] = tween;
},
remove: function (tween) {
delete _tweens[tween.getId()];
delete _tweensAddedDuringUpdate[tween.getId()];
},
update: function (time, preserve) {
var tweenIds = Object.keys(_tweens);
if (tweenIds.length === 0) {
return false;
}
time = time !== undefined ? time : TWEEN.now();
// Tweens are updated in "batches". If you add a new tween during an update, then the
// new tween will be updated in the next batch.
// If you remove a tween during an update, it will normally still be updated. However,
// if the removed tween was added during the current batch, then it will not be updated.
while (tweenIds.length > 0) {
_tweensAddedDuringUpdate = {};
for (var i = 0; i < tweenIds.length; i++) {
if (_tweens[tweenIds[i]].update(time) === false && !preserve) {
delete _tweens[tweenIds[i]];
}
}
tweenIds = Object.keys(_tweensAddedDuringUpdate);
}
return true;
},
nextId: function () {
return _nextId++;
}
};
})();
// Include a performance.now polyfill.
// In node.js, use process.hrtime.
if (typeof (window) === 'undefined' && typeof (process) !== 'undefined') {
TWEEN.now = function () {
var time = process.hrtime();
// Convert [seconds, nanoseconds] to milliseconds.
return time[0] * 1000 + time[1] / 1000000;
};
}
// In a browser, use window.performance.now if it is available.
else if (typeof (window) !== 'undefined' &&
window.performance !== undefined &&
window.performance.now !== undefined) {
// This must be bound, because directly assigning this function
// leads to an invocation exception in Chrome.
TWEEN.now = window.performance.now.bind(window.performance);
}
// Use Date.now if it is available.
else if (Date.now !== undefined) {
TWEEN.now = Date.now;
}
// Otherwise, use 'new Date().getTime()'.
else {
TWEEN.now = function () {
return new Date().getTime();
};
}
function assign(target, source) {
var keys = Object.keys(source);
var length = keys.length;
for (var i = 0; i < length; i += 1) {
target[keys[i]] = source[keys[i]];
}
return target;
}
TWEEN.Tween = function (object) {
this._object = object;
this._valuesStart = {};
this._valuesEnd = {};
this._valuesStartRepeat = {};
this._duration = 1000;
this._repeat = 0;
this._repeatDelayTime = undefined;
this._yoyo = false;
this._isPlaying = false;
this._reversed = false;
this._delayTime = 0;
this._startTime = null;
this._easingFunction = TWEEN.Easing.Linear.None;
this._interpolationFunction = TWEEN.Interpolation.Linear;
this._chainedTweens = [];
this._onStartCallback = null;
this._onStartCallbackFired = false;
this._onUpdateCallback = null;
this._onCompleteCallback = null;
this._onStopCallback = null;
this._id = TWEEN.nextId();
};
TWEEN.Tween.prototype = assign(Object.create(Object.prototype), {
getId: function getId() {
return this._id;
},
to: function to(properties, duration) {
this._valuesEnd = properties;
if (duration !== undefined) {
this._duration = duration;
}
return this;
},
start: function start(time) {
TWEEN.add(this);
this._isPlaying = true;
this._onStartCallbackFired = false;
this._startTime = time !== undefined ? time : TWEEN.now();
this._startTime += this._delayTime;
for (var property in this._valuesEnd) {
// Check if an Array was provided as property value
if (this._valuesEnd[property] instanceof Array) {
if (this._valuesEnd[property].length === 0) {
continue;
}
// Create a local copy of the Array with the start value at the front
this._valuesEnd[property] = [this._object[property]].concat(this._valuesEnd[property]);
}
// If `to()` specifies a property that doesn't exist in the source object,
// we should not set that property in the object
if (this._object[property] === undefined) {
continue;
}
// Save the starting value.
this._valuesStart[property] = this._object[property];
if ((this._valuesStart[property] instanceof Array) === false) {
this._valuesStart[property] *= 1.0; // Ensures we're using numbers, not strings
}
this._valuesStartRepeat[property] = this._valuesStart[property] || 0;
}
return this;
},
stop: function stop() {
if (!this._isPlaying) {
return this;
}
TWEEN.remove(this);
this._isPlaying = false;
if (this._onStopCallback !== null) {
this._onStopCallback.call(this._object, this._object);
}
this.stopChainedTweens();
return this;
},
end: function end() {
this.update(this._startTime + this._duration);
return this;
},
stopChainedTweens: function stopChainedTweens() {
for (var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i++) {
this._chainedTweens[i].stop();
}
},
delay: function delay(amount) {
this._delayTime = amount;
return this;
},
repeat: function repeat(times) {
this._repeat = times;
return this;
},
repeatDelay: function repeatDelay(amount) {
this._repeatDelayTime = amount;
return this;
},
yoyo: function yoyo(yoyo) {
this._yoyo = yoyo;
return this;
},
easing: function easing(easing) {
this._easingFunction = easing;
return this;
},
interpolation: function interpolation(interpolation) {
this._interpolationFunction = interpolation;
return this;
},
chain: function chain() {
this._chainedTweens = arguments;
return this;
},
onStart: function onStart(callback) {
this._onStartCallback = callback;
return this;
},
onUpdate: function onUpdate(callback) {
this._onUpdateCallback = callback;
return this;
},
onComplete: function onComplete(callback) {
this._onCompleteCallback = callback;
return this;
},
onStop: function onStop(callback) {
this._onStopCallback = callback;
return this;
},
update: function update(time) {
var property;
var elapsed;
var value;
if (time < this._startTime) {
return true;
}
if (this._onStartCallbackFired === false) {
if (this._onStartCallback !== null) {
this._onStartCallback.call(this._object, this._object);
}
this._onStartCallbackFired = true;
}
elapsed = (time - this._startTime) / this._duration;
elapsed = elapsed > 1 ? 1 : elapsed;
value = this._easingFunction(elapsed);
for (property in this._valuesEnd) {
// Don't update properties that do not exist in the source object
if (this._valuesStart[property] === undefined) {
continue;
}
var start = this._valuesStart[property] || 0;
var end = this._valuesEnd[property];
if (end instanceof Array) {
this._object[property] = this._interpolationFunction(end, value);
} else {
// Parses relative end values with start as base (e.g.: +10, -3)
if (typeof (end) === 'string') {
if (end.charAt(0) === '+' || end.charAt(0) === '-') {
end = start + parseFloat(end);
} else {
end = parseFloat(end);
}
}
// Protect against non numeric properties.
if (typeof (end) === 'number') {
this._object[property] = start + (end - start) * value;
}
}
}
if (this._onUpdateCallback !== null) {
this._onUpdateCallback.call(this._object, value);
}
if (elapsed === 1) {
if (this._repeat > 0) {
if (isFinite(this._repeat)) {
this._repeat--;
}
// Reassign starting values, restart by making startTime = now
for (property in this._valuesStartRepeat) {
if (typeof (this._valuesEnd[property]) === 'string') {
this._valuesStartRepeat[property] = this._valuesStartRepeat[property] + parseFloat(this._valuesEnd[property]);
}
if (this._yoyo) {
var tmp = this._valuesStartRepeat[property];
this._valuesStartRepeat[property] = this._valuesEnd[property];
this._valuesEnd[property] = tmp;
}
this._valuesStart[property] = this._valuesStartRepeat[property];
}
if (this._yoyo) {
this._reversed = !this._reversed;
}
if (this._repeatDelayTime !== undefined) {
this._startTime = time + this._repeatDelayTime;
} else {
this._startTime = time + this._delayTime;
}
return true;
} else {
if (this._onCompleteCallback !== null) {
this._onCompleteCallback.call(this._object, this._object);
}
for (var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i++) {
// Make the chained tweens start exactly at the time they should,
// even if the `update()` method was called way past the duration of the tween
this._chainedTweens[i].start(this._startTime + this._duration);
}
return false;
}
}
return true;
}
});
TWEEN.Easing = {
Linear: {
None: function (k) {
return k;
}
},
Quadratic: {
In: function (k) {
return k * k;
},
Out: function (k) {
return k * (2 - k);
},
InOut: function (k) {
if ((k *= 2) < 1) {
return 0.5 * k * k;
}
return - 0.5 * (--k * (k - 2) - 1);
}
},
Cubic: {
In: function (k) {
return k * k * k;
},
Out: function (k) {
return --k * k * k + 1;
},
InOut: function (k) {
if ((k *= 2) < 1) {
return 0.5 * k * k * k;
}
return 0.5 * ((k -= 2) * k * k + 2);
}
},
Quartic: {
In: function (k) {
return k * k * k * k;
},
Out: function (k) {
return 1 - (--k * k * k * k);
},
InOut: function (k) {
if ((k *= 2) < 1) {
return 0.5 * k * k * k * k;
}
return - 0.5 * ((k -= 2) * k * k * k - 2);
}
},
Quintic: {
In: function (k) {
return k * k * k * k * k;
},
Out: function (k) {
return --k * k * k * k * k + 1;
},
InOut: function (k) {
if ((k *= 2) < 1) {
return 0.5 * k * k * k * k * k;
}
return 0.5 * ((k -= 2) * k * k * k * k + 2);
}
},
Sinusoidal: {
In: function (k) {
return 1 - Math.cos(k * Math.PI / 2);
},
Out: function (k) {
return Math.sin(k * Math.PI / 2);
},
InOut: function (k) {
return 0.5 * (1 - Math.cos(Math.PI * k));
}
},
Exponential: {
In: function (k) {
return k === 0 ? 0 : Math.pow(1024, k - 1);
},
Out: function (k) {
return k === 1 ? 1 : 1 - Math.pow(2, - 10 * k);
},
InOut: function (k) {
if (k === 0) {
return 0;
}
if (k === 1) {
return 1;
}
if ((k *= 2) < 1) {
return 0.5 * Math.pow(1024, k - 1);
}
return 0.5 * (- Math.pow(2, - 10 * (k - 1)) + 2);
}
},
Circular: {
In: function (k) {
return 1 - Math.sqrt(1 - k * k);
},
Out: function (k) {
return Math.sqrt(1 - (--k * k));
},
InOut: function (k) {
if ((k *= 2) < 1) {
return - 0.5 * (Math.sqrt(1 - k * k) - 1);
}
return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1);
}
},
Elastic: {
In: function (k) {
if (k === 0) {
return 0;
}
if (k === 1) {
return 1;
}
return -Math.pow(2, 10 * (k - 1)) * Math.sin((k - 1.1) * 5 * Math.PI);
},
Out: function (k) {
if (k === 0) {
return 0;
}
if (k === 1) {
return 1;
}
return Math.pow(2, -10 * k) * Math.sin((k - 0.1) * 5 * Math.PI) + 1;
},
InOut: function (k) {
if (k === 0) {
return 0;
}
if (k === 1) {
return 1;
}
k *= 2;
if (k < 1) {
return -0.5 * Math.pow(2, 10 * (k - 1)) * Math.sin((k - 1.1) * 5 * Math.PI);
}
return 0.5 * Math.pow(2, -10 * (k - 1)) * Math.sin((k - 1.1) * 5 * Math.PI) + 1;
}
},
Back: {
In: function (k) {
var s = 1.70158;
return k * k * ((s + 1) * k - s);
},
Out: function (k) {
var s = 1.70158;
return --k * k * ((s + 1) * k + s) + 1;
},
InOut: function (k) {
var s = 1.70158 * 1.525;
if ((k *= 2) < 1) {
return 0.5 * (k * k * ((s + 1) * k - s));
}
return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2);
}
},
Bounce: {
In: function (k) {
return 1 - TWEEN.Easing.Bounce.Out(1 - k);
},
Out: function (k) {
if (k < (1 / 2.75)) {
return 7.5625 * k * k;
} else if (k < (2 / 2.75)) {
return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75;
} else if (k < (2.5 / 2.75)) {
return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375;
} else {
return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375;
}
},
InOut: function (k) {
if (k < 0.5) {
return TWEEN.Easing.Bounce.In(k * 2) * 0.5;
}
return TWEEN.Easing.Bounce.Out(k * 2 - 1) * 0.5 + 0.5;
}
}
};
TWEEN.Interpolation = {
Linear: function (v, k) {
var m = v.length - 1;
var f = m * k;
var i = Math.floor(f);
var fn = TWEEN.Interpolation.Utils.Linear;
if (k < 0) {
return fn(v[0], v[1], f);
}
if (k > 1) {
return fn(v[m], v[m - 1], m - f);
}
return fn(v[i], v[i + 1 > m ? m : i + 1], f - i);
},
Bezier: function (v, k) {
var b = 0;
var n = v.length - 1;
var pw = Math.pow;
var bn = TWEEN.Interpolation.Utils.Bernstein;
for (var i = 0; i <= n; i++) {
b += pw(1 - k, n - i) * pw(k, i) * v[i] * bn(n, i);
}
return b;
},
CatmullRom: function (v, k) {
var m = v.length - 1;
var f = m * k;
var i = Math.floor(f);
var fn = TWEEN.Interpolation.Utils.CatmullRom;
if (v[0] === v[m]) {
if (k < 0) {
i = Math.floor(f = m * (1 + k));
}
return fn(v[(i - 1 + m) % m], v[i], v[(i + 1) % m], v[(i + 2) % m], f - i);
} else {
if (k < 0) {
return v[0] - (fn(v[0], v[0], v[1], v[1], -f) - v[0]);
}
if (k > 1) {
return v[m] - (fn(v[m], v[m], v[m - 1], v[m - 1], f - m) - v[m]);
}
return fn(v[i ? i - 1 : 0], v[i], v[m < i + 1 ? m : i + 1], v[m < i + 2 ? m : i + 2], f - i);
}
},
Utils: {
Linear: function (p0, p1, t) {
return (p1 - p0) * t + p0;
},
Bernstein: function (n, i) {
var fc = TWEEN.Interpolation.Utils.Factorial;
return fc(n) / fc(i) / fc(n - i);
},
Factorial: (function () {
var a = [1];
return function (n) {
var s = 1;
if (a[n]) {
return a[n];
}
for (var i = n; i > 1; i--) {
s *= i;
}
a[n] = s;
return s;
};
})(),
CatmullRom: function (p0, p1, p2, p3, t) {
var v0 = (p2 - p0) * 0.5;
var v1 = (p3 - p1) * 0.5;
var t2 = t * t;
var t3 = t * t2;
return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (- 3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1;
}
}
};
// UMD (Universal Module Definition)
(function (root) {
if (typeof define === 'function' && define.amd) {
// AMD
define([], function () {
return TWEEN;
});
} else if (typeof module !== 'undefined' && typeof exports === 'object') {
// Node.js
module.exports = TWEEN;
} else if (root !== undefined) {
// Global variable
root.TWEEN = TWEEN;
}
})(this);
export default TWEEN
\ No newline at end of file
// 公众号
import ComQRCode from "../components/comdan_chuang_guan_zhu_gong_zhong_hao_dan_chuang/comdan_chuang_guan_zhu_gong_zhong_hao_dan_chuang.jsx";
// 活动规则
import ComRule from "../components/comdan_chuang_huo_dong_gui_ze/comdan_chuang_huo_dong_gui_ze.jsx";
// 抽卡弹窗
import ComDrawCard from "../components/comdan_chuang_gong_xi_ni_qia_pian1add/comdan_chuang_gong_xi_ni_qia_pian1add.jsx";
// 助力成功
import ComDrawCard2 from '../components/comdan_chuang_gong_xi_ni_qia_pian2add/comdan_chuang_gong_xi_ni_qia_pian2add.jsx';
// 中奖弹窗
import ComPrizeOneCard from "../components/comdan_chuang5_yuan_hua_fei_quan1add/comdan_chuang5_yuan_hua_fei_quan1add.jsx";
// 什么也没有
import ComNoCoupon from "../components/comdan_chuang_hen_yi_han_zai_chou_yi_ciadd/comdan_chuang_hen_yi_han_zai_chou_yi_ciadd.jsx";
// 无次数(邀请好友再抽一次)(免费次数用完,邀请好友还有次数)
import ComPlayCount from "../components/comdan_chuang_hen_bao_qianadd/comdan_chuang_hen_bao_qianadd.jsx";
// 今日抽奖次数上限(还有抽卡次数)
// 好友赠送的卡
import ComReceiveNow from '../components/comreceivenow/comreceivenow.jsx';
// 好友索要的卡
import ComConfirmSend from '../components/comconfirmsend/comconfirmsend.jsx';
// 向好友索要的卡
import ComBagForFriend from '../components/combagforfriend/combagforfriend.jsx'
// 向好友赠送卡
import ConSendToFriend from '../components/comsendtofriend/comsendtofriend.jsx'
// 合成成功
import ComGetPrize from '../components/comdan_chuang_he_cheng_qia_cheng_gong/comdan_chuang_he_cheng_qia_cheng_gong.jsx'
// 助力成功
import ComAssistSucceed from '../components/comdan_chuang_gong_xi_nin_zhu_li_cheng_gong/comdan_chuang_gong_xi_nin_zhu_li_cheng_gong.jsx'
// 助力失败
import ComAssistFail from '../components/comdan_chuang_hen_yi_han_zhu_li_shi_bai/comdan_chuang_hen_yi_han_zhu_li_shi_bai.jsx'
const { default: Enum } = require("./enum");
let comMap = new Map();
comMap.set(Enum.Com.QRCode, ComQRCode);
comMap.set(Enum.Com.Rule, ComRule);
comMap.set(Enum.Com.DrawCard,ComDrawCard);
comMap.set(Enum.Com.PrizeOneCard, ComPrizeOneCard);
comMap.set(Enum.Com.DrawCard2, ComDrawCard2);
comMap.set(Enum.Com.NoCoupon, ComNoCoupon);
comMap.set(Enum.Com.PlayCount,ComPlayCount);
comMap.set(Enum.Com.ReceiveNow, ComReceiveNow);
comMap.set(Enum.Com.ConfirmSend, ComConfirmSend);
comMap.set(Enum.Com.BagForFriend, ComBagForFriend);
comMap.set(Enum.Com.SendToFriend, ConSendToFriend);
console.log(ConSendToFriend,'ConSendToFriend');
comMap.set(Enum.Com.GetPrize, ComGetPrize);
comMap.set(Enum.Com.AssistSucceed, ComAssistSucceed);
comMap.set(Enum.Com.AssistFail, ComAssistFail);
const config = {
comMap:comMap,
netError:"网络异常,请稍后重试"
}
export default config
\ No newline at end of file
const Datas = new Map();
const dataCenter = {
setData: (key, value) => {
Datas.set(key, value);
var evet = new Event(key + '');
document.dispatchEvent(evet);
},
getData: (key) => {
return Datas.get(key)
}
}
export default dataCenter
const Enum = {
//页面
Page: {
//首页
Pageindex: 1001,
InviteRecordPage:1002,
InviteFriendPage:1003,
SendOrReceivePage:1004
},
//弹窗
Com: {
//toast
toast: 2000,
QRCode:3001,
Rule:3002,
DrawCard:3003,
DrawCard2:3014,
PrizeOneCard:3004,
NoCoupon:3005,
PlayCount:3006,
ReceiveNow:3007,
ConfirmSend:3008,
BagForFriend:3009,
SendToFriend:3010,
GetPrize:3011,
AssistSucceed:3012,
AssistFail:3013
}
}
export default Enum;
\ No newline at end of file
import ViewCtrl from './viewCtrl';
import Enum from './enum';
import dataCenter from './dataCenter';
const util = {
// 获取网页地址参数
getQueryString: (name) => {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
var search = window.location.href.split('?')[1];
if (search) {
var r = search.match(reg);
if (r !== null) {
console.log(r)
return decodeURIComponent(r[2]);
}else{
return '';
}
}
return '';
},
/**鼠标点击延迟,name:节点的类名,delay:延迟时间(ms) */
clickDelay: (name, delay=1200) => {
let node;
node = document.getElementsByClassName(name)[0]
node.style.pointerEvents = 'none'
setTimeout(() => {
if (node)
node.style.pointerEvents = ''
}, delay)
},
/**禁用点击事件 */
disableClick: (name) => {
let node;
node = document.getElementsByClassName(name)[0]
node.style.pointerEvents = "none"
},
/**启用点击事件 */
enableClick: (name) => {
let node;
node = document.getElementsByClassName(name)[0]
node.style.pointerEvents = ''
},
/**获取星速台token */
getProjectXToken: () => {
let _token;
if (top.location.href.indexOf('preview') >= 0 || top.location.href.indexOf('localhost') >= 0) {
_token = 'dev-token';
return _token
} else {
if (window['getPxToken']) {
return new Promise(resolve => {
window.getPxToken((e, token) => {
switch (e) {
case 'net error':
console.log("获取星速台token_Error")
resolve(null)
break;
case 'need login':
console.log("获取星速台token_login")
resolve(null)
break;
case 'state invalid':
console.log("获取星速台token_invalid")
resolve(null)
break;
default:
if (token) {
resolve(token)
} else {
console.log('获取星速台token_invalid key');
resolve(null)
}
}
});
})
} else {
console.log("获取星速台token_Error")
// resolve(null)
}
}
},
//获取duibaToken
getDuibaToken: () => {
if (window['getDuibaToken']) {
return new Promise(resolve => {
window['getDuibaToken']((tokenObj) => {
resolve(tokenObj.token)
}, (key, messageObj) => {
resolve(null);
});
})
} else { //本地测试用
return "_token"
}
},
/**接口轮询
* @param api API.XXX
* @param name 字段名
* @param successVlues 成功值
* @param params 参数
* @param count 次数:10
* @param delay 延迟:500
*
*/
async getApiStatus(api, name, successVlues, params, count = 10, delay = 500) {
var pollingCount = dataCenter.getData("pollingCount");
if (!pollingCount || isNaN(pollingCount) || pollingCount < 0 || pollingCount > count) {
pollingCount = 0;
dataCenter.setData("pollingCount", 0)
}
try{
return new Promise(async (resolve,reject) => {
pollingCount++
dataCenter.setData("pollingCount", pollingCount);
console.log(pollingCount);
var apiStatus = await api(params)
if (apiStatus.success) {
if (apiStatus[name] == successVlues && pollingCount <= count) {
//轮询成功
resolve(apiStatus)
} else if (pollingCount > count) {
//超时
resolve();
} else {
//轮询
setTimeout(async () => {
let data = await util.getApiStatus(api, name, successVlues, params, count, delay);
resolve(data);
}, delay);
}
} else {
//轮询失败
resolve(apiStatus);
}
})
}
catch{
console.error("111");
}
},
/**
* 获取日期-日-月
* @param {2020-08-13} date
*
* return 08月13日
*/
getDateToDayMonth(date) {
let dateStrs = date.split("-")
return dateStrs[1] + "月" + dateStrs[2] + "日"
},
/**根据时间戳获取日期-月-日 */
getDateDayMonthByTime(time) {
let date = new Date(time);
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
month = month < 10 ? "0" + month : month;
day = day < 10 ? "0" + day : day;
date = year + '.' + month + '.' + day;
console.log(date);
return date;
},
//微信分享
wechatShare(data) {
console.log(JSON.stringify(data))
wx.miniProgram.postMessage({
data: {
title: data.desc, // 标题
desc: data.desc, // 描述
imgUrl: data.imgUrl, // 图片
link: data.link // 链接
}
});
ViewCtrl.showWin(Enum.Com.Comshareguidewin)
},
dispatchEvent(type){
let e = new Event(type);
document.dispatchEvent(e);
}
}
export default util
\ No newline at end of file
import React, { Component } from 'react';
import ReactDOM from "react-dom";
import config from './config';
import Enum from './enum';
import dataCenter from './dataCenter';
import TWEEN from './Tween';
import Toast from '../components/toast/toast.jsx';
import Waitting from '../components/waitting/waitting.jsx';
const ViewCtrl = {
showToast:(msg = "网络错误,请稍后重试")=>{
let T = Toast;
var m = document.createElement('div');
m.className = "popcontainer_empty"
m.style.zIndex = 9999;
document.body.appendChild(m);
setTimeout(function () {
var d = 500 / 1000;
m.style.webkitTransition = 'opacity ' + d + 's ease-in';
m.style.opacity = '0';
setTimeout(function () {
document.body.removeChild(m)
}, 500);
}, 1500);
T = <T msg={msg} />
ReactDOM.render(T, m);
},
initWaiting:()=>{
let T = Waitting;
var m = document.createElement('div');
m.className = "popcontainer_empty"
m.id = "waittingId"
m.style.zIndex = 99999;
m.style.opacity = 0;
m.style.pointerEvents = "none";
document.body.appendChild(m);
T = <T />
ReactDOM.render(T, m);
},
showWaiting:()=>{
let node = document.getElementById("waittingId");
node.style.pointerEvents = "";
node.style.opacity = 1;
},
hideWaiting:()=>{
let node = document.getElementById("waittingId");
node.style.pointerEvents = "none";
node.style.opacity = 0;
},
/**控制显示隐藏,name:节点的类名,value为布尔值 */
changeVisible: (name, value) => {
let node;
node = document.getElementsByClassName(name)[0]
if (value == true) {
node.style.display = ''
} else if (value == false) {
node.style.display = 'none'
}
},
// clickZoom:(className)=>{
// let node;
// node = document.getElementsByClassName(className)[0];
// if(node){
// node.style = "transform-origin:50% 50% 0px";
// new TWEEN.Tween(node)
// // .to({node.})
// }
// },
/**弹出弹窗 */
showWin: (enumComKey, data = {},call) => {
let T = config.comMap.get(enumComKey)
var m = document.createElement('div');
m.className = "popcontainer"
document.body.appendChild(m);
//防止背景滚动
const c = dataCenter.getData("popCount")?dataCenter.getData("popCount"):0
dataCenter.setData("popCount",c+1)
console.log(document.documentElement)
document.body.style.overflowY = "hidden"
/**
* @param {function} cb
*/
const closeWin = (cb) => {
document.body.removeChild(m);
//开启背景滚动
const c = dataCenter.getData("popCount")
const nc = c-1
dataCenter.setData("popCount",c-1)
if(nc == 0){
console.log(document.documentElement)
document.body.style.overflowY = "auto"
}
if (typeof cb == 'function') {
try {
cb()
} catch (error) {
console.log(error)
}
}
}
T = <T closeWin={closeWin} data={data} call={call} />
ReactDOM.render(T, m);
},
/**刷新页面 */
flushPage: () => {
let event = new Event("flushPage");
document.dispatchEvent(event)
},
/**切换页面 */
changePage: (enumPageKey = -1,data) => {
let event = new CustomEvent("changePage", { detail: { id: enumPageKey,data:data } });
document.dispatchEvent(event)
}
}
export default ViewCtrl
\ No newline at end of file
import MD from 'spark-utils/out/md/index.js';
let appId = CFG.appID || '78607';
const dcm = '202.' + CFG.projectId + '.0.0';
const domain = '//embedlog.duiba.com.cn';
let MDList = [
{
ele: `.test-md20`,
data: {
dpm: `${appId}.110.20.1`,
dcm,
domain,
appId
},
once: false
},
{
ele: `.test-md21`,
data: {
dpm: `${appId}.110.21.1`,
dcm,
domain,
appId
},
once: false
},
];
export default () =>
MD({
show: MDList, // 曝光
click: MDList // 点击
});
<!doctype html><html lang="zh"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><title>国庆攒人品,集卡赢好礼</title><script>!(function(e, i) {
var t = e.documentElement,
n = navigator.userAgent.match(/iphone|ipod|ipad/gi),
a = n ? Math.min(i.devicePixelRatio, 3) : 1,
m = 'orientationchange' in window ? 'orientationchange' : 'resize';
t.dataset.dpr = a;
for (
var d, l, c = !1, o = e.getElementsByTagName('meta'), r = 0;
r < o.length;
r++
)
(l = o[r]), 'viewport' == l.name && ((c = !0), (d = l));
if (c)
d.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no';
else {
var o = e.createElement('meta');
(o.name = 'viewport'),
(o.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no'),
t.firstElementChild.appendChild(o);
}
var s = function() {
var e = t.clientWidth;
e / a > 750 && (e = 750 * a),
(window.remScale = e / 750),
(t.style.fontSize = 200 * (e / 750) + 'px');
};
s(), e.addEventListener && i.addEventListener(m, s, !1);
})(document, window);</script><script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script><script>function getApp(){
return {
cloud:{},
cloudName:"clientTemplate2C",
requestType:"mock"
}
}
var CFG = CFG || {};
CFG.projectId = location.pathname.split('/')[2] || '1';
function getUrlParam(name) {
const search = window.location.search;
const matched = search
.slice(1)
.match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
return search.length ? matched && matched[2] : null;
}
CFG.appID = getUrlParam("appID")||1</script><link href="//yun.duiba.com.cn/spark/v2/sparkproject-1600762316494/styles/main.bbf4cc321d84152fd9c5.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600762316494/js/runtime-main.618256bb.js"></script><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600762316494/js/vendors.a22725de.js"></script><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600762316494/js/main.af53e05b.js"></script></body></html>
\ No newline at end of file
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{"63/5":function(e,t){e.exports={OUTPUT_DIR:"dist",SOURCE_DIR:"src",TEMP_DIR:"./.temp",ENTRY:"src/app.jsx",TEMPLATE:"./public/index.html",MOCK_STATUS:!1}},GYGG:function(e,t,n){var a=n("LboF"),r=n("a9Pn");"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var c={insert:"head",singleton:!1};a(r,c);e.exports=r.locals||{}},IUt0:function(e,t,n){},a9Pn:function(e,t,n){},k7yg:function(e,t,n){"use strict";n.r(t);var a=n("lwsE"),r=n.n(a),c=n("W8MJ"),o=n.n(c),i=n("7W2i"),s=n.n(i),u=n("a1gu"),d=n.n(u),f=n("Nsbk"),p=n.n(f),l=n("q1tI"),b=n.n(l),m=n("i8i4"),g=n.n(m),h=(n("mPlr"),n("63/5")),y=n("/2d7"),v=n.n(y),_=CFG.appID||"78607",w="202."+CFG.projectId+".0.0",O="//embedlog.duiba.com.cn",k=[{ele:".test-md20",data:{dpm:"".concat(_,".110.20.1"),dcm:w,domain:O,appId:_},once:!1},{ele:".test-md21",data:{dpm:"".concat(_,".110.21.1"),dcm:w,domain:O,appId:_},once:!1}],P=n("o0o1"),j=n.n(P),x=n("yXPU"),E=n.n(x),C={"0200e780-b6ac-4c95-8e5a-8fd7a4bfe846":{name:"领取",ext:".png",uuid:"0200e780-b6ac-4c95-8e5a-8fd7a4bfe846",url:"//yun.duiba.com.cn/spark/assets/ed108cdbed084003cb316f2f93b1c6add78e535c.png"},"d542fb28-5d76-4a4b-81aa-1128d3d4b79b":{name:"按钮d",ext:".png",uuid:"d542fb28-5d76-4a4b-81aa-1128d3d4b79b",url:"//yun.duiba.com.cn/spark/assets/56f8b06aafd4358edf11e3735c53ef48c8ce6a10.png"},"80b5a11f-d662-461c-826a-aa3a81b78607":{name:"背景框a",ext:".png",uuid:"80b5a11f-d662-461c-826a-aa3a81b78607",url:"//yun.duiba.com.cn/spark/assets/94a0b7bf8de371cfbfcd476e2b868f08e3df87e6.png"},"8a8d66b8-ddc3-40a5-a48d-b85072964206":{name:"索要卡片",ext:".png",uuid:"8a8d66b8-ddc3-40a5-a48d-b85072964206",url:"//yun.duiba.com.cn/spark/assets/76b72adb0f27efc9108493c74ebf860eb390ae5a.png"},"8b9b2997-e491-4dee-a123-4dfede27d34b":{name:"赠送按钮",ext:".png",uuid:"8b9b2997-e491-4dee-a123-4dfede27d34b",url:"//yun.duiba.com.cn/spark/assets/8a932e01f6b368c1a9592e6ccd61cb77aad7d327.png"},"d06e587d-0bf1-49c6-998c-44a3b799fb4a":{name:"one",ext:".png",url:"//yun.duiba.com.cn/spark/assets/one.c317e8e270eee4e2baae5afcbe6af28b86c17c9f.png",uuid:"d06e587d-0bf1-49c6-998c-44a3b799fb4a"}},R=n("J4zp"),N=n.n(R),D=n("cDf5"),I=n.n(D),q=n("lSNA"),T=n.n(q),S=window.CFG.projectId||"",U={getRule:"/projectx/".concat(S,"/projectRule.query"),doJoin:{uri:"/projectx/".concat(S,"/join.do"),method:"post"},coop_getGiveCardInfo:"/projectx/".concat(S,"/clcard/coop_getGiveCardInfo.do"),coop_getRequestCardInfo:"/projectx/".concat(S,"/clcard/coop_getRequestCardInfo.do")},G=n("Qyje"),M=n.n(G),L=n("vDqi");function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){T()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=n.n(L).a.create({timeout:1e4});J.interceptors.request.use((function(e){return"get"===e.method&&(e.data=!0),"post"===e.method?e.data=M.a.stringify(F(F({},e.data),{},{_t:Date.now()})):e.params=F(F({},e.params),{},{_t:Date.now()}),e.headers["Content-Type"]="application/x-www-form-urlencoded",e}),(function(e){Promise.reject(e)})),J.interceptors.response.use((function(e){var t=(e||-1e3).status;return t>=200&&t<=400?e.data:e}));var Q=J;function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}var K,W,Y=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){T()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},U),X=(K=Y,W={},Object.entries(K).forEach((function(e){var t=N()(e,2),n=t[0],a=function(e){if("string"==typeof e)return{uri:e,method:"get"};if("object"===I()(e)){var t=e.uri,n=e.method;return{uri:t,method:void 0===n?"post":n}}console.error("getRequestParams: 传参有误")}(t[1]),r=a.method,c=a.uri;W[n]=function(e){return Q[r](c,"post"===r?e:{params:e})}})),W);n("GYGG");function B(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=p()(e);if(t){var r=p()(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return d()(this,n)}}var Z=function(e){s()(a,e);var t,n=B(a);function a(e){var t;return r()(this,a),(t=n.call(this,e)).state={resList:C,cardsType:"",sharePic:"",shareCode:"",inviterNickname:"",icon:""},t}return o()(a,[{key:"componentDidMount",value:(t=E()(j.a.mark((function e(){var t,n,a,r,c,o,i,s,u,d,f,p,l;return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.getQueryString("cardsType"),n=this.getQueryString("shareCode"),a=this.getQueryString("sharePic"),this.setState({sharePic:a,shareCode:n,cardsType:t}),"send"!=t){e.next=16;break}return e.next=7,X.coop_getGiveCardInfo({shareCode:n});case 7:(r=e.sent).code,r.message,c=r.data,r.success,c.errorMessage,o=c.raw,i=o.inviterNickname,s=o.icon,o.prizeId,i.length>=6&&(i=i.substr(0,6)),this.setState({inviterNickname:i,icon:s});case 16:if("receive"!=t){e.next=29;break}return e.next=19,X.coop_getRequestCardInfo({shareCode:n});case 19:(u=e.sent).code,u.message,d=u.data,u.success,d.errorMessage,f=d.raw,p=f.inviterNickname,l=f.icon,f.prizeId,p.length>=6&&(p=p.substr(0,6)),this.setState({inviterNickname:p,icon:l});case 29:case"end":return e.stop()}}),e,this)}))),function(){return t.apply(this,arguments)})},{key:"gotoPage",value:function(){var e=this.state,t=e.cardsType,n=e.sharePic,a=e.shareCode,r=e.inviterNickname,c=(e.icon,encodeURIComponent(n)),o=encodeURIComponent(r),i="https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect="+encodeURIComponent("https://activity.m.duiba.com.cn/projectx/p30d778bd/index.html?typeOfCard="+"".concat(t)+"&shareCode="+"".concat(a)+"&sharePic="+"".concat(c)+"&inviterNickname="+"".concat(o));location.href=i}},{key:"getQueryString",value:function(e){var t=new RegExp("(^|&)"+e+"=([^&]*)(&|$)"),n=window.location.href.split("?")[1];if(n){var a=n.match(t);if(null!==a)return decodeURIComponent(a[2])}return""}},{key:"getProjectXToken",value:function(){return top.location.href.indexOf("preview")>=0||top.location.href.indexOf("localhost")>=0?("dev-token","dev-token"):window.getPxToken?new Promise((function(e){window.getPxToken((function(t,n){switch(t){case"net error":case"need login":case"state invalid":e(null);break;default:e(n||null)}}))})):void resolve(null)}},{key:"render",value:function(){var e=this,t=this.state,n=t.cardsType,a=t.sharePic,r=t.inviterNickname;return b.a.createElement("div",{className:"zeng_song_ling_qu1 "},b.a.createElement("img",{className:"ling_qu",src:this.state.resList["d06e587d-0bf1-49c6-998c-44a3b799fb4a"].url}),"send"==n?b.a.createElement("div",{className:"ling_qu_qia_pian "},b.a.createElement("img",{className:"bei_jing_kuang ",src:this.state.resList["80b5a11f-d662-461c-826a-aa3a81b78607"].url}),b.a.createElement("img",{className:"ling_qu_qia_pianq ",src:a}),b.a.createElement("img",{className:"an_niud test-md20",onClick:function(){return e.gotoPage()},src:this.state.resList["d542fb28-5d76-4a4b-81aa-1128d3d4b79b"].url}),b.a.createElement("span",{className:"nin_de_hao_youxx_song_nin_yi_zhang_qia_piany "},"您的好友",r,"送您一张卡片")):null,"receive"==n?b.a.createElement("div",{className:"zeng_song_qia_pian "},b.a.createElement("img",{className:"bei_jing_kuanga ",src:this.state.resList["80b5a11f-d662-461c-826a-aa3a81b78607"].url}),b.a.createElement("img",{className:"suo_yao_qia_pian ",src:a}),b.a.createElement("span",{className:"nin_de_hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pianwq "},"您的好友",r,"向您索要一张卡片"),b.a.createElement("img",{className:"zeng_song_an_niu test-md21",onClick:function(){return e.gotoPage()},src:this.state.resList["8b9b2997-e491-4dee-a123-4dfede27d34b"].url})):null)}}]),a}(l.Component);function $(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=p()(e);if(t){var r=p()(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return d()(this,n)}}h.MOCK_STATUS&&n(!function(){var e=new Error("Cannot find module '../mock/index'");throw e.code="MODULE_NOT_FOUND",e}()),v()({show:k,click:k});var H=function(e){s()(n,e);var t=$(n);function n(){return r()(this,n),t.apply(this,arguments)}return o()(n,[{key:"render",value:function(){return b.a.createElement(Z,null)}}]),n}(l.Component);g.a.render(b.a.createElement(H,null),document.getElementById("root"))},mPlr:function(e,t,n){var a=n("LboF"),r=n("IUt0");"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var c={insert:"head",singleton:!1};a(r,c);e.exports=r.locals||{}}},[["k7yg",1,2]]]);
\ No newline at end of file
!function(e){function r(r){for(var n,a,l=r[0],p=r[1],i=r[2],f=0,s=[];f<l.length;f++)a=l[f],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in p)Object.prototype.hasOwnProperty.call(p,n)&&(e[n]=p[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var p=t[l];0!==o[p]&&(n=!1)}n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={1:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,function(r){return e[r]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="//yun.duiba.com.cn/spark/v2/sparkproject-1600762316494";var l=window.webpackJsonp=window.webpackJsonp||[],p=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var c=p;t()}([]);
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 0.12rem;
width: 100%;
height: 100%;
}
.zeng_song_ling_qu1 {
width: 3.75rem;
height: 6.67rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu {
width: 3.75rem;
height: 8.12rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian {
width: 2.6rem;
height: 3.995rem;
opacity: 1;
left: 0.57rem;
top: 1.72rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
display: block;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .bei_jing_kuang {
width: 2.6rem;
height: 3.345rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .ling_qu_qia_pianq {
width: 2.06rem;
height: 2.875rem;
opacity: 1;
left: 0.275rem;
top: 0.35rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .an_niud {
width: 2.28rem;
height: 0.515rem;
opacity: 1;
left: 0.175rem;
top: 3.48rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .nin_de_hao_youxx_song_nin_yi_zhang_qia_piany {
width: 2.6rem;
height: 0.135rem;
opacity: 1;
left: 0;
top: 0.1rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.14rem;
color: #b41415;
text-align: center;
}
.zeng_song_ling_qu1 .ling_qu_qia_pian .ji_qi_qia_pian_dui_huanxx_hao_lit {
width: 1.12rem;
height: 0.115rem;
opacity: 1;
left: 0.745rem;
top: 0.275rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.12rem;
color: #5c3434;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian {
width: 2.6rem;
height: 3.995rem;
opacity: 1;
left: 0.57rem;
top: 1.72rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian .bei_jing_kuanga {
width: 2.6rem;
height: 3.345rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian .suo_yao_qia_pian {
width: 2.06rem;
height: 2.875rem;
opacity: 1;
left: 0.275rem;
top: 0.35rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian .nin_de_hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pianwq {
width: 2.6rem;
height: 0.135rem;
opacity: 1;
left: 0;
top: 0.1rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.14rem;
color: #b41415;
text-align: center;
}
.zeng_song_ling_qu1 .zeng_song_qia_pian .zeng_song_an_niu {
width: 2.28rem;
height: 0.515rem;
opacity: 1;
left: 0.175rem;
top: 3.48rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
export const join = {
"success": true,
"data": {
message: "参与成功"
}
};
import { Random } from 'mockjs';
export const rule = {
"success": true,
"data": `活动规则: ${Random.cparagraph(20, 40)}`
};
import Mock from 'mockjs';
import proxy from './proxy';
Object.keys(proxy).map(method => {
Object.keys(proxy[method]).map(URI => {
let data = proxy[method][URI];
Mock.mock(new RegExp(URI), method, opt => {
console.log(`%c[mock] 链接:${opt.url} 类型:${method} 参数:${method === 'post' && JSON.stringify(opt.body) || ''}`, "color: rgb(63, 172, 203)", data);
return data
});
})
})
\ No newline at end of file
import * as common from './common';
import * as collect_0722 from './collect_0722';
let projectId = window.CFG.projectId || '';
export default {
get: {
[`/projectx/${projectId}/projectRule.query`]: common.rule
},
post: {
[`/projectx/${projectId}/join.do`]: collect_0722.join
}
};
\ No newline at end of file
{
"name": "sparkproject-1600762316494",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"@babel/runtime": {
"version": "7.11.2",
"resolved": "http://npm.dui88.com:80/@babel%2fruntime/-/runtime-7.11.2.tgz",
"integrity": "sha1-9UnBPHVMxAuHZEufqfCaapX+BzY=",
"requires": {
"regenerator-runtime": "^0.13.4"
}
},
"@types/json-schema": {
"version": "7.0.6",
"resolved": "http://npm.dui88.com:80/@types%2fjson-schema/-/json-schema-7.0.6.tgz",
"integrity": "sha1-9MfsQ+gbMZqYFRFQMXCfJph4kfA="
},
"ajv": {
"version": "6.12.5",
"resolved": "http://npm.dui88.com:80/ajv/-/ajv-6.12.5.tgz",
"integrity": "sha1-GbDouuj0duW6ZmMAOHd1+xoApNo=",
"requires": {
"fast-deep-equal": "^3.1.1",
"fast-json-stable-stringify": "^2.0.0",
"json-schema-traverse": "^0.4.1",
"uri-js": "^4.2.2"
}
},
"ajv-errors": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/ajv-errors/-/ajv-errors-1.0.1.tgz",
"integrity": "sha1-81mGrOuRr63sQQL72FAUlQzvpk0="
},
"ajv-keywords": {
"version": "3.5.2",
"resolved": "http://npm.dui88.com:80/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
"integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0="
},
"ansi-styles": {
"version": "3.2.1",
"resolved": "http://npm.dui88.com:80/ansi-styles/-/ansi-styles-3.2.1.tgz",
"integrity": "sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=",
"requires": {
"color-convert": "^1.9.0"
}
},
"argparse": {
"version": "1.0.10",
"resolved": "http://npm.dui88.com:80/argparse/-/argparse-1.0.10.tgz",
"integrity": "sha1-vNZ5HqWuCXJeF+WtmIE0zUCz2RE=",
"requires": {
"sprintf-js": "~1.0.2"
}
},
"axios": {
"version": "0.19.2",
"resolved": "http://npm.dui88.com:80/axios/-/axios-0.19.2.tgz",
"integrity": "sha1-PqNsXYgY0NX4qKl6bTa4bNwAyyc=",
"requires": {
"follow-redirects": "1.5.10"
}
},
"big.js": {
"version": "5.2.2",
"resolved": "http://npm.dui88.com:80/big.js/-/big.js-5.2.2.tgz",
"integrity": "sha1-ZfCvOC9Xi83HQr2cKB6cstd2gyg="
},
"caller-callsite": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/caller-callsite/-/caller-callsite-2.0.0.tgz",
"integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=",
"requires": {
"callsites": "^2.0.0"
}
},
"caller-path": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/caller-path/-/caller-path-2.0.0.tgz",
"integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=",
"requires": {
"caller-callsite": "^2.0.0"
}
},
"callsites": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/callsites/-/callsites-2.0.0.tgz",
"integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA="
},
"camelcase": {
"version": "5.3.1",
"resolved": "http://npm.dui88.com:80/camelcase/-/camelcase-5.3.1.tgz",
"integrity": "sha1-48mzFWnhBoEd8kL3FXJaH0xJQyA="
},
"chalk": {
"version": "2.4.2",
"resolved": "http://npm.dui88.com:80/chalk/-/chalk-2.4.2.tgz",
"integrity": "sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=",
"requires": {
"ansi-styles": "^3.2.1",
"escape-string-regexp": "^1.0.5",
"supports-color": "^5.3.0"
},
"dependencies": {
"supports-color": {
"version": "5.5.0",
"resolved": "http://npm.dui88.com:80/supports-color/-/supports-color-5.5.0.tgz",
"integrity": "sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=",
"requires": {
"has-flag": "^3.0.0"
}
}
}
},
"color-convert": {
"version": "1.9.3",
"resolved": "http://npm.dui88.com:80/color-convert/-/color-convert-1.9.3.tgz",
"integrity": "sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=",
"requires": {
"color-name": "1.1.3"
}
},
"color-name": {
"version": "1.1.3",
"resolved": "http://npm.dui88.com:80/color-name/-/color-name-1.1.3.tgz",
"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
},
"commander": {
"version": "6.1.0",
"resolved": "http://npm.dui88.com:80/commander/-/commander-6.1.0.tgz",
"integrity": "sha1-+Ncit4EDFBAGtm9Me6HpcxW6dbw=",
"dev": true
},
"cosmiconfig": {
"version": "5.2.1",
"resolved": "http://npm.dui88.com:80/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
"integrity": "sha1-BA9yaAnFked6F8CjYmykW08Wixo=",
"requires": {
"import-fresh": "^2.0.0",
"is-directory": "^0.3.1",
"js-yaml": "^3.13.1",
"parse-json": "^4.0.0"
}
},
"css-loader": {
"version": "3.6.0",
"resolved": "http://npm.dui88.com:80/css-loader/-/css-loader-3.6.0.tgz",
"integrity": "sha1-Lkssfm4tJ/jI8o9hv/zS5ske9kU=",
"requires": {
"camelcase": "^5.3.1",
"cssesc": "^3.0.0",
"icss-utils": "^4.1.1",
"loader-utils": "^1.2.3",
"normalize-path": "^3.0.0",
"postcss": "^7.0.32",
"postcss-modules-extract-imports": "^2.0.0",
"postcss-modules-local-by-default": "^3.0.2",
"postcss-modules-scope": "^2.2.0",
"postcss-modules-values": "^3.0.0",
"postcss-value-parser": "^4.1.0",
"schema-utils": "^2.7.0",
"semver": "^6.3.0"
}
},
"cssesc": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/cssesc/-/cssesc-3.0.0.tgz",
"integrity": "sha1-N3QZGZA7hoVl4cCep0dEXNGJg+4="
},
"debug": {
"version": "3.1.0",
"resolved": "http://npm.dui88.com:80/debug/-/debug-3.1.0.tgz",
"integrity": "sha1-W7WgZyYotkFJVmuhaBnmFRjGcmE=",
"requires": {
"ms": "2.0.0"
}
},
"emojis-list": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/emojis-list/-/emojis-list-3.0.0.tgz",
"integrity": "sha1-VXBmIEatKeLpFucariYKvf9Pang="
},
"error-ex": {
"version": "1.3.2",
"resolved": "http://npm.dui88.com:80/error-ex/-/error-ex-1.3.2.tgz",
"integrity": "sha1-tKxAZIEH/c3PriQvQovqihTU8b8=",
"requires": {
"is-arrayish": "^0.2.1"
}
},
"escape-string-regexp": {
"version": "1.0.5",
"resolved": "http://npm.dui88.com:80/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
},
"esprima": {
"version": "4.0.1",
"resolved": "http://npm.dui88.com:80/esprima/-/esprima-4.0.1.tgz",
"integrity": "sha1-E7BM2z5sXRnfkatph6hpVhmwqnE="
},
"fast-deep-equal": {
"version": "3.1.3",
"resolved": "http://npm.dui88.com:80/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
"integrity": "sha1-On1WtVnWy8PrUSMlJE5hmmXGxSU="
},
"fast-json-stable-stringify": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
"integrity": "sha1-h0v2nG9ATCtdmcSBNBOZ/VWJJjM="
},
"follow-redirects": {
"version": "1.5.10",
"resolved": "http://npm.dui88.com:80/follow-redirects/-/follow-redirects-1.5.10.tgz",
"integrity": "sha1-e3qfmuov3/NnhqlP9kPtB/T/Xio=",
"requires": {
"debug": "=3.1.0"
}
},
"fyge-tbmini": {
"version": "1.3.9",
"resolved": "http://npm.dui88.com:80/fyge-tbmini/-/fyge-tbmini-1.3.9.tgz",
"integrity": "sha1-fT+jB3veqq6qh8pifM5rGFfvsV8="
},
"has-flag": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/has-flag/-/has-flag-3.0.0.tgz",
"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
},
"hoist-non-react-statics": {
"version": "3.3.2",
"resolved": "http://npm.dui88.com:80/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha1-7OCsr3HWLClpwuxZ/v9CpLGoW0U=",
"requires": {
"react-is": "^16.7.0"
}
},
"icss-utils": {
"version": "4.1.1",
"resolved": "http://npm.dui88.com:80/icss-utils/-/icss-utils-4.1.1.tgz",
"integrity": "sha1-IRcLU3ie4nRHwvR91oMIFAP5pGc=",
"requires": {
"postcss": "^7.0.14"
}
},
"import-cwd": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/import-cwd/-/import-cwd-2.1.0.tgz",
"integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=",
"requires": {
"import-from": "^2.1.0"
}
},
"import-fresh": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/import-fresh/-/import-fresh-2.0.0.tgz",
"integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
"requires": {
"caller-path": "^2.0.0",
"resolve-from": "^3.0.0"
}
},
"import-from": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/import-from/-/import-from-2.1.0.tgz",
"integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=",
"requires": {
"resolve-from": "^3.0.0"
}
},
"indexes-of": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/indexes-of/-/indexes-of-1.0.1.tgz",
"integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc="
},
"intersection-observer": {
"version": "0.11.0",
"resolved": "http://npm.dui88.com:80/intersection-observer/-/intersection-observer-0.11.0.tgz",
"integrity": "sha1-9OoGcHAyb2g5PuFhzAospMAEDG8="
},
"invariant": {
"version": "2.2.4",
"resolved": "http://npm.dui88.com:80/invariant/-/invariant-2.2.4.tgz",
"integrity": "sha1-YQ88ksk1nOHbYW5TgAjSP/NRWOY=",
"requires": {
"loose-envify": "^1.0.0"
}
},
"is-arrayish": {
"version": "0.2.1",
"resolved": "http://npm.dui88.com:80/is-arrayish/-/is-arrayish-0.2.1.tgz",
"integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
},
"is-directory": {
"version": "0.3.1",
"resolved": "http://npm.dui88.com:80/is-directory/-/is-directory-0.3.1.tgz",
"integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE="
},
"js-tokens": {
"version": "4.0.0",
"resolved": "http://npm.dui88.com:80/js-tokens/-/js-tokens-4.0.0.tgz",
"integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk="
},
"js-yaml": {
"version": "3.14.0",
"resolved": "http://npm.dui88.com:80/js-yaml/-/js-yaml-3.14.0.tgz",
"integrity": "sha1-p6NBcPJqIbsWJCTYray0ETpp5II=",
"requires": {
"argparse": "^1.0.7",
"esprima": "^4.0.0"
}
},
"json-parse-better-errors": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
"integrity": "sha1-u4Z8+zRQ5pEHwTHRxRS6s9yLyqk="
},
"json-schema-traverse": {
"version": "0.4.1",
"resolved": "http://npm.dui88.com:80/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
"integrity": "sha1-afaofZUTq4u4/mO9sJecRI5oRmA="
},
"json5": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/json5/-/json5-1.0.1.tgz",
"integrity": "sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=",
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.0",
"resolved": "http://npm.dui88.com:80/loader-utils/-/loader-utils-1.4.0.tgz",
"integrity": "sha1-xXm140yzSxp07cbB+za/o3HVphM=",
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
},
"loose-envify": {
"version": "1.4.0",
"resolved": "http://npm.dui88.com:80/loose-envify/-/loose-envify-1.4.0.tgz",
"integrity": "sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=",
"requires": {
"js-tokens": "^3.0.0 || ^4.0.0"
}
},
"minimist": {
"version": "1.2.5",
"resolved": "http://npm.dui88.com:80/minimist/-/minimist-1.2.5.tgz",
"integrity": "sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI="
},
"mockjs": {
"version": "1.1.0",
"resolved": "http://npm.dui88.com:80/mockjs/-/mockjs-1.1.0.tgz",
"integrity": "sha1-5qDDeOkZBtuv8gkRzAJzs8fXWwY=",
"dev": true,
"requires": {
"commander": "*"
}
},
"ms": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/ms/-/ms-2.0.0.tgz",
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
},
"normalize-path": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha1-Dc1p/yOhybEf0JeDFmRKA4ghamU="
},
"object-assign": {
"version": "4.1.1",
"resolved": "http://npm.dui88.com:80/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
},
"parse-json": {
"version": "4.0.0",
"resolved": "http://npm.dui88.com:80/parse-json/-/parse-json-4.0.0.tgz",
"integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
"requires": {
"error-ex": "^1.3.1",
"json-parse-better-errors": "^1.0.1"
}
},
"postcss": {
"version": "7.0.34",
"resolved": "http://npm.dui88.com:80/postcss/-/postcss-7.0.34.tgz",
"integrity": "sha1-8rr1fDYBDffeQAmUDyFTLBbWXCA=",
"requires": {
"chalk": "^2.4.2",
"source-map": "^0.6.1",
"supports-color": "^6.1.0"
}
},
"postcss-load-config": {
"version": "2.1.1",
"resolved": "http://npm.dui88.com:80/postcss-load-config/-/postcss-load-config-2.1.1.tgz",
"integrity": "sha1-CmhLuL6wXlW6+SL3q0TD7bF8944=",
"requires": {
"cosmiconfig": "^5.0.0",
"import-cwd": "^2.0.0"
}
},
"postcss-loader": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/postcss-loader/-/postcss-loader-3.0.0.tgz",
"integrity": "sha1-a5eUPkfHLYRfqeA/Jzdz1OjdbC0=",
"requires": {
"loader-utils": "^1.1.0",
"postcss": "^7.0.0",
"postcss-load-config": "^2.0.0",
"schema-utils": "^1.0.0"
},
"dependencies": {
"schema-utils": {
"version": "1.0.0",
"resolved": "http://npm.dui88.com:80/schema-utils/-/schema-utils-1.0.0.tgz",
"integrity": "sha1-C3mpMgTXtgDUsoUNH2bCo0lRx3A=",
"requires": {
"ajv": "^6.1.0",
"ajv-errors": "^1.0.0",
"ajv-keywords": "^3.1.0"
}
}
}
},
"postcss-modules-extract-imports": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz",
"integrity": "sha1-gYcZoa4doyX5gyRGsBE27rSTzX4=",
"requires": {
"postcss": "^7.0.5"
}
},
"postcss-modules-local-by-default": {
"version": "3.0.3",
"resolved": "http://npm.dui88.com:80/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz",
"integrity": "sha1-uxTgzHgnnVBNvcv9fgyiiZP/u7A=",
"requires": {
"icss-utils": "^4.1.1",
"postcss": "^7.0.32",
"postcss-selector-parser": "^6.0.2",
"postcss-value-parser": "^4.1.0"
}
},
"postcss-modules-scope": {
"version": "2.2.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
"integrity": "sha1-OFyuATzHdD9afXYC0Qc6iequYu4=",
"requires": {
"postcss": "^7.0.6",
"postcss-selector-parser": "^6.0.0"
}
},
"postcss-modules-values": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz",
"integrity": "sha1-W1AA1uuuKbQlUwG0o6VFdEI+fxA=",
"requires": {
"icss-utils": "^4.0.0",
"postcss": "^7.0.6"
}
},
"postcss-selector-parser": {
"version": "6.0.3",
"resolved": "http://npm.dui88.com:80/postcss-selector-parser/-/postcss-selector-parser-6.0.3.tgz",
"integrity": "sha1-dm13cocogXzBQPoaxtped/n62pg=",
"requires": {
"cssesc": "^3.0.0",
"indexes-of": "^1.0.1",
"uniq": "^1.0.1",
"util-deprecate": "^1.0.2"
}
},
"postcss-value-parser": {
"version": "4.1.0",
"resolved": "http://npm.dui88.com:80/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
"integrity": "sha1-RD9qIM7WSBor2k+oUypuVdeJoss="
},
"prettier": {
"version": "2.1.2",
"resolved": "http://npm.dui88.com:80/prettier/-/prettier-2.1.2.tgz",
"integrity": "sha1-MFBwDa4uTItnxMP2Zs24r0BeHOU="
},
"prop-types": {
"version": "15.7.2",
"resolved": "http://npm.dui88.com:80/prop-types/-/prop-types-15.7.2.tgz",
"integrity": "sha1-UsQedbjIfnK52TYOAga5ncv/psU=",
"requires": {
"loose-envify": "^1.4.0",
"object-assign": "^4.1.1",
"react-is": "^16.8.1"
}
},
"punycode": {
"version": "2.1.1",
"resolved": "http://npm.dui88.com:80/punycode/-/punycode-2.1.1.tgz",
"integrity": "sha1-tYsBCsQMIsVldhbI0sLALHv0eew="
},
"qs": {
"version": "6.9.4",
"resolved": "http://npm.dui88.com:80/qs/-/qs-6.9.4.tgz",
"integrity": "sha1-kJCykNH5FyjTwi5UhDykSupatoc="
},
"react": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react/-/react-16.13.1.tgz",
"integrity": "sha1-LoGIIvGpdDEiwGPWQQ2FweOv5I4=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2"
}
},
"react-dom": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react-dom/-/react-dom-16.13.1.tgz",
"integrity": "sha1-wb03MxoEhsB47lTEdAcgmTsuDn8=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2",
"scheduler": "^0.19.1"
}
},
"react-is": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha1-eJcppNw23imZ3BVt1sHZwYzqVqQ="
},
"react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "http://npm.dui88.com:80/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
"integrity": "sha1-TxonOv38jzSIqMUWv9p4+HI1I2I="
},
"react-redux": {
"version": "5.1.2",
"resolved": "http://npm.dui88.com:80/react-redux/-/react-redux-5.1.2.tgz",
"integrity": "sha1-sZz54h1pRCJye/eY6TSpFsQID1c=",
"requires": {
"@babel/runtime": "^7.1.2",
"hoist-non-react-statics": "^3.3.0",
"invariant": "^2.2.4",
"loose-envify": "^1.1.0",
"prop-types": "^15.6.1",
"react-is": "^16.6.0",
"react-lifecycles-compat": "^3.0.0"
}
},
"redux": {
"version": "4.0.5",
"resolved": "http://npm.dui88.com:80/redux/-/redux-4.0.5.tgz",
"integrity": "sha1-TbXeWBbheJHeioDEJCMtBvBR2T8=",
"requires": {
"loose-envify": "^1.4.0",
"symbol-observable": "^1.2.0"
}
},
"redux-thunk": {
"version": "2.3.0",
"resolved": "http://npm.dui88.com:80/redux-thunk/-/redux-thunk-2.3.0.tgz",
"integrity": "sha1-UcLBmhhe1Rh6qpotCLZm0NZGdiI="
},
"regenerator-runtime": {
"version": "0.13.7",
"resolved": "http://npm.dui88.com:80/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
"integrity": "sha1-ysLazIoepnX+qrrriugziYrkb1U="
},
"resolve-from": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/resolve-from/-/resolve-from-3.0.0.tgz",
"integrity": "sha1-six699nWiBvItuZTM17rywoYh0g="
},
"scheduler": {
"version": "0.19.1",
"resolved": "http://npm.dui88.com:80/scheduler/-/scheduler-0.19.1.tgz",
"integrity": "sha1-Tz4u0sGn1laB9MhU+oxaHMtA8ZY=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1"
}
},
"schema-utils": {
"version": "2.7.1",
"resolved": "http://npm.dui88.com:80/schema-utils/-/schema-utils-2.7.1.tgz",
"integrity": "sha1-HKTzLRskxZDCA7jnpQvw6kzTlNc=",
"requires": {
"@types/json-schema": "^7.0.5",
"ajv": "^6.12.4",
"ajv-keywords": "^3.5.2"
}
},
"semver": {
"version": "6.3.0",
"resolved": "http://npm.dui88.com:80/semver/-/semver-6.3.0.tgz",
"integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0="
},
"source-map": {
"version": "0.6.1",
"resolved": "http://npm.dui88.com:80/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM="
},
"spark-utils": {
"version": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git#1bb50ecd81f6888eebe65d6b0a682ffba7364957",
"from": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git",
"requires": {
"intersection-observer": "^0.11.0"
}
},
"sprintf-js": {
"version": "1.0.3",
"resolved": "http://npm.dui88.com:80/sprintf-js/-/sprintf-js-1.0.3.tgz",
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
},
"style-loader": {
"version": "1.2.1",
"resolved": "http://npm.dui88.com:80/style-loader/-/style-loader-1.2.1.tgz",
"integrity": "sha1-xcu/vxFw0HbP3YbgEJxbuhFLqho=",
"requires": {
"loader-utils": "^2.0.0",
"schema-utils": "^2.6.6"
},
"dependencies": {
"json5": {
"version": "2.1.3",
"resolved": "http://npm.dui88.com:80/json5/-/json5-2.1.3.tgz",
"integrity": "sha1-ybD3+pIzv+WAf+ZvzzpWF+1ZfUM=",
"requires": {
"minimist": "^1.2.5"
}
},
"loader-utils": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/loader-utils/-/loader-utils-2.0.0.tgz",
"integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
}
}
},
"supports-color": {
"version": "6.1.0",
"resolved": "http://npm.dui88.com:80/supports-color/-/supports-color-6.1.0.tgz",
"integrity": "sha1-B2Srxpxj1ayELdSGfo0CXogN+PM=",
"requires": {
"has-flag": "^3.0.0"
}
},
"symbol-observable": {
"version": "1.2.0",
"resolved": "http://npm.dui88.com:80/symbol-observable/-/symbol-observable-1.2.0.tgz",
"integrity": "sha1-wiaIrtTqs83C3+rLtWFmBWCgCAQ="
},
"uniq": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/uniq/-/uniq-1.0.1.tgz",
"integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8="
},
"uri-js": {
"version": "4.4.0",
"resolved": "http://npm.dui88.com:80/uri-js/-/uri-js-4.4.0.tgz",
"integrity": "sha1-qnFCYd55PoqCNHp7zJznTobyhgI=",
"requires": {
"punycode": "^2.1.0"
}
},
"util-deprecate": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/util-deprecate/-/util-deprecate-1.0.2.tgz",
"integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
}
}
}
{
"name": "sparkproject-1600762316494",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "spark dev --type h5",
"prod": "spark build --type h5 --env prod",
"tb": "spark build --type taobao"
},
"dependencies": {
"axios": "^0.19.2",
"css-loader": "^3.6.0",
"fyge-tbmini": "^1.3.1",
"postcss-loader": "^3.0.0",
"prettier": "^2.0.5",
"qs": "^6.9.4",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0",
"style-loader": "^1.2.1",
"spark-utils": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git"
},
"devDependencies": {
"mockjs": "^1.1.0"
}
}
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<title>国庆攒人品,集卡赢好礼</title>
<script>
!(function(e, i) {
var t = e.documentElement,
n = navigator.userAgent.match(/iphone|ipod|ipad/gi),
a = n ? Math.min(i.devicePixelRatio, 3) : 1,
m = 'orientationchange' in window ? 'orientationchange' : 'resize';
t.dataset.dpr = a;
for (
var d, l, c = !1, o = e.getElementsByTagName('meta'), r = 0;
r < o.length;
r++
)
(l = o[r]), 'viewport' == l.name && ((c = !0), (d = l));
if (c)
d.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no';
else {
var o = e.createElement('meta');
(o.name = 'viewport'),
(o.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no'),
t.firstElementChild.appendChild(o);
}
var s = function() {
var e = t.clientWidth;
e / a > 750 && (e = 750 * a),
(window.remScale = e / 750),
(t.style.fontSize = 200 * (e / 750) + 'px');
};
s(), e.addEventListener && i.addEventListener(m, s, !1);
})(document, window);
</script>
<script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script>
<!-- <script src="https://yun.duiba.com.cn/db_games/debug/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
console.log("Hello world");
</script> -->
<script>
function getApp(){
return {
cloud:{},
cloudName:"clientTemplate2C",
requestType:"mock"
}
}
var CFG = CFG || {};
CFG.projectId = location.pathname.split('/')[2] || '1';
function getUrlParam(name) {
const search = window.location.search;
const matched = search
.slice(1)
.match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
return search.length ? matched && matched[2] : null;
}
CFG.appID = getUrlParam("appID")||1
</script>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
module.exports = {
OUTPUT_DIR: "dist",
SOURCE_DIR: "src",
TEMP_DIR: "./.temp",
ENTRY: "src/app.jsx",
TEMPLATE: "./public/index.html",
MOCK_STATUS: false
};
let projectId = window.CFG.projectId || '';
const apiCfg = {
getRule:`/projectx/${projectId}/projectRule.query`,
doJoin: {
uri: `/projectx/${projectId}/join.do`,
method: "post"
},
coop_getGiveCardInfo:`/projectx/${projectId}/clcard/coop_getGiveCardInfo.do`, //查询赠卡的卡片信息
coop_getRequestCardInfo:`/projectx/${projectId}/clcard/coop_getRequestCardInfo.do`, //查询索卡的卡片信息
}
export default apiCfg;
\ No newline at end of file
import apiCfg from './apicfg';
import request from './request';
const apiList = {
...apiCfg
}
const API = generateAPI(apiList);
export default API;
function getRequestParams(value) {
if (typeof value === 'string') {
return {
uri: value,
method: 'get'
}
} else if (typeof value === 'object') {
const { uri, method = 'post' } = value;
return {
uri,
method
}
} else {
console.error('getRequestParams: 传参有误');
}
};
function generateAPI(apiList) {
const api = {};
Object.entries(apiList).forEach(([key, value]) => {
const { method, uri } = getRequestParams(value);
api[key] = params => request[method](uri, method === 'post' ? params : { params });
});
return api;
}
import Qs from "qs";
import axios from "axios";
const TIMEOUT = 10000;
const instance = axios.create({
timeout: TIMEOUT, // 请求超时时间
});
instance.interceptors.request.use(
(config) => {
if (config.method === "get") {
config.data = true;
}
config.method === "post"
? (config.data = Qs.stringify({ ...config.data, _t: Date.now() }))
: (config.params = { ...config.params, _t: Date.now() });
config.headers["Content-Type"] = "application/x-www-form-urlencoded";
return config;
},
(error) => {
//请求错误处理
Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
// 请求成功
(res) => {
const { status } = res || -1000;
return (status >= 200 && status <= 400) ? res.data : res
}
);
export default instance;
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./app.less";
import { MOCK_STATUS } from '../sparkrc';
MOCK_STATUS && (require('../mock/index'));
import MD from '../MD';
MD();
//此处为spark-cli动态生成
import Pagezeng_song_ling_qu1 from "./pages/pagezeng_song_ling_qu1/pagezeng_song_ling_qu1.jsx";
class App extends Component {
render() {
return (
<Pagezeng_song_ling_qu1></Pagezeng_song_ling_qu1>
);
}
}
ReactDOM.render(<App />, document.getElementById("root"));
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 24px;
width: 100%;
height: 100%;
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api';
import './pagezeng_song_ling_qu1.less';
class Pagezeng_song_ling_qu1 extends Component {
constructor(props) {
super(props);
this.state = {
resList: resList,
cardsType:'',
sharePic:'',
shareCode:'',
inviterNickname:'',
icon:''
};
}
async componentDidMount(){
let cardsType = this.getQueryString('cardsType');
let shareCode = this.getQueryString('shareCode');
let sharePic = this.getQueryString('sharePic');
this.setState({
sharePic,
shareCode,
cardsType
})
if(cardsType == 'send'){
// 接受赠卡
let {code,message,data,success} = await API.coop_getGiveCardInfo({shareCode:shareCode});
// if(success){
let {errorMessage} = data;
// console.log(data,'senddata');
let {raw:{inviterNickname,icon,prizeId}} = data;
if(inviterNickname.length >= 6){
inviterNickname=inviterNickname.substr(0,6);
}
this.setState({
inviterNickname,
icon
})
// }
}
if(cardsType == 'receive'){
let {code,message,data,success} = await API.coop_getRequestCardInfo({shareCode:shareCode});
let {errorMessage} = data;
console.log(data,'receivedata');
let {raw:{inviterNickname,icon,prizeId}} = data;
if(inviterNickname.length >= 6){
inviterNickname=inviterNickname.substr(0,6);
}
this.setState({
inviterNickname,
icon
})
}
}
gotoPage(){
let {cardsType,sharePic,shareCode,inviterNickname,icon} = this.state;
// let typeOfCard = cardsType ? 'send' : 'receive';
// let url = 'http://activity.m.duibatest.com.cn/projectx/p14c3e5fb/index.html';
// let url = 'http://activity.m.duibatest.com.cn/projectx/p75d89a5a/ff36fb009.html';
let sharePics = encodeURIComponent(sharePic);
let nickname = encodeURIComponent(inviterNickname);
// let url = 'http://activity.m.duibatest.com.cn/projectx/p75d89a5a/index.html';
// let globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
let globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
let url = 'https://activity.m.duiba.com.cn/projectx/p30d778bd/index.html';
let uri = globalShare + encodeURIComponent(url + '?typeOfCard=' + `${cardsType}` +'&shareCode=' + `${shareCode}` + '&sharePic=' + `${sharePics}`+'&inviterNickname=' + `${nickname}`)
// 跳转回到首页
// location.href = url + '?typeOfCard=' + `${cardsType}` + `&sharePic=${sharePic}`+`&inviterNickname=${inviterNickname}` +`&shareCode=${shareCode}`;
location.href = uri;
}
getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
var search = window.location.href.split('?')[1];
if (search) {
var r = search.match(reg);
if (r !== null) {
console.log(r)
return decodeURIComponent(r[2]);
}
}
return '';
}
/**获取星速台token */
getProjectXToken() {
let _token;
if (top.location.href.indexOf('preview') >= 0 || top.location.href.indexOf('localhost') >= 0) {
_token = 'dev-token';
return _token
} else {
if (window['getPxToken']) {
return new Promise(resolve => {
window.getPxToken((e, token) => {
switch (e) {
case 'net error':
console.log("获取星速台token_Error")
resolve(null)
break;
case 'need login':
console.log("获取星速台token_login")
resolve(null)
break;
case 'state invalid':
console.log("获取星速台token_invalid")
resolve(null)
break;
default:
if (token) {
resolve(token)
} else {
console.log('获取星速台token_invalid key');
resolve(null)
}
}
});
})
} else {
console.log("获取星速台token_Error")
resolve(null)
}
}
}
render() {
let {cardsType,sharePic,inviterNickname} = this.state;
console.log(cardsType,'cardstype');
return (
<div className="zeng_song_ling_qu1 ">
{/* <img className="ling_qu" src={this.state.resList['0200e780-b6ac-4c95-8e5a-8fd7a4bfe846'].url} /> */}
<img className="ling_qu" src={this.state.resList['d06e587d-0bf1-49c6-998c-44a3b799fb4a'].url} />
{
cardsType == 'send' ?
<div className="ling_qu_qia_pian ">
<img className="bei_jing_kuang " src={this.state.resList['80b5a11f-d662-461c-826a-aa3a81b78607'].url} />
{/* <img className="ling_qu_qia_pianq " src={this.state.resList['8a8d66b8-ddc3-40a5-a48d-b85072964206'].url} /> */}
<img className="ling_qu_qia_pianq " src={sharePic} />
<img className="an_niud test-md20" onClick={()=>this.gotoPage()} src={this.state.resList['d542fb28-5d76-4a4b-81aa-1128d3d4b79b'].url} />
<span className="nin_de_hao_youxx_song_nin_yi_zhang_qia_piany ">您的好友{inviterNickname}送您一张卡片</span>
{/* <span className="ji_qi_qia_pian_dui_huanxx_hao_lit ">集齐卡片 兑换XX豪礼</span> */}
</div>
: null
}
{
cardsType == 'receive'
?
<div className="zeng_song_qia_pian ">
<img className="bei_jing_kuanga " src={this.state.resList['80b5a11f-d662-461c-826a-aa3a81b78607'].url} />
{/* <img className="suo_yao_qia_pian " src={this.state.resList['8a8d66b8-ddc3-40a5-a48d-b85072964206'].url} /> */}
<img className="suo_yao_qia_pian " src={sharePic} />
<span className="nin_de_hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pianwq ">您的好友{inviterNickname}向您索要一张卡片</span>
<img className="zeng_song_an_niu test-md21" onClick={()=>this.gotoPage()} src={this.state.resList['8b9b2997-e491-4dee-a123-4dfede27d34b'].url} />
</div>
: null
}
</div>
);
}
}
export default Pagezeng_song_ling_qu1;
.zeng_song_ling_qu1 {
width: 750px;
height: 1334px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.ling_qu {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ling_qu_qia_pian {
width: 520px;
height: 799px;
opacity: 1;
left: 114px;
top: 344px;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
.bei_jing_kuang {
width: 520px;
height: 669px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ling_qu_qia_pianq {
width: 412px;
height: 575px;
opacity: 1;
left: 55px;
top: 70px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niud {
width: 456px;
height: 103px;
opacity: 1;
left: 35px;
top: 696px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_de_hao_youxx_song_nin_yi_zhang_qia_piany {
width: 520px;
height: 27px;
opacity: 1;
left: 0px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(180, 20, 21, 1);
text-align: center;
}
.ji_qi_qia_pian_dui_huanxx_hao_lit {
width: 224px;
height: 23px;
opacity: 1;
left: 149px;
top: 55px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(92, 52, 52, 1);
}
}
.zeng_song_qia_pian {
width: 520px;
height: 799px;
opacity: 1;
left: 114px;
top: 344px;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing_kuanga {
width: 520px;
height: 669px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.suo_yao_qia_pian {
width: 412px;
height: 575px;
opacity: 1;
left: 55px;
top: 70px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.nin_de_hao_youxx_xiang_nin_suo_yao_yi_zhang_qia_pianwq {
width: 520px;
height: 27px;
opacity: 1;
left: 0px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(180, 20, 21, 1);
text-align: center;
}
.zeng_song_an_niu {
width: 456px;
height: 103px;
opacity: 1;
left: 35px;
top: 696px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
/**
* 目前没有用到
* @param {*} resList
* @param {*} uuid
*/
const getSrcByUuid = (resList, uuid) => {
resList = resList || [];
for (let i = 0; i < resList.length; i++) {
if (resList[i].uuid == uuid) {
return resList[i].url
}
}
}
module.exports = {
getSrcByUuid
}
\ No newline at end of file
const resList = {
'0200e780-b6ac-4c95-8e5a-8fd7a4bfe846': {
name: '领取',
ext: '.png',
uuid: '0200e780-b6ac-4c95-8e5a-8fd7a4bfe846',
url: '//yun.duiba.com.cn/spark/assets/ed108cdbed084003cb316f2f93b1c6add78e535c.png',
},
'd542fb28-5d76-4a4b-81aa-1128d3d4b79b': {
name: '按钮d',
ext: '.png',
uuid: 'd542fb28-5d76-4a4b-81aa-1128d3d4b79b',
url: '//yun.duiba.com.cn/spark/assets/56f8b06aafd4358edf11e3735c53ef48c8ce6a10.png',
},
'80b5a11f-d662-461c-826a-aa3a81b78607': {
name: '背景框a',
ext: '.png',
uuid: '80b5a11f-d662-461c-826a-aa3a81b78607',
url: '//yun.duiba.com.cn/spark/assets/94a0b7bf8de371cfbfcd476e2b868f08e3df87e6.png',
},
'8a8d66b8-ddc3-40a5-a48d-b85072964206': {
name: '索要卡片',
ext: '.png',
uuid: '8a8d66b8-ddc3-40a5-a48d-b85072964206',
url: '//yun.duiba.com.cn/spark/assets/76b72adb0f27efc9108493c74ebf860eb390ae5a.png',
},
'8b9b2997-e491-4dee-a123-4dfede27d34b': {
name: '赠送按钮',
ext: '.png',
uuid: '8b9b2997-e491-4dee-a123-4dfede27d34b',
url: '//yun.duiba.com.cn/spark/assets/8a932e01f6b368c1a9592e6ccd61cb77aad7d327.png',
},
'd06e587d-0bf1-49c6-998c-44a3b799fb4a': {
name: 'one',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/one.c317e8e270eee4e2baae5afcbe6af28b86c17c9f.png',
uuid: 'd06e587d-0bf1-49c6-998c-44a3b799fb4a'
}
};
export default resList;
{
"view": {
"children": [
{
"name": "赠送领取1",
"properties": {
"style": {
"width": 750,
"height": 1334,
"opacity": 1,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {},
"className": ""
},
"uuid": "5a4810f0-b00b-4f02-b62e-e8148cc811fc",
"rect": {
"x": 0,
"y": 0,
"width": 750,
"height": 1334
},
"componentName": "Div",
"children": [
{
"name": "领取",
"properties": {
"style": {
"width": 750,
"height": 1334,
"opacity": 1,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://0200e780-b6ac-4c95-8e5a-8fd7a4bfe846"
},
"className": ""
},
"uuid": "7cd4f520-d4b7-4bed-9b45-4aef1294e90c",
"rect": {
"x": 0,
"y": 0,
"width": 750,
"height": 1334
},
"componentName": "Image"
},
{
"name": "领取卡片",
"properties": {
"style": {
"width": 520,
"height": 799,
"opacity": 1,
"left": 114,
"top": 344,
"position": "absolute",
"transformOrigin": "0px 0px 0px",
"display": "block"
},
"attrs": {},
"className": ""
},
"uuid": "ee712001-3134-4b68-901d-cf7749407d65",
"rect": {
"x": 114,
"y": 344,
"width": 520,
"height": 799
},
"componentName": "Div",
"children": [
{
"name": "背景框",
"properties": {
"style": {
"width": 520,
"height": 669,
"opacity": 1,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://80b5a11f-d662-461c-826a-aa3a81b78607"
},
"className": ""
},
"uuid": "0c945112-e7cc-461a-bcdc-096727d21c9d",
"rect": {
"x": 0,
"y": 0,
"width": 520,
"height": 669
},
"componentName": "Image"
},
{
"name": "领取卡片q",
"properties": {
"style": {
"width": 412,
"height": 575,
"opacity": 1,
"left": 55,
"top": 70,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://8a8d66b8-ddc3-40a5-a48d-b85072964206"
},
"className": ""
},
"uuid": "bb286e4d-804c-412d-b6d6-2b3d9ea5c934",
"rect": {
"x": 55,
"y": 70,
"width": 412,
"height": 575
},
"componentName": "Image"
},
{
"name": "按钮d",
"properties": {
"style": {
"width": 456,
"height": 103,
"opacity": 1,
"left": 35,
"top": 696,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://d542fb28-5d76-4a4b-81aa-1128d3d4b79b"
},
"className": ""
},
"uuid": "42880523-39d4-455e-91df-e80463961ccc",
"rect": {
"x": 35,
"y": 696,
"width": 456,
"height": 103
},
"componentName": "Image"
},
{
"name": "您的好友XX送您一张卡片y",
"properties": {
"style": {
"width": 310,
"height": 27,
"opacity": 1,
"left": 106,
"top": 20,
"position": "absolute",
"transformOrigin": "0px 0px 0px",
"fontSize": 28,
"color": "rgba(180, 20, 21, 1)"
},
"attrs": {
"text": "您的好友XX送您一张卡片"
},
"className": ""
},
"uuid": "96f18583-f608-4e3d-b061-9557489f2859",
"rect": {
"x": 106,
"y": 20,
"width": 310,
"height": 27
},
"componentName": "Label"
},
{
"name": "集齐卡片兑换XX豪礼t",
"properties": {
"style": {
"width": 224,
"height": 23,
"opacity": 1,
"left": 149,
"top": 55,
"position": "absolute",
"transformOrigin": "0px 0px 0px",
"fontSize": 24,
"color": "rgba(92, 52, 52, 1)"
},
"attrs": {
"text": "集齐卡片 兑换XX豪礼"
},
"className": ""
},
"uuid": "d4b24259-8d45-4a07-9914-47e73b6b4d5b",
"rect": {
"x": 149,
"y": 55,
"width": 224,
"height": 23
},
"componentName": "Label"
}
]
},
{
"name": "赠送卡片",
"properties": {
"style": {
"width": 520,
"height": 799,
"opacity": 1,
"left": 114,
"top": 344,
"position": "absolute",
"transformOrigin": "0px 0px 0px",
"display": "none"
},
"attrs": {},
"className": ""
},
"uuid": "932c4d50-40a6-455e-96fb-9adfc1b19325",
"rect": {
"x": 114,
"y": 344,
"width": 520,
"height": 799
},
"componentName": "Div",
"children": [
{
"name": "背景框a",
"properties": {
"style": {
"width": 520,
"height": 669,
"opacity": 1,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://80b5a11f-d662-461c-826a-aa3a81b78607"
},
"className": ""
},
"uuid": "f44448fa-b227-4ad6-adb8-17570be641ee",
"rect": {
"x": 0,
"y": 0,
"width": 520,
"height": 669
},
"componentName": "Image"
},
{
"name": "索要卡片",
"properties": {
"style": {
"width": 412,
"height": 575,
"opacity": 1,
"left": 55,
"top": 70,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://8a8d66b8-ddc3-40a5-a48d-b85072964206"
},
"className": ""
},
"uuid": "eb24581a-f5f8-4f36-8c94-f9862a752631",
"rect": {
"x": 55,
"y": 70,
"width": 412,
"height": 575
},
"componentName": "Image"
},
{
"name": "您的好友XX向您索要一张卡片wq",
"properties": {
"style": {
"width": 366,
"height": 27,
"opacity": 1,
"left": 77,
"top": 27,
"position": "absolute",
"transformOrigin": "0px 0px 0px",
"fontSize": 28,
"color": "rgba(180, 20, 21, 1)"
},
"attrs": {
"text": "您的好友XX向您索要一张卡片"
},
"className": ""
},
"uuid": "f8e1d820-4feb-4c15-827f-4d3e8be32635",
"rect": {
"x": 77,
"y": 27,
"width": 366,
"height": 27
},
"componentName": "Label"
},
{
"name": "赠送按钮",
"properties": {
"style": {
"width": 456,
"height": 103,
"opacity": 1,
"left": 35,
"top": 696,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://8b9b2997-e491-4dee-a123-4dfede27d34b"
},
"className": ""
},
"uuid": "5531b4c2-b9ed-48ad-b661-51c2323c4579",
"rect": {
"x": 35,
"y": 696,
"width": 456,
"height": 103
},
"componentName": "Image"
}
]
}
],
"viewType": "Scene"
}
]
},
"assets": [
{
"name": "领取",
"ext": ".png",
"uuid": "0200e780-b6ac-4c95-8e5a-8fd7a4bfe846",
"url": "//yun.duiba.com.cn/spark/assets/ed108cdbed084003cb316f2f93b1c6add78e535c.png"
},
{
"name": "按钮d",
"ext": ".png",
"uuid": "d542fb28-5d76-4a4b-81aa-1128d3d4b79b",
"url": "//yun.duiba.com.cn/spark/assets/56f8b06aafd4358edf11e3735c53ef48c8ce6a10.png"
},
{
"name": "背景框a",
"ext": ".png",
"uuid": "80b5a11f-d662-461c-826a-aa3a81b78607",
"url": "//yun.duiba.com.cn/spark/assets/94a0b7bf8de371cfbfcd476e2b868f08e3df87e6.png"
},
{
"name": "索要卡片",
"ext": ".png",
"uuid": "8a8d66b8-ddc3-40a5-a48d-b85072964206",
"url": "//yun.duiba.com.cn/spark/assets/76b72adb0f27efc9108493c74ebf860eb390ae5a.png"
},
{
"name": "赠送按钮",
"ext": ".png",
"uuid": "8b9b2997-e491-4dee-a123-4dfede27d34b",
"url": "//yun.duiba.com.cn/spark/assets/8a932e01f6b368c1a9592e6ccd61cb77aad7d327.png"
}
],
"dependencies": {
"browser": "0.0.2",
"duiba": "0.0.2",
"ui": "0.0.2",
"redpack-rain": "0.0.2"
}
}
\ No newline at end of file
import MD from 'spark-utils/out/md/index.js';
let appId = CFG.appID || '78607';
const dcm = '202.' + CFG.projectId + '.0.0';
const domain = '//embedlog.duiba.com.cn';
let MDList = [
{
ele: `.test-md19`,
data: {
dpm: `${appId}.110.19.1`,
dcm,
domain,
appId
},
once: false
}
];
export default () =>
MD({
show: MDList, // 曝光
click: MDList // 点击
});
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><title>国庆攒人品,集卡赢好礼</title><script>!(function(e, i) {
var t = e.documentElement,
n = navigator.userAgent.match(/iphone|ipod|ipad/gi),
a = n ? Math.min(i.devicePixelRatio, 3) : 1,
m = 'orientationchange' in window ? 'orientationchange' : 'resize';
t.dataset.dpr = a;
for (
var d, l, c = !1, o = e.getElementsByTagName('meta'), r = 0;
r < o.length;
r++
)
(l = o[r]), 'viewport' == l.name && ((c = !0), (d = l));
if (c)
d.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no';
else {
var o = e.createElement('meta');
(o.name = 'viewport'),
(o.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no'),
t.firstElementChild.appendChild(o);
}
var s = function() {
var e = t.clientWidth;
e / a > 750 && (e = 750 * a),
(window.remScale = e / 750),
(t.style.fontSize = 200 * (e / 750) + 'px');
};
s(), e.addEventListener && i.addEventListener(m, s, !1);
})(document, window);</script><script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script><script>function getApp(){
return {
cloud:{},
cloudName:"clientTemplate2C",
requestType:"mock"
}
}
var CFG = CFG || {};
CFG.projectId = location.pathname.split('/')[2] || '1';
function getUrlParam(name) {
const search = window.location.search;
const matched = search
.slice(1)
.match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
return search.length ? matched && matched[2] : null;
}
CFG.appID = getUrlParam("appID")||1</script><link href="//yun.duiba.com.cn/spark/v2/sparkproject-1600737616668/styles/main.5df67f4111cc63b42a68.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600737616668/js/runtime-main.77d0b901.js"></script><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600737616668/js/vendors.a22725de.js"></script><script src="//yun.duiba.com.cn/spark/v2/sparkproject-1600737616668/js/main.06ff0201.js"></script></body></html>
\ No newline at end of file
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{"63/5":function(e,t){e.exports={OUTPUT_DIR:"dist",SOURCE_DIR:"src",TEMP_DIR:"./.temp",ENTRY:"src/app.jsx",TEMPLATE:"./public/index.html",MOCK_STATUS:!1}},IUt0:function(e,t,n){},PTv1:function(e,t,n){},k7yg:function(e,t,n){"use strict";n.r(t);var r=n("lwsE"),c=n.n(r),a=n("W8MJ"),o=n.n(a),s=n("7W2i"),i=n.n(s),u=n("a1gu"),d=n.n(u),f=n("Nsbk"),p=n.n(f),l=n("q1tI"),b=n.n(l),m=n("i8i4"),h=n.n(m),g=(n("mPlr"),n("63/5")),y=n("/2d7"),v=n.n(y),w=CFG.appID||"78607",O="202."+CFG.projectId+".0.0",j=[{ele:".test-md19",data:{dpm:"".concat(w,".110.19.1"),dcm:O,domain:"//embedlog.duiba.com.cn",appId:w},once:!1}],_=n("o0o1"),x=n.n(_),P=n("yXPU"),k=n.n(P),E={"157ea3fd-2621-44a9-b20f-39add0003f7b":{name:"邀请页面",ext:".png",uuid:"157ea3fd-2621-44a9-b20f-39add0003f7b",url:"//yun.duiba.com.cn/spark/assets/16362a025588f989559ed2790116f8547f700bc8.png"},"aec4c7b8-f810-45f8-9cec-e656ee5b7658":{name:"助力按钮",ext:".png",uuid:"aec4c7b8-f810-45f8-9cec-e656ee5b7658",url:"//yun.duiba.com.cn/spark/assets/db29b6673250d8ee68f0a19baeaeac1151115c05.png"},"0dee636c-cdd0-4cd7-b8cf-91b416dab8e9":{name:"duibatest",ext:".png",url:"//yun.duiba.com.cn/spark/assets/duibatest.440e946c4e41ffb33efe98ee3344993ed149134f.png",uuid:"0dee636c-cdd0-4cd7-b8cf-91b416dab8e9"},"e0b8d727-0041-45bb-b763-4e26d4004cb1":{name:"二维码文案",ext:".png",uuid:"e0b8d727-0041-45bb-b763-4e26d4004cb1",url:"//yun.duiba.com.cn/spark/assets/70078722d42588ff2e93e4656824b60dba84d8d1.png"},"3323c5c2-c517-495e-9087-c60ea8d20e4e":{name:"二维码背景m",ext:".png",uuid:"3323c5c2-c517-495e-9087-c60ea8d20e4e",url:"//yun.duiba.com.cn/spark/assets/d6d6466de2eb5171a13ecb2d6969107b8d7e9944.png"},"2f6ff547-9ba9-4682-8f83-5de8f64556c2":{name:"zhulibeijing",ext:".png",url:"//yun.duiba.com.cn/spark/assets/zhulibeijing.68b4287b11966de3dbf49d6d07d4bc64fceabda9.png",uuid:"2f6ff547-9ba9-4682-8f83-5de8f64556c2"}},C=n("J4zp"),S=n.n(C),D=n("cDf5"),R=n.n(D),I=n("lSNA"),T=n.n(I),q=window.CFG.projectId||"",N={getRule:"/projectx/".concat(q,"/projectRule.query"),doJoin:{uri:"/projectx/".concat(q,"/join.do"),method:"post"},assist:"/projectx/".concat(q,"/clcard/assist.do"),getShareInfo:"/wechatShare/getShareInfo/v2",getSceneQrCodeTicket:"/wechat/sceneqrcode/getSceneQrCodeTicket",getSceneQrCodeContent:"/wechat/sceneqrcode/getSceneQrCodeContent",getQrCode:"/customActivity/qrcode/getQrcode",homeInfo:"/projectx/".concat(q,"/clcard/index.do")},Q=n("Qyje"),U=n.n(Q),L=n("vDqi");function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){T()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=n.n(L).a.create({timeout:1e4});z.interceptors.request.use((function(e){return"get"===e.method&&(e.data=!0),"post"===e.method?e.data=U.a.stringify(M(M({},e.data),{},{_t:Date.now()})):e.params=M(M({},e.params),{},{_t:Date.now()}),e.headers["Content-Type"]="application/x-www-form-urlencoded",e}),(function(e){Promise.reject(e)})),z.interceptors.response.use((function(e){var t=(e||-1e3).status;return t>=200&&t<=400?e.data:e}));var J=z;function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var G,K,W=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){T()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},N),X=(G=W,K={},Object.entries(G).forEach((function(e){var t=S()(e,2),n=t[0],r=function(e){if("string"==typeof e)return{uri:e,method:"get"};if("object"===R()(e)){var t=e.uri,n=e.method;return{uri:t,method:void 0===n?"post":n}}console.error("getRequestParams: 传参有误")}(t[1]),c=r.method,a=r.uri;K[n]=function(e){return J[c](a,"post"===c?e:{params:e})}})),K);n("kmXa");function B(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=p()(e);if(t){var c=p()(this).constructor;n=Reflect.construct(r,arguments,c)}else n=r.apply(this,arguments);return d()(this,n)}}var Y=function(e){i()(r,e);var t,n=B(r);function r(e){var t;return c()(this,r),(t=n.call(this,e)).state={resList:E,qrCode:"",showPop:"",requestdata:!1},t}return o()(r,[{key:"assist",value:(t=k()(x.a.mark((function e(){var t,n,r,c,a,o,s,i,u,d,f;return x.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.state.requestdata){e.next=31;break}return t=this.getQueryString("shareCode"),e.next=5,X.homeInfo();case 5:if((n=e.sent).code,r=n.data,n.success,n.message,(c=r.raw).assistTimesPop,a=c.isSubscribe,c.remainingGameTimes,c.cards,!a){e.next=18;break}o="https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect="+encodeURIComponent("http://activity.m.duiba.com.cn/projectx/p7c1b802d/index.html?shareKey="+"".concat(t)),location.href=o,e.next=31;break;case 18:return s=this.getQueryString("sceneId"),e.next=21,X.getSceneQrCodeContent({sceneId:s});case 21:return(i=e.sent).code,i.message,u=i.data,i.success,e.next=28,X.getQrCode({content:u,width:321,height:298});case 28:(d=e.sent).success&&(f=d.data,this.setState({qrCode:f,showPop:!0})),this.setState({requestdata:!0});case 31:case"end":return e.stop()}}),e,this)}))),function(){return t.apply(this,arguments)})},{key:"getQueryString",value:function(e){var t=new RegExp("(^|&)"+e+"=([^&]*)(&|$)"),n=window.location.href.split("?")[1];if(n){var r=n.match(t);if(null!==r)return decodeURIComponent(r[2])}return""}},{key:"render",value:function(){var e=this,t=this.state,n=t.qrCode,r=t.showPop;return b.a.createElement("div",{className:"yao_qing1 "},b.a.createElement("img",{className:"yao_qing_ye_mian",src:this.state.resList["2f6ff547-9ba9-4682-8f83-5de8f64556c2"].url}),b.a.createElement("img",{className:"zhu_li_an_niu test-md19",onClick:function(){return e.assist()},src:this.state.resList["aec4c7b8-f810-45f8-9cec-e656ee5b7658"].url}),r?b.a.createElement("div",{className:"dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang "},b.a.createElement("img",{className:"er_wei_ma_bei_jingm ",src:this.state.resList["3323c5c2-c517-495e-9087-c60ea8d20e4e"].url}),b.a.createElement("div",{className:"er_wei_ma32 "},b.a.createElement("img",{className:"ju_xing2 ",src:n})),b.a.createElement("img",{className:"er_wei_ma_wen_an ",src:this.state.resList["e0b8d727-0041-45bb-b763-4e26d4004cb1"].url})):null)}}]),r}(l.Component);function Z(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=p()(e);if(t){var c=p()(this).constructor;n=Reflect.construct(r,arguments,c)}else n=r.apply(this,arguments);return d()(this,n)}}g.MOCK_STATUS&&n(!function(){var e=new Error("Cannot find module '../mock/index'");throw e.code="MODULE_NOT_FOUND",e}()),v()({show:j,click:j});var $=function(e){i()(n,e);var t=Z(n);function n(){return c()(this,n),t.apply(this,arguments)}return o()(n,[{key:"render",value:function(){return b.a.createElement(Y,null)}}]),n}(l.Component);h.a.render(b.a.createElement($,null),document.getElementById("root"))},kmXa:function(e,t,n){var r=n("LboF"),c=n("PTv1");"string"==typeof(c=c.__esModule?c.default:c)&&(c=[[e.i,c,""]]);var a={insert:"head",singleton:!1};r(c,a);e.exports=c.locals||{}},mPlr:function(e,t,n){var r=n("LboF"),c=n("IUt0");"string"==typeof(c=c.__esModule?c.default:c)&&(c=[[e.i,c,""]]);var a={insert:"head",singleton:!1};r(c,a);e.exports=c.locals||{}}},[["k7yg",1,2]]]);
\ No newline at end of file
!function(e){function r(r){for(var n,a,l=r[0],p=r[1],i=r[2],f=0,s=[];f<l.length;f++)a=l[f],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in p)Object.prototype.hasOwnProperty.call(p,n)&&(e[n]=p[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var p=t[l];0!==o[p]&&(n=!1)}n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={1:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,function(r){return e[r]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="//yun.duiba.com.cn/spark/v2/sparkproject-1600737616668";var l=window.webpackJsonp=window.webpackJsonp||[],p=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var c=p;t()}([]);
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 0.12rem;
width: 100%;
height: 100%;
}
.yao_qing1 {
width: 3.73rem;
height: 8.12rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .er_wei_ma_bei_jingm {
width: 2.825rem;
height: 2.665rem;
left: 50%;
top: 50%;
margin-top: -1.4rem;
margin-left: -1.335rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .er_wei_ma_bei_jingm .er_wei_ma_bei_jingms {
width: 2.825rem;
height: 2.665rem;
left: 50%;
top: 50%;
margin-top: -1.4rem;
margin-left: -1.335rem;
opacity: 1;
position: absolute;
}
.yao_qing1 .er_wei_ma_bei_jingm .ju_xing2 {
width: 1.605rem;
height: 1.49rem;
opacity: 1;
left: 50%;
top: 50%;
margin-top: -0.8rem;
margin-left: -0.75rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .yao_qing_ye_mian {
width: 3.73rem;
height: 9rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .zhu_li_an_niu {
width: 2.48rem;
height: 0.515rem;
opacity: 1;
left: 0.62rem;
bottom: 10%;
position: fixed;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang {
width: 2.825rem;
height: 2.665rem;
opacity: 1;
left: 0.465rem;
top: 2.18rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma_bei_jingm {
width: 2.825rem;
height: 2.665rem;
opacity: 1;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma32 {
width: 1.605rem;
height: 1.49rem;
opacity: 1;
left: 0.595rem;
top: 0.58rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma32 .ju_xing2 {
width: 1.605rem;
height: 1.49rem;
opacity: 1;
left: 50%;
top: 50%;
margin-top: -0.8rem;
margin-left: -0.75rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.yao_qing1 .dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma32 .er_wei_ma33 {
width: 0.68rem;
height: 0.22rem;
opacity: 1;
left: 0.465rem;
top: 0.635rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
font-size: 0.24rem;
color: #d41e1f;
}
.yao_qing1 .dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang .er_wei_ma_wen_an {
width: 2.42rem;
height: 2.065rem;
opacity: 1;
left: 0.13rem;
top: 0.285rem;
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
export const join = {
"success": true,
"data": {
message: "参与成功"
}
};
import { Random } from 'mockjs';
export const rule = {
"success": true,
"data": `活动规则: ${Random.cparagraph(20, 40)}`
};
import Mock from 'mockjs';
import proxy from './proxy';
Object.keys(proxy).map(method => {
Object.keys(proxy[method]).map(URI => {
let data = proxy[method][URI];
Mock.mock(new RegExp(URI), method, opt => {
console.log(`%c[mock] 链接:${opt.url} 类型:${method} 参数:${method === 'post' && JSON.stringify(opt.body) || ''}`, "color: rgb(63, 172, 203)", data);
return data
});
})
})
\ No newline at end of file
import * as common from './common';
import * as collect_0722 from './collect_0722';
let projectId = window.CFG.projectId || '';
export default {
get: {
[`/projectx/${projectId}/projectRule.query`]: common.rule
},
post: {
[`/projectx/${projectId}/join.do`]: collect_0722.join
}
};
\ No newline at end of file
{
"name": "sparkproject-1600737616668",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"@babel/runtime": {
"version": "7.11.2",
"resolved": "http://npm.dui88.com:80/@babel%2fruntime/-/runtime-7.11.2.tgz",
"integrity": "sha1-9UnBPHVMxAuHZEufqfCaapX+BzY=",
"requires": {
"regenerator-runtime": "^0.13.4"
}
},
"@types/json-schema": {
"version": "7.0.6",
"resolved": "http://npm.dui88.com:80/@types%2fjson-schema/-/json-schema-7.0.6.tgz",
"integrity": "sha1-9MfsQ+gbMZqYFRFQMXCfJph4kfA="
},
"ajv": {
"version": "6.12.5",
"resolved": "http://npm.dui88.com:80/ajv/-/ajv-6.12.5.tgz",
"integrity": "sha1-GbDouuj0duW6ZmMAOHd1+xoApNo=",
"requires": {
"fast-deep-equal": "^3.1.1",
"fast-json-stable-stringify": "^2.0.0",
"json-schema-traverse": "^0.4.1",
"uri-js": "^4.2.2"
}
},
"ajv-errors": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/ajv-errors/-/ajv-errors-1.0.1.tgz",
"integrity": "sha1-81mGrOuRr63sQQL72FAUlQzvpk0="
},
"ajv-keywords": {
"version": "3.5.2",
"resolved": "http://npm.dui88.com:80/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
"integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0="
},
"ansi-styles": {
"version": "3.2.1",
"resolved": "http://npm.dui88.com:80/ansi-styles/-/ansi-styles-3.2.1.tgz",
"integrity": "sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=",
"requires": {
"color-convert": "^1.9.0"
}
},
"argparse": {
"version": "1.0.10",
"resolved": "http://npm.dui88.com:80/argparse/-/argparse-1.0.10.tgz",
"integrity": "sha1-vNZ5HqWuCXJeF+WtmIE0zUCz2RE=",
"requires": {
"sprintf-js": "~1.0.2"
}
},
"axios": {
"version": "0.19.2",
"resolved": "http://npm.dui88.com:80/axios/-/axios-0.19.2.tgz",
"integrity": "sha1-PqNsXYgY0NX4qKl6bTa4bNwAyyc=",
"requires": {
"follow-redirects": "1.5.10"
}
},
"big.js": {
"version": "5.2.2",
"resolved": "http://npm.dui88.com:80/big.js/-/big.js-5.2.2.tgz",
"integrity": "sha1-ZfCvOC9Xi83HQr2cKB6cstd2gyg="
},
"caller-callsite": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/caller-callsite/-/caller-callsite-2.0.0.tgz",
"integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=",
"requires": {
"callsites": "^2.0.0"
}
},
"caller-path": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/caller-path/-/caller-path-2.0.0.tgz",
"integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=",
"requires": {
"caller-callsite": "^2.0.0"
}
},
"callsites": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/callsites/-/callsites-2.0.0.tgz",
"integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA="
},
"camelcase": {
"version": "5.3.1",
"resolved": "http://npm.dui88.com:80/camelcase/-/camelcase-5.3.1.tgz",
"integrity": "sha1-48mzFWnhBoEd8kL3FXJaH0xJQyA="
},
"chalk": {
"version": "2.4.2",
"resolved": "http://npm.dui88.com:80/chalk/-/chalk-2.4.2.tgz",
"integrity": "sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=",
"requires": {
"ansi-styles": "^3.2.1",
"escape-string-regexp": "^1.0.5",
"supports-color": "^5.3.0"
},
"dependencies": {
"supports-color": {
"version": "5.5.0",
"resolved": "http://npm.dui88.com:80/supports-color/-/supports-color-5.5.0.tgz",
"integrity": "sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=",
"requires": {
"has-flag": "^3.0.0"
}
}
}
},
"color-convert": {
"version": "1.9.3",
"resolved": "http://npm.dui88.com:80/color-convert/-/color-convert-1.9.3.tgz",
"integrity": "sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=",
"requires": {
"color-name": "1.1.3"
}
},
"color-name": {
"version": "1.1.3",
"resolved": "http://npm.dui88.com:80/color-name/-/color-name-1.1.3.tgz",
"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
},
"commander": {
"version": "6.1.0",
"resolved": "http://npm.dui88.com:80/commander/-/commander-6.1.0.tgz",
"integrity": "sha1-+Ncit4EDFBAGtm9Me6HpcxW6dbw=",
"dev": true
},
"cosmiconfig": {
"version": "5.2.1",
"resolved": "http://npm.dui88.com:80/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
"integrity": "sha1-BA9yaAnFked6F8CjYmykW08Wixo=",
"requires": {
"import-fresh": "^2.0.0",
"is-directory": "^0.3.1",
"js-yaml": "^3.13.1",
"parse-json": "^4.0.0"
}
},
"css-loader": {
"version": "3.6.0",
"resolved": "http://npm.dui88.com:80/css-loader/-/css-loader-3.6.0.tgz",
"integrity": "sha1-Lkssfm4tJ/jI8o9hv/zS5ske9kU=",
"requires": {
"camelcase": "^5.3.1",
"cssesc": "^3.0.0",
"icss-utils": "^4.1.1",
"loader-utils": "^1.2.3",
"normalize-path": "^3.0.0",
"postcss": "^7.0.32",
"postcss-modules-extract-imports": "^2.0.0",
"postcss-modules-local-by-default": "^3.0.2",
"postcss-modules-scope": "^2.2.0",
"postcss-modules-values": "^3.0.0",
"postcss-value-parser": "^4.1.0",
"schema-utils": "^2.7.0",
"semver": "^6.3.0"
}
},
"cssesc": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/cssesc/-/cssesc-3.0.0.tgz",
"integrity": "sha1-N3QZGZA7hoVl4cCep0dEXNGJg+4="
},
"debug": {
"version": "3.1.0",
"resolved": "http://npm.dui88.com:80/debug/-/debug-3.1.0.tgz",
"integrity": "sha1-W7WgZyYotkFJVmuhaBnmFRjGcmE=",
"requires": {
"ms": "2.0.0"
}
},
"emojis-list": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/emojis-list/-/emojis-list-3.0.0.tgz",
"integrity": "sha1-VXBmIEatKeLpFucariYKvf9Pang="
},
"error-ex": {
"version": "1.3.2",
"resolved": "http://npm.dui88.com:80/error-ex/-/error-ex-1.3.2.tgz",
"integrity": "sha1-tKxAZIEH/c3PriQvQovqihTU8b8=",
"requires": {
"is-arrayish": "^0.2.1"
}
},
"escape-string-regexp": {
"version": "1.0.5",
"resolved": "http://npm.dui88.com:80/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
},
"esprima": {
"version": "4.0.1",
"resolved": "http://npm.dui88.com:80/esprima/-/esprima-4.0.1.tgz",
"integrity": "sha1-E7BM2z5sXRnfkatph6hpVhmwqnE="
},
"fast-deep-equal": {
"version": "3.1.3",
"resolved": "http://npm.dui88.com:80/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
"integrity": "sha1-On1WtVnWy8PrUSMlJE5hmmXGxSU="
},
"fast-json-stable-stringify": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
"integrity": "sha1-h0v2nG9ATCtdmcSBNBOZ/VWJJjM="
},
"follow-redirects": {
"version": "1.5.10",
"resolved": "http://npm.dui88.com:80/follow-redirects/-/follow-redirects-1.5.10.tgz",
"integrity": "sha1-e3qfmuov3/NnhqlP9kPtB/T/Xio=",
"requires": {
"debug": "=3.1.0"
}
},
"fyge-tbmini": {
"version": "1.3.9",
"resolved": "http://npm.dui88.com:80/fyge-tbmini/-/fyge-tbmini-1.3.9.tgz",
"integrity": "sha1-fT+jB3veqq6qh8pifM5rGFfvsV8="
},
"has-flag": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/has-flag/-/has-flag-3.0.0.tgz",
"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
},
"hoist-non-react-statics": {
"version": "3.3.2",
"resolved": "http://npm.dui88.com:80/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha1-7OCsr3HWLClpwuxZ/v9CpLGoW0U=",
"requires": {
"react-is": "^16.7.0"
}
},
"icss-utils": {
"version": "4.1.1",
"resolved": "http://npm.dui88.com:80/icss-utils/-/icss-utils-4.1.1.tgz",
"integrity": "sha1-IRcLU3ie4nRHwvR91oMIFAP5pGc=",
"requires": {
"postcss": "^7.0.14"
}
},
"import-cwd": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/import-cwd/-/import-cwd-2.1.0.tgz",
"integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=",
"requires": {
"import-from": "^2.1.0"
}
},
"import-fresh": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/import-fresh/-/import-fresh-2.0.0.tgz",
"integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
"requires": {
"caller-path": "^2.0.0",
"resolve-from": "^3.0.0"
}
},
"import-from": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/import-from/-/import-from-2.1.0.tgz",
"integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=",
"requires": {
"resolve-from": "^3.0.0"
}
},
"indexes-of": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/indexes-of/-/indexes-of-1.0.1.tgz",
"integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc="
},
"intersection-observer": {
"version": "0.11.0",
"resolved": "http://npm.dui88.com:80/intersection-observer/-/intersection-observer-0.11.0.tgz",
"integrity": "sha1-9OoGcHAyb2g5PuFhzAospMAEDG8="
},
"invariant": {
"version": "2.2.4",
"resolved": "http://npm.dui88.com:80/invariant/-/invariant-2.2.4.tgz",
"integrity": "sha1-YQ88ksk1nOHbYW5TgAjSP/NRWOY=",
"requires": {
"loose-envify": "^1.0.0"
}
},
"is-arrayish": {
"version": "0.2.1",
"resolved": "http://npm.dui88.com:80/is-arrayish/-/is-arrayish-0.2.1.tgz",
"integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
},
"is-directory": {
"version": "0.3.1",
"resolved": "http://npm.dui88.com:80/is-directory/-/is-directory-0.3.1.tgz",
"integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE="
},
"js-tokens": {
"version": "4.0.0",
"resolved": "http://npm.dui88.com:80/js-tokens/-/js-tokens-4.0.0.tgz",
"integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk="
},
"js-yaml": {
"version": "3.14.0",
"resolved": "http://npm.dui88.com:80/js-yaml/-/js-yaml-3.14.0.tgz",
"integrity": "sha1-p6NBcPJqIbsWJCTYray0ETpp5II=",
"requires": {
"argparse": "^1.0.7",
"esprima": "^4.0.0"
}
},
"json-parse-better-errors": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
"integrity": "sha1-u4Z8+zRQ5pEHwTHRxRS6s9yLyqk="
},
"json-schema-traverse": {
"version": "0.4.1",
"resolved": "http://npm.dui88.com:80/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
"integrity": "sha1-afaofZUTq4u4/mO9sJecRI5oRmA="
},
"json5": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/json5/-/json5-1.0.1.tgz",
"integrity": "sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=",
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.0",
"resolved": "http://npm.dui88.com:80/loader-utils/-/loader-utils-1.4.0.tgz",
"integrity": "sha1-xXm140yzSxp07cbB+za/o3HVphM=",
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
},
"loose-envify": {
"version": "1.4.0",
"resolved": "http://npm.dui88.com:80/loose-envify/-/loose-envify-1.4.0.tgz",
"integrity": "sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=",
"requires": {
"js-tokens": "^3.0.0 || ^4.0.0"
}
},
"minimist": {
"version": "1.2.5",
"resolved": "http://npm.dui88.com:80/minimist/-/minimist-1.2.5.tgz",
"integrity": "sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI="
},
"mockjs": {
"version": "1.1.0",
"resolved": "http://npm.dui88.com:80/mockjs/-/mockjs-1.1.0.tgz",
"integrity": "sha1-5qDDeOkZBtuv8gkRzAJzs8fXWwY=",
"dev": true,
"requires": {
"commander": "*"
}
},
"ms": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/ms/-/ms-2.0.0.tgz",
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
},
"normalize-path": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha1-Dc1p/yOhybEf0JeDFmRKA4ghamU="
},
"object-assign": {
"version": "4.1.1",
"resolved": "http://npm.dui88.com:80/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
},
"parse-json": {
"version": "4.0.0",
"resolved": "http://npm.dui88.com:80/parse-json/-/parse-json-4.0.0.tgz",
"integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
"requires": {
"error-ex": "^1.3.1",
"json-parse-better-errors": "^1.0.1"
}
},
"postcss": {
"version": "7.0.34",
"resolved": "http://npm.dui88.com:80/postcss/-/postcss-7.0.34.tgz",
"integrity": "sha1-8rr1fDYBDffeQAmUDyFTLBbWXCA=",
"requires": {
"chalk": "^2.4.2",
"source-map": "^0.6.1",
"supports-color": "^6.1.0"
}
},
"postcss-load-config": {
"version": "2.1.1",
"resolved": "http://npm.dui88.com:80/postcss-load-config/-/postcss-load-config-2.1.1.tgz",
"integrity": "sha1-CmhLuL6wXlW6+SL3q0TD7bF8944=",
"requires": {
"cosmiconfig": "^5.0.0",
"import-cwd": "^2.0.0"
}
},
"postcss-loader": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/postcss-loader/-/postcss-loader-3.0.0.tgz",
"integrity": "sha1-a5eUPkfHLYRfqeA/Jzdz1OjdbC0=",
"requires": {
"loader-utils": "^1.1.0",
"postcss": "^7.0.0",
"postcss-load-config": "^2.0.0",
"schema-utils": "^1.0.0"
},
"dependencies": {
"schema-utils": {
"version": "1.0.0",
"resolved": "http://npm.dui88.com:80/schema-utils/-/schema-utils-1.0.0.tgz",
"integrity": "sha1-C3mpMgTXtgDUsoUNH2bCo0lRx3A=",
"requires": {
"ajv": "^6.1.0",
"ajv-errors": "^1.0.0",
"ajv-keywords": "^3.1.0"
}
}
}
},
"postcss-modules-extract-imports": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz",
"integrity": "sha1-gYcZoa4doyX5gyRGsBE27rSTzX4=",
"requires": {
"postcss": "^7.0.5"
}
},
"postcss-modules-local-by-default": {
"version": "3.0.3",
"resolved": "http://npm.dui88.com:80/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz",
"integrity": "sha1-uxTgzHgnnVBNvcv9fgyiiZP/u7A=",
"requires": {
"icss-utils": "^4.1.1",
"postcss": "^7.0.32",
"postcss-selector-parser": "^6.0.2",
"postcss-value-parser": "^4.1.0"
}
},
"postcss-modules-scope": {
"version": "2.2.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
"integrity": "sha1-OFyuATzHdD9afXYC0Qc6iequYu4=",
"requires": {
"postcss": "^7.0.6",
"postcss-selector-parser": "^6.0.0"
}
},
"postcss-modules-values": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz",
"integrity": "sha1-W1AA1uuuKbQlUwG0o6VFdEI+fxA=",
"requires": {
"icss-utils": "^4.0.0",
"postcss": "^7.0.6"
}
},
"postcss-selector-parser": {
"version": "6.0.3",
"resolved": "http://npm.dui88.com:80/postcss-selector-parser/-/postcss-selector-parser-6.0.3.tgz",
"integrity": "sha1-dm13cocogXzBQPoaxtped/n62pg=",
"requires": {
"cssesc": "^3.0.0",
"indexes-of": "^1.0.1",
"uniq": "^1.0.1",
"util-deprecate": "^1.0.2"
}
},
"postcss-value-parser": {
"version": "4.1.0",
"resolved": "http://npm.dui88.com:80/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
"integrity": "sha1-RD9qIM7WSBor2k+oUypuVdeJoss="
},
"prettier": {
"version": "2.1.2",
"resolved": "http://npm.dui88.com:80/prettier/-/prettier-2.1.2.tgz",
"integrity": "sha1-MFBwDa4uTItnxMP2Zs24r0BeHOU="
},
"prop-types": {
"version": "15.7.2",
"resolved": "http://npm.dui88.com:80/prop-types/-/prop-types-15.7.2.tgz",
"integrity": "sha1-UsQedbjIfnK52TYOAga5ncv/psU=",
"requires": {
"loose-envify": "^1.4.0",
"object-assign": "^4.1.1",
"react-is": "^16.8.1"
}
},
"punycode": {
"version": "2.1.1",
"resolved": "http://npm.dui88.com:80/punycode/-/punycode-2.1.1.tgz",
"integrity": "sha1-tYsBCsQMIsVldhbI0sLALHv0eew="
},
"qs": {
"version": "6.9.4",
"resolved": "http://npm.dui88.com:80/qs/-/qs-6.9.4.tgz",
"integrity": "sha1-kJCykNH5FyjTwi5UhDykSupatoc="
},
"react": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react/-/react-16.13.1.tgz",
"integrity": "sha1-LoGIIvGpdDEiwGPWQQ2FweOv5I4=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2"
}
},
"react-dom": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react-dom/-/react-dom-16.13.1.tgz",
"integrity": "sha1-wb03MxoEhsB47lTEdAcgmTsuDn8=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2",
"scheduler": "^0.19.1"
}
},
"react-is": {
"version": "16.13.1",
"resolved": "http://npm.dui88.com:80/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha1-eJcppNw23imZ3BVt1sHZwYzqVqQ="
},
"react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "http://npm.dui88.com:80/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
"integrity": "sha1-TxonOv38jzSIqMUWv9p4+HI1I2I="
},
"react-redux": {
"version": "5.1.2",
"resolved": "http://npm.dui88.com:80/react-redux/-/react-redux-5.1.2.tgz",
"integrity": "sha1-sZz54h1pRCJye/eY6TSpFsQID1c=",
"requires": {
"@babel/runtime": "^7.1.2",
"hoist-non-react-statics": "^3.3.0",
"invariant": "^2.2.4",
"loose-envify": "^1.1.0",
"prop-types": "^15.6.1",
"react-is": "^16.6.0",
"react-lifecycles-compat": "^3.0.0"
}
},
"redux": {
"version": "4.0.5",
"resolved": "http://npm.dui88.com:80/redux/-/redux-4.0.5.tgz",
"integrity": "sha1-TbXeWBbheJHeioDEJCMtBvBR2T8=",
"requires": {
"loose-envify": "^1.4.0",
"symbol-observable": "^1.2.0"
}
},
"redux-thunk": {
"version": "2.3.0",
"resolved": "http://npm.dui88.com:80/redux-thunk/-/redux-thunk-2.3.0.tgz",
"integrity": "sha1-UcLBmhhe1Rh6qpotCLZm0NZGdiI="
},
"regenerator-runtime": {
"version": "0.13.7",
"resolved": "http://npm.dui88.com:80/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
"integrity": "sha1-ysLazIoepnX+qrrriugziYrkb1U="
},
"resolve-from": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/resolve-from/-/resolve-from-3.0.0.tgz",
"integrity": "sha1-six699nWiBvItuZTM17rywoYh0g="
},
"scheduler": {
"version": "0.19.1",
"resolved": "http://npm.dui88.com:80/scheduler/-/scheduler-0.19.1.tgz",
"integrity": "sha1-Tz4u0sGn1laB9MhU+oxaHMtA8ZY=",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1"
}
},
"schema-utils": {
"version": "2.7.1",
"resolved": "http://npm.dui88.com:80/schema-utils/-/schema-utils-2.7.1.tgz",
"integrity": "sha1-HKTzLRskxZDCA7jnpQvw6kzTlNc=",
"requires": {
"@types/json-schema": "^7.0.5",
"ajv": "^6.12.4",
"ajv-keywords": "^3.5.2"
}
},
"semver": {
"version": "6.3.0",
"resolved": "http://npm.dui88.com:80/semver/-/semver-6.3.0.tgz",
"integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0="
},
"source-map": {
"version": "0.6.1",
"resolved": "http://npm.dui88.com:80/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM="
},
"spark-utils": {
"version": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git#1bb50ecd81f6888eebe65d6b0a682ffba7364957",
"from": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git",
"requires": {
"intersection-observer": "^0.11.0"
}
},
"sprintf-js": {
"version": "1.0.3",
"resolved": "http://npm.dui88.com:80/sprintf-js/-/sprintf-js-1.0.3.tgz",
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
},
"style-loader": {
"version": "1.2.1",
"resolved": "http://npm.dui88.com:80/style-loader/-/style-loader-1.2.1.tgz",
"integrity": "sha1-xcu/vxFw0HbP3YbgEJxbuhFLqho=",
"requires": {
"loader-utils": "^2.0.0",
"schema-utils": "^2.6.6"
},
"dependencies": {
"json5": {
"version": "2.1.3",
"resolved": "http://npm.dui88.com:80/json5/-/json5-2.1.3.tgz",
"integrity": "sha1-ybD3+pIzv+WAf+ZvzzpWF+1ZfUM=",
"requires": {
"minimist": "^1.2.5"
}
},
"loader-utils": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/loader-utils/-/loader-utils-2.0.0.tgz",
"integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
}
}
},
"supports-color": {
"version": "6.1.0",
"resolved": "http://npm.dui88.com:80/supports-color/-/supports-color-6.1.0.tgz",
"integrity": "sha1-B2Srxpxj1ayELdSGfo0CXogN+PM=",
"requires": {
"has-flag": "^3.0.0"
}
},
"symbol-observable": {
"version": "1.2.0",
"resolved": "http://npm.dui88.com:80/symbol-observable/-/symbol-observable-1.2.0.tgz",
"integrity": "sha1-wiaIrtTqs83C3+rLtWFmBWCgCAQ="
},
"uniq": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/uniq/-/uniq-1.0.1.tgz",
"integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8="
},
"uri-js": {
"version": "4.4.0",
"resolved": "http://npm.dui88.com:80/uri-js/-/uri-js-4.4.0.tgz",
"integrity": "sha1-qnFCYd55PoqCNHp7zJznTobyhgI=",
"requires": {
"punycode": "^2.1.0"
}
},
"util-deprecate": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/util-deprecate/-/util-deprecate-1.0.2.tgz",
"integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
}
}
}
{
"name": "sparkproject-1600737616668",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "spark dev --type h5",
"prod": "spark build --type h5 --env prod",
"tb": "spark build --type taobao"
},
"dependencies": {
"axios": "^0.19.2",
"css-loader": "^3.6.0",
"fyge-tbmini": "^1.3.1",
"postcss-loader": "^3.0.0",
"prettier": "^2.0.5",
"qs": "^6.9.4",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0",
"style-loader": "^1.2.1",
"spark-utils": "git+ssh://git@gitlab2.dui88.com:spark/spark-utils.git"
},
"devDependencies": {
"mockjs": "^1.1.0"
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<title>国庆攒人品,集卡赢好礼</title>
<script>
!(function(e, i) {
var t = e.documentElement,
n = navigator.userAgent.match(/iphone|ipod|ipad/gi),
a = n ? Math.min(i.devicePixelRatio, 3) : 1,
m = 'orientationchange' in window ? 'orientationchange' : 'resize';
t.dataset.dpr = a;
for (
var d, l, c = !1, o = e.getElementsByTagName('meta'), r = 0;
r < o.length;
r++
)
(l = o[r]), 'viewport' == l.name && ((c = !0), (d = l));
if (c)
d.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no';
else {
var o = e.createElement('meta');
(o.name = 'viewport'),
(o.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no'),
t.firstElementChild.appendChild(o);
}
var s = function() {
var e = t.clientWidth;
e / a > 750 && (e = 750 * a),
(window.remScale = e / 750),
(t.style.fontSize = 200 * (e / 750) + 'px');
};
s(), e.addEventListener && i.addEventListener(m, s, !1);
})(document, window);
</script>
<script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script>
<script>
function getApp(){
return {
cloud:{},
cloudName:"clientTemplate2C",
requestType:"mock"
}
}
var CFG = CFG || {};
CFG.projectId = location.pathname.split('/')[2] || '1';
function getUrlParam(name) {
const search = window.location.search;
const matched = search
.slice(1)
.match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
return search.length ? matched && matched[2] : null;
}
CFG.appID = getUrlParam("appID")||1
</script>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
module.exports = {
OUTPUT_DIR: "dist",
SOURCE_DIR: "src",
TEMP_DIR: "./.temp",
ENTRY: "src/app.jsx",
TEMPLATE: "./public/index.html",
MOCK_STATUS: false
};
let projectId = window.CFG.projectId || '';
const apiCfg = {
getRule:`/projectx/${projectId}/projectRule.query`,
doJoin: {
uri: `/projectx/${projectId}/join.do`,
method: "post"
},
assist:`/projectx/${projectId}/clcard/assist.do`,
getShareInfo:`/wechatShare/getShareInfo/v2`, //获取分享签名信息
getSceneQrCodeTicket:`/wechat/sceneqrcode/getSceneQrCodeTicket`, //获取带参二维码ticket用于调用微信接口生成二维码
getSceneQrCodeContent:`/wechat/sceneqrcode/getSceneQrCodeContent`, //获取带参二维码里面的内容,用于自己生成二维码
getQrCode:`/customActivity/qrcode/getQrcode`,
homeInfo:`/projectx/${projectId}/clcard/index.do`, //首页信息
}
export default apiCfg;
\ No newline at end of file
import apiCfg from './apicfg';
import request from './request';
const apiList = {
...apiCfg
}
const API = generateAPI(apiList);
export default API;
function getRequestParams(value) {
if (typeof value === 'string') {
return {
uri: value,
method: 'get'
}
} else if (typeof value === 'object') {
const { uri, method = 'post' } = value;
return {
uri,
method
}
} else {
console.error('getRequestParams: 传参有误');
}
};
function generateAPI(apiList) {
const api = {};
Object.entries(apiList).forEach(([key, value]) => {
let { method, uri } = getRequestParams(value);
// if(uri.indexOf("getRankingNew.query") == -1){
// uri = 'https://docs.dui88.com/mock/115' + uri;
// }else{
// uri = 'http://ams.dui88.com/sever/index.php?g=Web&c=mock&o=simple&projectID=130&uri=' + uri;
// }
api[key] = params => request[method](uri, method === 'post' ? params : { params });
});
return api;
}
import Qs from "qs";
import axios from "axios";
const TIMEOUT = 10000;
const instance = axios.create({
timeout: TIMEOUT, // 请求超时时间
});
instance.interceptors.request.use(
(config) => {
if (config.method === "get") {
config.data = true;
}
config.method === "post"
? (config.data = Qs.stringify({ ...config.data, _t: Date.now() }))
: (config.params = { ...config.params, _t: Date.now() });
config.headers["Content-Type"] = "application/x-www-form-urlencoded";
return config;
},
(error) => {
//请求错误处理
Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
// 请求成功
(res) => {
const { status } = res || -1000;
return (status >= 200 && status <= 400) ? res.data : res
}
);
export default instance;
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./app.less";
import { MOCK_STATUS } from '../sparkrc';
MOCK_STATUS && (require('../mock/index'));
import MD from '../MD';
MD();
//此处为spark-cli动态生成
import Pageyao_qing1 from "./pages/pageyao_qing1/pageyao_qing1.jsx";
class App extends Component {
render() {
return (
<Pageyao_qing1></Pageyao_qing1>
);
}
}
ReactDOM.render(<App />, document.getElementById("root"));
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 24px;
width: 100%;
height: 100%;
}
/**
* 截图方法封装
*
*
* 使用方法: npm install --save html2canvas
*
*
* import { createrPoster } from '../../libs/spark_createposter';
async createPoster()
{
let url = await createPoster("rule",{
x:window.innerWidth/4,
y:window.innerHeight/4,
width:window.innerWidth/2,
height:window.innerHeight/2
});
this.setState({
img_src:url
})
}
调用:this.createPoster();
jsx:
const {img_src=""} = this.state;
{img_src && <img src={img_src} style={{ width: '50vw', height: '50vw', position: "absolute", left: 0, top: 0 }} />}
*
*
* 注意事项:html2canvas有各种兼容问题
* 1:html2canvas 使用 1.0.0-rc.5 版本, ios 设备上会没有任何显示。then函数不会被回调也不会报错。请降级强制使用 1.0.0-rc.4 版本。(注意package.json 内的 "^1.0.0-rc.4" ^ 符号要去掉)
* 2:所有 dom 内的图片不能跨域,否则会导致白屏等奇怪问题。即使加上useCORS 与 allowTaint也无法解决,浏览器控制台直接会打印CORS相关报错。
* 3:生成的图片清晰度受原始图片的质量与width、height、windowWidth、windowHeight、scale 影响,请根据实际情况来调节这几个参数。
* 4:如果生成的base64图片过大,会导致图片无法显示,请相应减小3中的几个参数值。
* 5:不可将图片转换为Blob的形式,设备虽然可以正常显示图片,但是无法进行长按保存,保存下来的图片可能为一个空白的图像。
* 6:在指定dom来生成图片时,会受offsetTop与offsetLeft影响。例如 offsetTop 为 20 时,生成的图片顶部 20px(不一定为 20px)的距离会被所设置的backgroundColor(默认白色)颜色填充。这时,可使用 x与y参数进行校正。
* 7:如果一直出现跨域的情况,或者图片一直不出现的情况,可考虑将图片资源转换成 base64。例如就遇到二维码图片链接某些设备上一直不出现,则可以考虑接口直接返回二维码内容,由前端根据返回的内容来创建二维码。
* 8:当还出现一些奇奇怪怪的问题时,可尝试切换html2canvas版本。
*/
import html2Canvas from 'html2canvas';
/**
*
* @param {*} domId dom的id名,不传默认是body
* @param {*} options 重写的截图配置,具体参考html2canvas官方示例:http://html2canvas.hertzen.com/configuration
* @param {*} imgType 图片类型,默认是jpg
*/
const createPoster=async (domId,options={},imgType="image/jpeg")=>{
let dom = domId?document.getElementById(domId):document.body;
let defaultOptions={
useCORS:true,
scale:devicePixelRatio||1,
width:window.innerWidth,
height:window.innerHeight,
windowWidth:window.innerWidth,
windowHeight:window.innerHeight
}
options={
...defaultOptions,
...options
}
let canvas = await html2Canvas(dom,options).catch(err=>{console.error("截图失败:",err)})
return canvas.toDataURL(imgType);
}
export default createPoster;
\ No newline at end of file
/**
* 两种获取token封装(getPxToken和getDuibaToken)
*
*
*/
/**
* @param {} callback
*/
if (!document.getElementById("scriptkey")) {
const scriptkey = document.createElement('script')
scriptkey.async = 'async';
scriptkey.src = `getTokenKey`;
scriptkey.id = "scriptkey";
document.getElementsByTagName('head')[0].appendChild(scriptkey);
const scriptjs = document.createElement('script')
scriptjs.async = 'async';
scriptjs.id = "scriptjs";
scriptjs.src = `//yun.duiba.com.cn/js-libs/px-token/0.0.3/px-token.min.js`;
document.getElementsByTagName('head')[0].appendChild(scriptjs);
scriptjs.onload = () => {
}
}
const getPxToken = (callback) => {
if (window.getPxToken) {
__getPxToken(callback);
return;
}
console.log("px-token.min.js尚未加载完成,请稍后再试")
// callback("waiting..."); //这里就不返回,不做处理
}
function __getPxToken(callback) {
if (window.getPxToken) {
window.getPxToken((e, token) => {
console.info('get px token:', e);
switch (e) {
case 'net error':
break;
case 'need reload':
break;
case 'need login':
break;
case 'state invalid':
break;
default:
callback(token);
}
})
}
}
/**
* @param {} resolve
* @param {} reject
* @param {} againOrderId
*/
const getDuibaToken=(resolve, reject,againOrderId)=>{
$.ajax({
url: '/ctoken/getToken',
type: 'post',
dataType: 'json',
success: function (res) {
if (res.success) {
var data = {
actId: CFG?.actId||"",
oaId: CFG?.oaId||""
};
eval(res.token);
var key = '';
data.token = window[key];
if (againOrderId) {
data.againOrderId = againOrderId;
}
resolve && resolve(data);
} else {
reject('systemError', { message: res.message });
}
},
error: function () {
reject('networkError');
}
});
}
module.exports={
getPxToken,
getDuibaToken
}
/**
* 接口轮询组件封装
*
* import startRolling from '../../libs/spark_requstrolling.js';
*
* async rollingTest() {
await startRolling(async() => {
return await API.getOrderStatusForThrough({});
}, 5, 1000, "data.lottery.id", 7489, (data) => {
console.log("success:", data);
}, (err) => {
console.log("error:", err);
});
}
调用:this.rollingTest();
*
*
*
* @param {*} fn API请求方法
* @param {*} count 轮询次数
* @param {*} delay 每次轮询的延迟时间(毫秒)
* @param {*} rollKey 断定轮询的条件 采用a.b.c.d结构,例如data.lottery.id
* @param {*} rollValue 断定轮询的值
* @param {*} resolve 成功回调
* @param {*} reject 失败回调
* @param {*} rollingIndex 起始次数,不用传,默认就好
*/
const startRolling = async (fn, count, delay, rollKey, rollValue, resolve, reject, rollingIndex = 1) => {
if (typeof fn !== "function") {
if(reject)reject()
return;
}
console.log("开始轮询,当前轮询次数",rollingIndex)
let result = await fn();
console.log(result);
if (result.success) {
rollingIndex = 1;
if (resolve) resolve(result);
} else {
if (rollKey) {
let rollKeyArr = rollKey.split(".");
let condition = result;
rollKeyArr.map(res => condition = condition[res])
if (condition == rollValue && rollingIndex < count) {
setTimeout(() => {
startRolling(fn, count, delay, rollKey, rollValue, resolve, reject, ++rollingIndex);
}, delay);
} else {
if (reject) reject(result);
}
} else {
if (reject) reject(result);
}
}
}
export default startRolling;
/**
* 微信分享组件封装
*
* 使用方法:
* import wxShare from '../../libs/spark_wxshare'
* wxShare(options)
*
*
* options 参数(可选)
* appId: (必填) String, 公众号的唯一标识
* timestamp: (必填) String, 生成签名的时间戳
* nonceStr: (必填) String, 生成签名的时间戳
* signature: (必填) String, 签名
* jsApiList: (可选) Array, 调用接口列表,默认 ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ']
* title: (可选) String, 分享标题,默认doucment.title
* desc: (可选) String, 分享描述,默认空
* shareUrl: (可选) String, 分享链接, 默认当前链接
* imgUrl: (可选) String, 分享图片,默认空
*
*/
const configBuilder = {
onMenuShareTimeline(config) {
return {
title: config.title,
desc: config.desc,
link: config.shareUrl,
imgUrl: config.imgUrl
}
},
onMenuShareAppMessage(config) {
return {
title: config.title,
desc: config.desc,
link: config.shareUrl,
imgUrl: config.imgUrl
}
},
onMenuShareQQ(config) {
return {
title: config.title,
desc: config.desc,
link: config.shareUrl,
imgUrl: config.imgUrl
}
}
}
export default function (config = {}) {
if (!/MicroMessenger/.test(window.navigator.userAgent)) {
return false
}
if(document.getElementById("jweixin"))
{
__handleReady(config);
return;
}
const script = document.createElement('script')
script.async = 'async';
script.id="jweixin";
script.src = `${document.location.protocol}//res.wx.qq.com/open/js/jweixin-1.2.0.js`
document.getElementsByTagName('head')[0].appendChild(script)
script.onload = () => {
__handleReady(config);
}
}
function __handleReady(config) {
if (typeof wx !== 'undefined') {
config.api = config.api || ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ']
// 默认值
config.imgUrl = config.imgUrl || window.location.protocol + '//mmbiz.qpic.cn/mmbiz_png/UUn1BJoX4UlEbDXKVFqFsSLcmmagib3oQ31FewyWkLfIbpHgw0xYv02zKrgQJNPGytLpudpib45dWZbC0hnawu9Q/0?wx_fmt=png'
config.shareUrl = config.shareUrl || window.location.href
config.desc = config.desc || ''
config.title = config.title || document.title
wx.config({
// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
debug: config.debug || false,
// 必填,公众号的唯一标识
appId: config.appid || config.appId || '',
// 必填,生成签名的时间戳
timestamp: config.timestamp || '',
// 必填,生成签名的随机串
nonceStr: config.nonceStr || '',
// 必填,签名,见附录1
signature: config.signature || '',
// 必填,需要使用的JS接口列表
jsApiList: [].concat(config.api)
})
wx.ready(() => {
// wx.checkJsApi({
// jsApiList: config.api
// })
config.api.forEach(key => {
wx[key](configBuilder[key](config))
})
})
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import API from '../../api';
// import wxShare from '../../libs/spark_wxshare';
import './pageyao_qing1.less';
class Pageyao_qing1 extends Component {
constructor(props) {
super(props);
this.state = { resList: resList,
qrCode:'',
showPop:'',
requestdata:false
};
}
// componentDidMount(){
// let shareCode = this.getQueryString('shareCode');
// let sceneId = this.getQueryString('sceneId');
// alert(sceneId,'sceneid');
// alert('123123');
// let globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
// let uri = 'http://activity.m.duiba.com.cn/projectx/p7c1b802d/index.html'
// let url = globalShare + encodeURIComponent( uri + '?shareCode=' + `${shareCode}`);
// // location.href = url + '?shareCode=' + `${shareCode}`;
// // location.href = url;
// alert(url,'url');
// }
async assist(){
let {requestdata} = this.state;
if(!requestdata){
let shareCode = this.getQueryString('shareCode');
let {code,data,success,message} = await API.homeInfo();
let {raw:{assistTimesPop,isSubscribe,remainingGameTimes,cards}} = data;
if(isSubscribe){
// 已关注
// 测试
// let globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
// 正式
// let uri = 'http://activity.m.duiba.com.cn/projectx/p30d778bd/index.html'
let uri = 'http://activity.m.duiba.com.cn/projectx/p7c1b802d/index.html'
let globalShare = 'https://activity.m.duiba.com.cn/wechat/access?apk=23x1RDzqFb6NEiduKuJEFnWn3ZE1&dbredirect='
let url = globalShare + encodeURIComponent( uri + '?shareKey=' + `${shareCode}`);
location.href = url;
}else{
// 未关注
let sceneId = this.getQueryString('sceneId');
let {code,message,data,success} = await API.getSceneQrCodeContent({sceneId});
let codeData = await API.getQrCode({content:data,width:321,height:298});
if(codeData.success){
let qrCode = codeData.data;
this.setState({
qrCode:qrCode,
showPop:true
})
}
this.setState({
requestdata:true
})
}
}
// let url = 'http://activity.m.duibatest.com.cn/projectx/p14c3e5fb/index.html';
// let uri = 'http://activity.m.duibatest.com.cn/projectx/p75d89a5a/ff28a1170.html'
// real use part
// 跳转回到首页
// let uri = 'http://activity.m.duibatest.com.cn/projectx/p75d89a5a/index.html'
// location.href = uri + '?shareCodeFlag=' + `${shareCode}`;
}
getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
var search = window.location.href.split('?')[1];
if (search) {
var r = search.match(reg);
if (r !== null) {
console.log(r)
return decodeURIComponent(r[2]);
}
}
return '';
}
/**获取星速台token */
// getProjectXToken() {
// let _token;
// if (top.location.href.indexOf('preview') >= 0 || top.location.href.indexOf('localhost') >= 0) {
// _token = 'dev-token';
// return _token
// } else {
// if (window['getPxToken']) {
// return new Promise(resolve => {
// window.getPxToken((e, token) => {
// switch (e) {
// case 'net error':
// console.log("获取星速台token_Error")
// resolve(null)
// break;
// case 'need login':
// console.log("获取星速台token_login")
// resolve(null)
// break;
// case 'state invalid':
// console.log("获取星速台token_invalid")
// resolve(null)
// break;
// default:
// if (token) {
// resolve(token)
// } else {
// console.log('获取星速台token_invalid key');
// resolve(null)
// }
// }
// });
// })
// } else {
// console.log("获取星速台token_Error")
// resolve(null)
// }
// }
// }
render() {
let {qrCode,showPop} = this.state;
return (
<div className="yao_qing1 ">
{/* <img className="yao_qing_ye_mian" src={this.state.resList['157ea3fd-2621-44a9-b20f-39add0003f7b'].url} /> */}
<img className="yao_qing_ye_mian" src={this.state.resList['2f6ff547-9ba9-4682-8f83-5de8f64556c2'].url} />
<img className="zhu_li_an_niu test-md19" onClick={()=>this.assist()} src={this.state.resList['aec4c7b8-f810-45f8-9cec-e656ee5b7658'].url} />
{/* {
showPop
?
<div className="er_wei_ma_bei_jingm ">
<img className="er_wei_ma_bei_jingms " src={this.state.resList['3323c5c2-c517-495e-9087-c60ea8d20e4e'].url} />
<img className="er_wei_ma_wen_an " src={this.state.resList['e0b8d727-0041-45bb-b763-4e26d4004cb1'].url} />
<img className="ju_xing2 " src={qrCode} />
</div>
: null
} */}
{
showPop
?
<div className="dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang ">
<img className="er_wei_ma_bei_jingm " src={this.state.resList['3323c5c2-c517-495e-9087-c60ea8d20e4e'].url} />
<div className="er_wei_ma32 ">
<img className="ju_xing2 " src={qrCode} />
</div>
<img className="er_wei_ma_wen_an " src={this.state.resList['e0b8d727-0041-45bb-b763-4e26d4004cb1'].url} />
</div>
: null
}
</div>
);
}
}
export default Pageyao_qing1;
.yao_qing1 {
width: 746px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
// .ju_xing2 {
// width: 321px;
// height: 298px;
// opacity: 1;
// left: 50%;
// top: 50%;
// margin-top: -160px;
// margin-left: -150px;
// position: absolute;
// transform-origin: 0px 0px 0px;
// }
.er_wei_ma_bei_jingm {
width: 565px;
height: 533px;
left: 50%;
top: 50%;
margin-top: -280px;
margin-left: -267px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.er_wei_ma_bei_jingms{
width: 565px;
height: 533px;
left: 50%;
top: 50%;
margin-top: -280px;
margin-left: -267px;
opacity: 1;
position: absolute;
}
.ju_xing2 {
width: 321px;
height: 298px;
opacity: 1;
left: 50%;
top: 50%;
margin-top: -160px;
margin-left: -150px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.yao_qing_ye_mian {
width: 746px;
height: 1800px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zhu_li_an_niu {
width: 496px;
height: 103px;
opacity: 1;
left: 124px;
// top: 1065px;
bottom: 10%;
position: fixed;
transform-origin: 0px 0px 0px;
}
.dan_chuang_guan_zhu_gong_zhong_hao_dan_chuang {
width: 565px;
height: 533px;
opacity: 1;
left: 93px;
top: 436px;
position: absolute;
transform-origin: 0px 0px 0px;
.er_wei_ma_bei_jingm {
width: 565px;
height: 533px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.er_wei_ma32 {
width: 321px;
height: 298px;
opacity: 1;
left: 119px;
top: 116px;
position: absolute;
transform-origin: 0px 0px 0px;
.ju_xing2 {
width: 321px;
height: 298px;
opacity: 1;
left: 50%;
top: 50%;
margin-top: -160px;
margin-left: -150px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.er_wei_ma33 {
width: 136px;
height: 44px;
opacity: 1;
left: 93px;
top: 127px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 48px;
color: rgba(212, 30, 31, 1);
}
}
.er_wei_ma_wen_an {
width: 484px;
height: 413px;
opacity: 1;
left: 26px;
top: 57px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
/**
* 目前没有用到
* @param {*} resList
* @param {*} uuid
*/
const getSrcByUuid = (resList, uuid) => {
resList = resList || [];
for (let i = 0; i < resList.length; i++) {
if (resList[i].uuid == uuid) {
return resList[i].url
}
}
}
module.exports = {
getSrcByUuid
}
\ No newline at end of file
const resList = {
'157ea3fd-2621-44a9-b20f-39add0003f7b': {
name: '邀请页面',
ext: '.png',
uuid: '157ea3fd-2621-44a9-b20f-39add0003f7b',
url: '//yun.duiba.com.cn/spark/assets/16362a025588f989559ed2790116f8547f700bc8.png',
},
'aec4c7b8-f810-45f8-9cec-e656ee5b7658': {
name: '助力按钮',
ext: '.png',
uuid: 'aec4c7b8-f810-45f8-9cec-e656ee5b7658',
url: '//yun.duiba.com.cn/spark/assets/db29b6673250d8ee68f0a19baeaeac1151115c05.png',
},
'0dee636c-cdd0-4cd7-b8cf-91b416dab8e9': {
name: 'duibatest',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/duibatest.440e946c4e41ffb33efe98ee3344993ed149134f.png',
uuid: '0dee636c-cdd0-4cd7-b8cf-91b416dab8e9'
},
'e0b8d727-0041-45bb-b763-4e26d4004cb1': {
name: '二维码文案',
ext: '.png',
uuid: 'e0b8d727-0041-45bb-b763-4e26d4004cb1',
url: '//yun.duiba.com.cn/spark/assets/70078722d42588ff2e93e4656824b60dba84d8d1.png'
},
'3323c5c2-c517-495e-9087-c60ea8d20e4e': {
name: '二维码背景m',
ext: '.png',
uuid: '3323c5c2-c517-495e-9087-c60ea8d20e4e',
url: '//yun.duiba.com.cn/spark/assets/d6d6466de2eb5171a13ecb2d6969107b8d7e9944.png'
},
'2f6ff547-9ba9-4682-8f83-5de8f64556c2': {
name: 'zhulibeijing',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/zhulibeijing.68b4287b11966de3dbf49d6d07d4bc64fceabda9.png',
uuid: '2f6ff547-9ba9-4682-8f83-5de8f64556c2'
}
};
export default resList;
{
"view": {
"children": [
{
"name": "邀请1",
"properties": {
"style": {
"width": 746,
"height": 1800,
"opacity": 1,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {},
"className": ""
},
"uuid": "c6363f9e-e76f-4e76-872a-a9c3cbd0e5e3",
"rect": {
"x": 0,
"y": 0,
"width": 746,
"height": 1800
},
"componentName": "Div",
"children": [
{
"name": "邀请页面",
"properties": {
"style": {
"width": 746,
"height": 1800,
"opacity": 1,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://157ea3fd-2621-44a9-b20f-39add0003f7b"
},
"className": ""
},
"uuid": "a4a497fc-6df4-4268-a355-e441532804ec",
"rect": {
"x": 0,
"y": 0,
"width": 746,
"height": 1800
},
"componentName": "Image"
},
{
"name": "助力按钮",
"properties": {
"style": {
"width": 496,
"height": 103,
"opacity": 1,
"left": 124,
"top": 1365,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://aec4c7b8-f810-45f8-9cec-e656ee5b7658"
},
"className": ""
},
"uuid": "267a620f-8db7-4a1c-9b86-fc0c7fa10c62",
"rect": {
"x": 124,
"y": 1365,
"width": 496,
"height": 103
},
"componentName": "Image"
}
],
"viewType": "Scene"
}
]
},
"assets": [
{
"name": "邀请页面",
"ext": ".png",
"uuid": "157ea3fd-2621-44a9-b20f-39add0003f7b",
"url": "//yun.duiba.com.cn/spark/assets/16362a025588f989559ed2790116f8547f700bc8.png"
},
{
"name": "助力按钮",
"ext": ".png",
"uuid": "aec4c7b8-f810-45f8-9cec-e656ee5b7658",
"url": "//yun.duiba.com.cn/spark/assets/db29b6673250d8ee68f0a19baeaeac1151115c05.png"
}
],
"dependencies": {
"browser": "0.0.2",
"duiba": "0.0.2",
"ui": "0.0.2",
"redpack-rain": "0.0.2"
}
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment