|
...
|
...
|
@@ -4,37 +4,34 @@ import {conf, start} from '../../api' |
|
|
|
import {getQueryObj, linkToMiniApp, invokeMethod, parseUrl} from '../../../../common/utils';
|
|
|
|
import wxshare from '../../../../common/wxshare'
|
|
|
|
import wx from 'weixin-js-sdk';
|
|
|
|
import yaSDK from 'yoho-activity-sdk';
|
|
|
|
import config from '../../config';
|
|
|
|
import cookie from 'react-cookies';
|
|
|
|
import LazyLoad from 'react-lazy-load'
|
|
|
|
import {
|
|
|
|
Link
|
|
|
|
} from 'react-router-dom'
|
|
|
|
|
|
|
|
import BottomButtons from '../components/bottom-buttons';
|
|
|
|
|
|
|
|
const {actId} = getQueryObj();
|
|
|
|
|
|
|
|
export default class wheelSurf extends PureComponent {
|
|
|
|
constructor(props) {
|
|
|
|
document.title ='大转盘'
|
|
|
|
document.title ='大转盘';
|
|
|
|
super(props);
|
|
|
|
this.state = {
|
|
|
|
initial: true,
|
|
|
|
pending: false, // 抽奖中
|
|
|
|
startEnd: false,
|
|
|
|
isEnding: false, // 即将停止
|
|
|
|
|
|
|
|
conf: {
|
|
|
|
// 默认数据
|
|
|
|
loading: ''
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// this.collect = this.collect.bind(this);
|
|
|
|
this.init();
|
|
|
|
|
|
|
|
// 微信分享
|
|
|
|
// let shareData={
|
|
|
|
// title: '国潮崛起年，中西碰撞博出位！',
|
|
|
|
// imgUrl: 'https://img01.yohoboys.com/o_1cnilugbs15ajak1gfo1d2h1p348.png?imageView2/1/w/200/h/200',
|
|
|
|
// desc: '这里有一份中西潮流榜单，请收好！',
|
|
|
|
// link: 'https://ad.yoho.cn/html5/2018/09/guochao/guochao.html',
|
|
|
|
// success: function () {
|
|
|
|
//
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// wxshare(shareData);
|
|
|
|
}
|
|
|
|
|
|
|
|
init = async () => {
|
|
...
|
...
|
@@ -58,140 +55,57 @@ export default class wheelSurf extends PureComponent { |
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
collect = async (id) => {
|
|
|
|
//判断是否是clicked
|
|
|
|
if (this.state.storage[id]) {
|
|
|
|
return;
|
|
|
|
} else {
|
|
|
|
//判断用户登陆 未登陆跳登陆
|
|
|
|
if (!parseInt(getQueryObj().uid)) {
|
|
|
|
if (this.state.env === 'miniprogram') {
|
|
|
|
return wx.miniProgram.switchTab({url: '/pages/userCenter/userCenter'});
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
return this.goLogin('http://ad.yoho.cn/html5/2018/09/guochao/guochao.html')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//发送请求
|
|
|
|
let result = await collectApi({
|
|
|
|
id: id,
|
|
|
|
uid: cookie.load('app_uid') || getQueryObj().uid || 0,
|
|
|
|
sessionKey: cookie.load('app_session_key') || getQueryObj().session_key || '',
|
|
|
|
sessionType: cookie.load('app_client_type') || '',
|
|
|
|
appVersion: cookie.load('app_version') || ''
|
|
|
|
});
|
|
|
|
if (!result.result)
|
|
|
|
return;
|
|
|
|
//替换图标
|
|
|
|
let storage = this.state.storage;
|
|
|
|
storage[id] = true;
|
|
|
|
this.setState({
|
|
|
|
storage
|
|
|
|
})
|
|
|
|
this.forceUpdate();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
goLogin = (refer, data) => {
|
|
|
|
let url;
|
|
|
|
|
|
|
|
if (refer.indexOf('//') === 0) {
|
|
|
|
refer = location.protocol + refer;
|
|
|
|
}
|
|
|
|
|
|
|
|
url = 'http://m.yohobuy.com/signin.html?refer=' + encodeURIComponent(refer);
|
|
|
|
refer = parseUrl(refer || location.href);
|
|
|
|
if (this.state.env == 'app') {
|
|
|
|
if (/Android/i.test(navigator.userAgent || '')) {
|
|
|
|
if (url.indexOf('?') < 0) {
|
|
|
|
url += '?appLogin=1';
|
|
|
|
}
|
|
|
|
if (location.href.indexOf('&openby') >= 0) {
|
|
|
|
url = url.substring(0, url.indexOf('&openby'));
|
|
|
|
}
|
|
|
|
url += '&';
|
|
|
|
} else {
|
|
|
|
if (location.href.indexOf('#openby') >= 0) {
|
|
|
|
url = url.substring(0, url.indexOf('#openby'));
|
|
|
|
}
|
|
|
|
url += '#';
|
|
|
|
}
|
|
|
|
url += 'openby:yohobuy=' + (data || JSON.stringify({
|
|
|
|
action: 'go.weblogin',
|
|
|
|
params: {
|
|
|
|
priority: 'N',
|
|
|
|
jumpurl: {
|
|
|
|
url: refer.path,
|
|
|
|
param: refer.query
|
|
|
|
},
|
|
|
|
needlogout: 'Y'
|
|
|
|
}
|
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
this.setState({url: url}, () => {
|
|
|
|
document.getElementById('url').click();
|
|
|
|
});
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
componentDidMount = () => {
|
|
|
|
window.addEventListener('scroll', this.handleScroll);
|
|
|
|
this.wxReady();
|
|
|
|
};
|
|
|
|
|
|
|
|
componentWillUnmount = () => {
|
|
|
|
window.removeEventListener('scroll', this.handleScroll);
|
|
|
|
};
|
|
|
|
|
|
|
|
handleScroll = () => {
|
|
|
|
let _this = this;
|
|
|
|
if (window.pageYOffset > 100) {
|
|
|
|
_this.setState({display: true});
|
|
|
|
} else {
|
|
|
|
_this.setState({display: false});
|
|
|
|
start = async () => {
|
|
|
|
console.log('抽奖开始');
|
|
|
|
let uid = cookie.load('app_uid') || getQueryObj().uid || 0;
|
|
|
|
if(!uid || !parseInt(uid)){
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
wxReady = async () => {
|
|
|
|
let envFlag = window.__wxjs_environment;
|
|
|
|
if (!envFlag && navigator.userAgent.match(/yohobuy/i)) {
|
|
|
|
document.addEventListener('deviceready', function () {
|
|
|
|
});
|
|
|
|
this.setState({env: "app"});
|
|
|
|
} else if (!envFlag && navigator.userAgent.match(/miniProgram/i)) {
|
|
|
|
this.setState({env: "miniprogram"});
|
|
|
|
envFlag = true
|
|
|
|
} else {
|
|
|
|
this.setState({env: 'h5'})
|
|
|
|
}
|
|
|
|
if (envFlag == 'miniprogram') {
|
|
|
|
if (wx.miniProgram.postMessage) {
|
|
|
|
wx.miniProgram.postMessage({
|
|
|
|
data: {
|
|
|
|
title: '大转盘'
|
|
|
|
}
|
|
|
|
let result = await start({
|
|
|
|
actId,
|
|
|
|
uid: uid,
|
|
|
|
sessionKey: cookie.load('app_session_key') || getQueryObj().session_key || '',
|
|
|
|
sessionType: cookie.load('app_client_type') || '',
|
|
|
|
appVersion: cookie.load('app_version') || ''
|
|
|
|
});
|
|
|
|
}
|
|
|
|
this.setState({env: "miniprogram"});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
scrollTop = () => {
|
|
|
|
let _this = this;
|
|
|
|
let timer = setTimeout(function () {
|
|
|
|
window.scrollBy(0, -100);
|
|
|
|
if (window.pageYOffset <= 0) {
|
|
|
|
clearTimeout(timer);
|
|
|
|
} else {
|
|
|
|
_this.scrollTop();
|
|
|
|
if (result.code === 200) {
|
|
|
|
this.setState({
|
|
|
|
conf: result.data
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}, 20);
|
|
|
|
};
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const {conf, isEnding} = this.state;
|
|
|
|
if (!conf.id) {
|
|
|
|
return (
|
|
|
|
<div className="home-wrap">
|
|
|
|
<img className="main-bg" src={this.state.conf.loading + '?imageslim'}/>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="home-wrap">
|
|
|
|
<img className="main-bg" src={this.state.conf.main_bg + '?imageslim'}/>
|
|
|
|
<img className="main-bg" src={conf.main_bg + '?imageslim'}/>
|
|
|
|
{conf.rule_btn_bg ? (<Link to={`${config.routerPath}/rule.html`}><img className="rule-btn" src={conf.rule_btn_bg + '?imageslim'}/></Link>) : ''}
|
|
|
|
{conf.share_btn_bg ? (<img className="share-btn" src={conf.share_btn_bg + '?imageslim'}/>): ''}
|
|
|
|
<img className="wheel-bg" src={conf.wheel_bg + '?imageslim'}/>
|
|
|
|
<img className="wheel-bg-surf-layer" src={conf.wheel_bg}/>
|
|
|
|
<img onClick={()=>{this.start()}} className="start-btn-bg" src={conf.prize_btn_bg}/>
|
|
|
|
{isEnding ? (<img className="prize-hit-bg" src={conf.win_prize_bg}/>) : ''}
|
|
|
|
{isEnding ? (<img className="prize-hit-start-bg" src={conf.prize_btn_bg}/>) : ''}
|
|
|
|
<BottomButtons className="button-btns"/>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
...
|
...
|
|
