Skip to content

I
icbcRPG
Commit abf50c06 authored by wildfirecode13's avatar wildfirecode13
Browse files
Options

Merge branch 'master' of gitlab2.dui88.com:wildfirecode13/icbcrpg

parents 239b2c4c d82767b4
Hide whitespace changes
Inline Side-by-side
Showing with 687 additions and 463 deletions
.DS_Store
View file @ abf50c06
No preview for this file type
project/public/assets/guide1.png 100755 → 100644
View replaced file @ 239b2c4c View file @ abf50c06
project/public/assets/guide1.png

162 KB | W: | H:

project/public/assets/guide1.png

49.7 KB | W: | H:

project/public/assets/guide1.png
project/public/assets/guide1.png
project/public/assets/guide1.png
project/public/assets/guide1.png
  • 2-up
  • Swipe
  • Onion skin
project/public/index.html
View file @ abf50c06
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
<script id="scriptjs" src="//yun.duiba.com.cn/js-libs/px-token/0.0.4/px-token.min.js"></script> <script id="scriptjs" src="//yun.duiba.com.cn/js-libs/px-token/0.0.4/px-token.min.js"></script>
<script src="//yun.duiba.com.cn/js-libs/rem/1.1.0/rem.min.js"></script> <script src="//yun.duiba.com.cn/js-libs/rem/1.1.0/rem.min.js"></script>
<script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script> <script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script>
<script src="http://yun.duiba.com.cn/db_games/libs0924/svgaParser.minWeb.js"></script>
<script> <script>
function getApp() { function getApp() {
return { return {
......
project/src/components/select/select.jsx
View file @ abf50c06
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
import { Toast } from '@spark/ui'; import { Toast } from '@spark/ui';
import React, { Component } from 'react'; import React, { Component } from 'react';
import dataCenter, { getAPIdata, netErrMsg, Role, Store } from '../../dataCenter'; import dataCenter, { getAPIdata, getHomeInfo, netErrMsg, Role, Store } from '../../dataCenter';
import resList from '../../resconfig/resList'; //import API from '../../api'; import resList from '../../resconfig/resList'; //import API from '../../api';
import './select.less'; import './select.less';
...@@ -130,7 +130,14 @@ class Select extends Component { ...@@ -130,7 +130,14 @@ class Select extends Component {
nickName:planame, nickName:planame,
figureId:Role[this.nshowidx].figureid figureId:Role[this.nshowidx].figureid
}); });
// updateuinfo = {
// "code": null,
// "data": true,
// "message": null,
// "success": true
// }
if(updateuinfo&&updateuinfo.success){ if(updateuinfo&&updateuinfo.success){
getHomeInfo();
this.props.onClose(); this.props.onClose();
dataCenter.setData(Store.needguide,true); dataCenter.setData(Store.needguide,true);
}else{ }else{
......
project/src/dataCenter.js
View file @ abf50c06
...@@ -43,7 +43,19 @@ export async function getAPIdata(netname,reqdata=null){ ...@@ -43,7 +43,19 @@ export async function getAPIdata(netname,reqdata=null){
} }
export async function getHomeInfo(){ export async function getHomeInfo(){
let homeinfo = await getAPIdata(Store.homeinfo); let homeinfo = await getAPIdata(Store.homeinfo);
// homeinfo = {
// "code": null,
// "data": {
// "canUpdateNickName": null,
// "figures": [
// { "figureId": "1" }, { "figureId": "2" }, { "figureId": "3" }
// ],
// "newUser": true,
// "userInfo": null
// },
// "message": null,
// "success": true
// }
if(homeinfo&&homeinfo.success&&homeinfo.data){ if(homeinfo&&homeinfo.success&&homeinfo.data){
dataCenter.setData(Store.homeinfo,homeinfo.data); dataCenter.setData(Store.homeinfo,homeinfo.data);
} }
......
project/src/pages/main3/bundle.js
View file @ abf50c06
import { Shape, Container, TextField, TEXT_ALIGN, TEXT_lINETYPE, Sprite, MouseEvent, TextureCache, WidgetBase } from 'spark-wrapper-fyge'; import { Shape, Container, TextField, TEXT_ALIGN, TEXT_lINETYPE, Sprite, MouseEvent, TextureCache, WidgetBase, Tween, MovieClip } from 'spark-wrapper-fyge';
import metaConfig from './meta.json'; import metaConfig from './meta.json';
/*! ***************************************************************************** /*! *****************************************************************************
...@@ -28,6 +28,44 @@ function __extends(d, b) { ...@@ -28,6 +28,44 @@ function __extends(d, b) {
extendStatics(d, b); extendStatics(d, b);
function __() { this.constructor = d; } function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
} }
var GameStage = /** @class */ (function (_super) { var GameStage = /** @class */ (function (_super) {
...@@ -37,6 +75,9 @@ var GameStage = /** @class */ (function (_super) { ...@@ -37,6 +75,9 @@ var GameStage = /** @class */ (function (_super) {
_this._step = 1; _this._step = 1;
_this.canclick = true; _this.canclick = true;
_this.guideconfig = {}; _this.guideconfig = {};
_this.anirolesvga = "https://yun.duiba.com.cn/spark/assets/14b5846d42f0e6a48f0e463500ce04720cee70d9.svga";
_this.shousvga = "https://yun.duiba.com.cn/spark/assets/327e6a094060ad20d67bfccc16ffe42f20adc1d1.svga";
_this.anifinarolesvga = "https://yun.duiba.com.cn/spark/assets/cc46b3281cad2db353c6d63a4a49ae4f929dfe5b.svga";
return _this; return _this;
} }
Object.defineProperty(GameStage.prototype, "step", { Object.defineProperty(GameStage.prototype, "step", {
...@@ -74,6 +115,9 @@ var GameStage = /** @class */ (function (_super) { ...@@ -74,6 +115,9 @@ var GameStage = /** @class */ (function (_super) {
this.guideconfig = this.props['guideconfig']; this.guideconfig = this.props['guideconfig'];
this.skipbtn.addEventListener(MouseEvent.CLICK, this.skipGuide, this); this.skipbtn.addEventListener(MouseEvent.CLICK, this.skipGuide, this);
this.touchrect.addEventListener(MouseEvent.CLICK, this.toNextLevel, this); this.touchrect.addEventListener(MouseEvent.CLICK, this.toNextLevel, this);
this.getAnirole();
this.getShou();
this.getFinarole();
this.dispatchOutEvent("canvasready", null); this.dispatchOutEvent("canvasready", null);
}; };
/** /**
...@@ -148,115 +192,230 @@ var GameStage = /** @class */ (function (_super) { ...@@ -148,115 +192,230 @@ var GameStage = /** @class */ (function (_super) {
}; };
//步数渲染 //步数渲染
GameStage.prototype.setGuideShow = function () { GameStage.prototype.setGuideShow = function () {
var stepdata = this.guideconfig[this.step]; return __awaiter(this, void 0, void 0, function () {
if (!stepdata) { var stepdata, hole, txt, role, nextbtn, skipbtn, touch, holetype, holex, holey, holesize, cirectwid, cirecthei, cirectrad, dot1, dot2, dot3, dot4, dot5, dot6, dot7, dot8, text, txtwidth, txtx, txty, txtalign, _a, rolex, roley, _b, firstcont, svga, btnx, btny, btntex, skipx, skipy, skiptex, touchx, touchy, touchsize;
console.error("引导完毕====》"); return __generator(this, function (_c) {
this.dispatchOutEvent("guidecomplete", null); switch (_c.label) {
return; case 0:
} stepdata = this.guideconfig[this.step];
var hole = stepdata.hole, txt = stepdata.txt, role = stepdata.role, nextbtn = stepdata.nextbtn, skipbtn = stepdata.skipbtn, touch = stepdata.touch; if (!stepdata) {
this.guideRect.clear(); console.error("引导完毕====》");
this.guideRect.beginFill(0x000000, 0.7); this.dispatchOutEvent("guidecomplete", null);
this.guideRect.drawRect(0, 0, this.stagew, this.stageh); return [2 /*return*/];
if (hole) { }
var holetype = hole.holetype, holex = hole.holex, holey = hole.holey, holesize = hole.holesize; hole = stepdata.hole, txt = stepdata.txt, role = stepdata.role, nextbtn = stepdata.nextbtn, skipbtn = stepdata.skipbtn, touch = stepdata.touch;
switch (holetype) { this.guideRect.clear();
case "cir": this.guideRect.beginFill(0x000000, 0.7);
this.guideRect.arc(holex, holey, holesize[0], 0, Math.PI * 2, true); this.guideRect.drawRect(0, 0, this.stagew, this.stageh);
break; if (hole) {
case "cirect": holetype = hole.holetype, holex = hole.holex, holey = hole.holey, holesize = hole.holesize;
console.log("画圆角洞====》"); switch (holetype) {
//点设置 case "cir":
var cirectwid = holesize[0]; this.guideRect.arc(holex, holey, holesize[0], 0, Math.PI * 2, true);
var cirecthei = holesize[1]; break;
var cirectrad = holesize[2]; case "cirect":
var dot1 = [holex + cirectrad, holey]; console.log("画圆角洞====》");
var dot2 = [holex, holey + cirectrad]; cirectwid = holesize[0];
var dot3 = [holex, holey + cirecthei - cirectrad]; cirecthei = holesize[1];
var dot4 = [holex + cirectrad, holey + cirecthei]; cirectrad = holesize[2];
var dot5 = [holex + cirectwid - cirectrad, holey + cirecthei]; dot1 = [holex + cirectrad, holey];
var dot6 = [holex + cirectwid, holey + cirecthei - cirectrad]; dot2 = [holex, holey + cirectrad];
var dot7 = [holex + cirectwid, holey + cirectrad]; dot3 = [holex, holey + cirecthei - cirectrad];
var dot8 = [holex + cirectwid - cirectrad, holey]; dot4 = [holex + cirectrad, holey + cirecthei];
this.guideRect.moveTo(dot1[0], dot1[1]); dot5 = [holex + cirectwid - cirectrad, holey + cirecthei];
this.guideRect.quadraticCurveTo(holex, holey, dot2[0], dot2[1]); dot6 = [holex + cirectwid, holey + cirecthei - cirectrad];
this.guideRect.lineTo(dot3[0], dot3[1]); dot7 = [holex + cirectwid, holey + cirectrad];
this.guideRect.quadraticCurveTo(holex, holey + cirecthei, dot4[0], dot4[1]); dot8 = [holex + cirectwid - cirectrad, holey];
this.guideRect.lineTo(dot5[0], dot5[1]); this.guideRect.moveTo(dot1[0], dot1[1]);
this.guideRect.quadraticCurveTo(holex + cirectwid, holey + cirecthei, dot6[0], dot6[1]); this.guideRect.quadraticCurveTo(holex, holey, dot2[0], dot2[1]);
this.guideRect.lineTo(dot7[0], dot7[1]); this.guideRect.lineTo(dot3[0], dot3[1]);
this.guideRect.quadraticCurveTo(holex + cirectwid, holey, dot8[0], dot8[1]); this.guideRect.quadraticCurveTo(holex, holey + cirecthei, dot4[0], dot4[1]);
this.guideRect.lineTo(dot1[0], dot1[1]); this.guideRect.lineTo(dot5[0], dot5[1]);
break; this.guideRect.quadraticCurveTo(holex + cirectwid, holey + cirecthei, dot6[0], dot6[1]);
case "rect": this.guideRect.lineTo(dot7[0], dot7[1]);
break; this.guideRect.quadraticCurveTo(holex + cirectwid, holey, dot8[0], dot8[1]);
case "nohole": this.guideRect.lineTo(dot1[0], dot1[1]);
break; break;
default: case "rect":
console.error("为定义类型"); break;
break; case "nohole":
} break;
} default:
this.guideRect.endFill(); console.error("为定义类型");
if (txt) { break;
var text = txt.text, txtwidth = txt.txtwidth, txtx = txt.txtx, txty = txt.txty, txtalign = txt.txtalign; }
this.messagetxt.text = text; }
this.messagetxt.x = txtx; this.guideRect.endFill();
this.messagetxt.y = txty; if (txt) {
this.messagetxt.textWidth = txtwidth; text = txt.text, txtwidth = txt.txtwidth, txtx = txt.txtx, txty = txt.txty, txtalign = txt.txtalign;
this.messagetxt.visible = true; this.messagetxt.text = text;
this.messagetxt.textAlign = txtalign || TEXT_ALIGN.LEFT; this.messagetxt.x = txtx;
} this.messagetxt.y = txty;
else { this.messagetxt.textWidth = txtwidth;
this.messagetxt.visible = false; this.messagetxt.visible = true;
} this.messagetxt.textAlign = txtalign || TEXT_ALIGN.LEFT;
if (role) { }
console.log('资源管理==》', TextureCache); else {
this.rolecont.removeChildren(); this.messagetxt.visible = false;
this.rolecont.visible = true; }
for (var i = 0; i < role.length; i++) { _a = role[0], rolex = _a.rolex, roley = _a.roley;
var irole = role[i]; if (!(this.step != 9)) return [3 /*break*/, 4];
var rolex = irole.rolex, roley = irole.roley, roletex = irole.roletex; if (this.firstTcont && this.firstTcont.parent) {
var ichild = new Sprite(TextureCache[roletex]); this.rolecont.removeChild(this.firstTcont);
ichild.x = rolex; }
ichild.y = roley; if (!(this.anirole && this.anirole.parent)) return [3 /*break*/, 1];
this.rolecont.addChild(ichild); this.anirole.x = rolex;
} this.anirole.y = roley;
} return [3 /*break*/, 3];
else { case 1:
this.rolecont.visible = false; console.error("新增svga动画===》");
} _b = this;
if (nextbtn) { return [4 /*yield*/, this.getAnirole()];
var btnx = nextbtn.btnx, btny = nextbtn.btny, btntex = nextbtn.btntex; case 2:
this.nextbtn.texture = TextureCache[btntex]; _b.anirole = _c.sent();
this.nextbtn.x = btnx; if (this.anirole) {
this.nextbtn.y = btny; this.anirole.x = rolex;
this.nextbtn.visible = true; this.anirole.y = roley;
} this.rolecont.addChild(this.anirole);
else { }
this.nextbtn.visible = false; _c.label = 3;
} case 3:
if (skipbtn) { if (this.step == 1) {
var skipx = skipbtn.skipx, skipy = skipbtn.skipy, skiptex = skipbtn.skiptex; firstcont = this.getFirstTcont();
this.skipbtn.texture = TextureCache[skiptex]; this.rolecont.addChild(firstcont);
this.skipbtn.x = skipx; console.log("添加firstCont===>", firstcont);
this.skipbtn.y = skipy; firstcont.x = rolex - 300;
this.skipbtn.visible = true; firstcont.y = roley - 380;
console.log("skipbtn====》", skipbtn); firstcont.scaleX = 0;
} firstcont.scaleY = 0;
else { Tween.get(firstcont, { loop: false })
this.skipbtn.visible = false; .to({
} scaleX: 1,
if (touch) { scaleY: 1,
var touchx = touch.touchx, touchy = touch.touchy, touchsize = touch.touchsize; }, 200);
this.touchrect.clear(); console.log("firstcont添加完毕");
this.touchrect.beginFill(0x000000, 0.01); }
this.touchrect.drawRect(touchx, touchy, touchsize[0], touchsize[1]); return [3 /*break*/, 6];
this.touchrect.endFill(); case 4:
} if (!(this.step == 9)) return [3 /*break*/, 6];
else { this.rolecont.removeChildren();
console.error("没有点击区域====》"); return [4 /*yield*/, this.getFinarole()];
} case 5:
svga = _c.sent();
if (svga) {
svga.x = rolex;
svga.y = roley;
this.rolecont.addChild(svga);
}
_c.label = 6;
case 6:
if (nextbtn) {
btnx = nextbtn.btnx, btny = nextbtn.btny, btntex = nextbtn.btntex;
this.nextbtn.texture = TextureCache[btntex];
this.nextbtn.x = btnx;
this.nextbtn.y = btny;
this.nextbtn.visible = true;
}
else {
this.nextbtn.visible = false;
}
if (skipbtn) {
skipx = skipbtn.skipx, skipy = skipbtn.skipy, skiptex = skipbtn.skiptex;
this.skipbtn.texture = TextureCache[skiptex];
this.skipbtn.x = skipx;
this.skipbtn.y = skipy;
this.skipbtn.visible = true;
console.log("skipbtn====》", skipbtn);
}
else {
this.skipbtn.visible = false;
}
if (touch) {
touchx = touch.touchx, touchy = touch.touchy, touchsize = touch.touchsize;
this.touchrect.clear();
this.touchrect.beginFill(0x000000, 0.01);
this.touchrect.drawRect(touchx, touchy, touchsize[0], touchsize[1]);
this.touchrect.endFill();
}
else {
console.error("没有点击区域====》");
}
return [2 /*return*/];
}
});
});
};
GameStage.prototype.getFirstTcont = function () {
this.firstTcont = new Container();
this.firstTcont.addChild(new Sprite(TextureCache["guide1"]));
this.firstTcont.width = 633;
this.firstTcont.height = 410;
this.firstTxt = new TextField();
this.firstTxt.fillColor = "#e9381b";
this.firstTxt.size = 30;
this.firstTxt.x = 266;
this.firstTxt.y = 186;
this.firstTxt.text = "1000欢趣豆";
this.firstTcont.addChild(this.firstTxt);
this.firstTcont.anchorX = 390;
this.firstTcont.anchorY = 410;
return this.firstTcont;
};
GameStage.prototype.getAnirole = function () {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (this.anirole) {
return [2 /*return*/, this.anirole];
}
return [4 /*yield*/, this.loadSvga(this.anirolesvga, this.anirole)];
case 1: return [2 /*return*/, _a.sent()];
}
});
});
};
GameStage.prototype.getShou = function () {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (this.shou) {
return [2 /*return*/, this.shou];
}
return [4 /*yield*/, this.loadSvga(this.shousvga, this.shou)];
case 1: return [2 /*return*/, _a.sent()];
}
});
});
};
GameStage.prototype.getFinarole = function () {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (this.anifinarole) {
return [2 /*return*/, this.anifinarole];
}
return [4 /*yield*/, this.loadSvga(this.anifinarolesvga, this.anifinarole)];
case 1: return [2 /*return*/, _a.sent()];
}
});
});
};
GameStage.prototype.loadSvga = function (src, target) {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
return [2 /*return*/, new Promise(function (res) {
window["SvgaParser"].loadSvga(src, function (_v) {
target = new MovieClip(_v);
res(target);
}, function (e) {
res(null);
});
})];
});
});
}; };
return GameStage; return GameStage;
}(WidgetBase)); }(WidgetBase));
......
project/src/pages/main3/main3.jsx
View file @ abf50c06
...@@ -6,8 +6,8 @@ import API from '../../api'; ...@@ -6,8 +6,8 @@ import API from '../../api';
import { Aup, AUPOP, AUP_MBX_STATE } from '../../pop'; import { Aup, AUPOP, AUP_MBX_STATE } from '../../pop';
import './main3.less'; import './main3.less';
import { CanvasWidget } from 'spark-utils'; import { CanvasWidget } from 'spark-utils';
import { Guideact } from '@spark/guideact';//'./bundle';// import { Guideact } from './bundle';//'@spark/guideact';//
import { widgetConfig } from './widgetConfig'; import { getStepData, widgetConfig } from './widgetConfig';
import { GDispatcher } from "spark-wrapper-fyge" import { GDispatcher } from "spark-wrapper-fyge"
import dataCenter, { Store } from '../../dataCenter'; import dataCenter, { Store } from '../../dataCenter';
let _widget; let _widget;
...@@ -23,7 +23,7 @@ class Main3 extends Component { ...@@ -23,7 +23,7 @@ class Main3 extends Component {
}; };
} }
updateMoney(){ updateMoney() {
console.log('update money') console.log('update money')
} }
...@@ -33,7 +33,7 @@ class Main3 extends Component { ...@@ -33,7 +33,7 @@ class Main3 extends Component {
} }
onClick_signBtn = () => { onClick_signBtn = () => {
API.signInfo().then((res)=>{ API.signInfo().then((res) => {
Aup.show('Sign', res.data, this); Aup.show('Sign', res.data, this);
}) })
} }
...@@ -55,15 +55,15 @@ class Main3 extends Component { ...@@ -55,15 +55,15 @@ class Main3 extends Component {
} }
componentDidMount() { componentDidMount() {
this.freshHomeInfo();
this.initEvent(); this.initEvent();
if( this.props.data &&!this.props.data.isnewUser) { //不是新用户 if( this.props.data &&!this.props.data.isnewUser) { //不是新用户
API.signInfo().then((res)=>{ API.signInfo().then((res)=>{
const {needPopup} =res.data; const {needPopup} =res.data;
if(needPopup) if(needPopup)
Aup.show('Sign', res.data, this); Aup.show('Sign', res.data, this);
}); });
this.freshHomeInfo();
} }
} }
initEvent() { initEvent() {
...@@ -99,327 +99,8 @@ class Main3 extends Component { ...@@ -99,327 +99,8 @@ class Main3 extends Component {
} }
//新手引导的位置设定 //新手引导的位置设定
setGuideConfig() { setGuideConfig() {
let clientWidth = document.body.clientWidth; this.guideconfig = getStepData();
let clientHeight = document.body.clientHeight; _widget && _widget.dispatchInEvent("setStepConfig", this.guideconfig);
let canvaswid = 750;
let canvashei = clientHeight * 750 / clientWidth;
console.log("CANVAS宽高===》", canvaswid, canvashei);
let holedata = {
holetype: "cirect",
holex: 15,
holey: 33,
holesize: [
395,
112,
70
]
}
let txtdata = {
text: "您可以在此处编辑信息查看欢趣豆数量",
txtwidth: 750,
txtx: 0,
txty: 224,
txtalign: "center"
}
let roledata = [
{
rolex: 375,
roley: 911,
roletex: "guide2_1"
}
];
let nextbtndata = {
btnx: 485,
btny: 303,
btntex: "nextbtn"
}
let skipbtndata = {
skipx: (canvaswid - 107) / 2,
skipy: canvashei - 200,
skiplevel: 9,
skiptex: "skipbtn",
};
let touchdata = {
touchx: 0,
touchy: 0,
touchsize: [
canvaswid,
canvashei
]
}
this.guideconfig[1] = {
hole: null,
txt: null,
role: [
{
rolex: 40,
roley: (canvashei - 764) / 2,
roletex: "guide1"
}
],
nextbtn: null,
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
_widget && _widget.dispatchInEvent("setStepData", {
step: 1,
stepdata: this.guideconfig[1]
});
this.guideconfig[2] = {
hole: {
holetype: "cirect",
holex: 15,
holey: 33,
holesize: [
395,
112,
70
]
},
txt: {
text: "您可以在此处编辑信息查看欢趣豆数量",
txtwidth: 750,
txtx: 0,
txty: 224,
txtalign: "center"
},
role :[
{
rolex: 375,
roley: canvashei-550,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 485,
btny: 303,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
_widget && _widget.dispatchInEvent("setStepData", {
step: 2,
stepdata: this.guideconfig[2]
});
this.guideconfig[3] = {
hole: {
holetype: "cirect",
holex: 600,
holey: 26,
holesize: [
135,
440,
40
]
},
txt: {
text: "点击图标您可查看规则、进行分享和签到\n \n偷偷告诉您，连签7天可获得大额欢趣豆哦～",
txtwidth: 455,
txtx: 100,
txty: 245,
txtalign: "left"
},
role :[
{
rolex: 375,
roley: canvashei-550,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 100,
btny: 520,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
_widget && _widget.dispatchInEvent("setStepData", {
step: 3,
stepdata: this.guideconfig[3]
});
this.guideconfig[4] = {
hole: {
holetype: "cir",
holex: 185,
holey: 465,
holesize: [
165,
440
]
},
txt: {
text: "欢趣豆可以兑换立减金，\n进入趣赶集即可进行\n兑换哦～",
txtwidth: 375,
txtx: 375,
txty: 357,
txtalign: "left"
},
role :[
{
rolex: 375,
roley: canvashei-550,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 375,
btny: 536,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
_widget && _widget.dispatchInEvent("setStepData", {
step: 4,
stepdata: this.guideconfig[4]
});
this.guideconfig[5] = {
hole: {
holetype: "cir",
holex: 540,
holey: 600,
holesize: [
165,
440
]
},
txt: {
text: "农场主集结～在这里\n就是向往的生活！\n收获成果的同时还可\n以兑换丰厚礼物哦",
txtwidth: 320,
txtx: 55,
txty: 580,
txtalign: "left"
},
role :[
{
rolex: 375,
roley: canvashei-550,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 55,
btny: 780,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
_widget && _widget.dispatchInEvent("setStepData", {
step: 5,
stepdata: this.guideconfig[5]
});
this.guideconfig[6] = {
hole: {
holetype: "cir",
holex: 170,
holey: 820,
holesize: [
165,
440
]
},
txt: {
text: "点击任务大厅，进入\n任务界面，完成任务\n可获得好礼哦～",
txtwidth: 375,
txtx: 375,
txty: 500,
txtalign: "left"
},
role :[
{
rolex: 375,
roley: canvashei-550,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 375,
btny: 665,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
_widget && _widget.dispatchInEvent("setStepData", {
step: 6,
stepdata: this.guideconfig[6]
});
let offsety7 = 0;
let holly = 1110;
if((holly+165/2)>canvashei-300){
let holly1 = canvashei-300-165/2;
offsety7 = holly-holly1;
}
this.guideconfig[7] = {
hole: {
holetype: "cir",
holex: 575,
holey: 1110-offsety7,
holesize: [
165,
440
]
},
txt: {
text: "点击小卖铺可以进到\n商城页面，在这里购\n买心仪的物品哦～",
txtwidth: 320,
txtx: 85,
txty: 500-offsety7,
txtalign: "left"
},
role :[
{
rolex: 0,
roley: canvashei-550,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 86,
btny: 665-offsety7,
btntex: "nextbtn"
},
skipbtn: {
skipx: (canvaswid - 107) / 2,
skipy: canvashei - 200,
skiplevel: 6,
skiptex: "skipbtn",
},
touch: touchdata,
pagey: offsety7,
}
console.log("77777偏移===》",offsety7);
_widget && _widget.dispatchInEvent("setStepData", {
step: 7,
stepdata: this.guideconfig[7]
});
this.startGuide(); this.startGuide();
} }
startGuide() { startGuide() {
...@@ -434,9 +115,9 @@ class Main3 extends Component { ...@@ -434,9 +115,9 @@ class Main3 extends Component {
case "guidecomplete": case "guidecomplete":
dataCenter.setData(Store.needguide, false); dataCenter.setData(Store.needguide, false);
API.signInfo().then((res)=>{ API.signInfo().then((res) => {
const {needPopup} =res.data; const { needPopup } = res.data;
if(needPopup) if (needPopup)
Aup.show('Sign', res.data, this); Aup.show('Sign', res.data, this);
}) })
break; break;
...@@ -444,9 +125,10 @@ class Main3 extends Component { ...@@ -444,9 +125,10 @@ class Main3 extends Component {
case "nowstep": case "nowstep":
//当前所处引导步骤 //当前所处引导步骤
let nowstepdata = this.guideconfig[payload]; let nowstepdata = this.guideconfig[payload];
let nowpagey = nowstepdata.pagey; if (nowstepdata) {
this.refs.main3.scrollTop = nowpagey; let nowpagey = nowstepdata.pagey;
console.log("滑动位置调整===》",nowpagey); this.refs.main3.scrollTop = nowpagey * window.remScale;
}
break; break;
default: default:
...@@ -527,7 +209,7 @@ class Main3 extends Component { ...@@ -527,7 +209,7 @@ class Main3 extends Component {
src={this.state.resList['98666530-5e40-49d7-8b86-8397e3ee0889'].url} src={this.state.resList['98666530-5e40-49d7-8b86-8397e3ee0889'].url}
/> />
<img <img
onClick={this.onClick_shareBtn} onClick={this.onClick_shareBtn}
className="main3_share " className="main3_share "
uuid="def4d721-bfe0-4c42-970c-40d99e1c2944" uuid="def4d721-bfe0-4c42-970c-40d99e1c2944"
src={this.state.resList['82a28387-28f0-4e49-856a-dbe5e981bbb1'].url} src={this.state.resList['82a28387-28f0-4e49-856a-dbe5e981bbb1'].url}
......
project/src/pages/main3/meta.json
View file @ abf50c06
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
"txt": null, "txt": null,
"role": [ "role": [
{ {
"rolex": 40, "rolex": 360,
"roley": 460, "roley": 875,
"roletex": "guide1" "roletex": "guide1"
} }
], ],
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
}, },
"role": [ "role": [
{ {
"rolex": 375, "rolex": 360,
"roley": 911, "roley": 875,
"roletex": "guide2_1" "roletex": "guide2_1"
} }
], ],
...@@ -93,8 +93,8 @@ ...@@ -93,8 +93,8 @@
}, },
"role": [ "role": [
{ {
"rolex": 375, "rolex": 360,
"roley": 911, "roley": 875,
"roletex": "guide2_1" "roletex": "guide2_1"
} }
], ],
...@@ -137,8 +137,8 @@ ...@@ -137,8 +137,8 @@
}, },
"role": [ "role": [
{ {
"rolex": 375, "rolex": 360,
"roley": 911, "roley": 875,
"roletex": "guide2_1" "roletex": "guide2_1"
} }
], ],
...@@ -181,8 +181,8 @@ ...@@ -181,8 +181,8 @@
}, },
"role": [ "role": [
{ {
"rolex": 375, "rolex": 360,
"roley": 911, "roley": 875,
"roletex": "guide2_1" "roletex": "guide2_1"
} }
], ],
...@@ -225,8 +225,8 @@ ...@@ -225,8 +225,8 @@
}, },
"role": [ "role": [
{ {
"rolex": 375, "rolex": 360,
"roley": 911, "roley": 875,
"roletex": "guide2_1" "roletex": "guide2_1"
} }
], ],
...@@ -344,8 +344,8 @@ ...@@ -344,8 +344,8 @@
}, },
"role": [ "role": [
{ {
"rolex": 238, "rolex": 0,
"roley": 768, "roley": 0,
"roletex": "guide2_1" "roletex": "guide2_1"
} }
], ],
......
project/src/pages/main3/widgetConfig.js
View file @ abf50c06
let clientWidth = document.body.clientWidth;
let clientHeight = document.body.clientHeight;
let canvaswid = 750;
let canvashei = clientHeight * 750 / clientWidth;
let holedata = {
holetype: "cirect",
holex: 15,
holey: 33,
holesize: [
395,
112,
70
]
}
let txtdata = {
text: "您可以在此处编辑信息查看欢趣豆数量",
txtwidth: 750,
txtx: 0,
txty: 224,
txtalign: "center"
}
let roledata = [
{
rolex: 375,
roley: canvashei - 550,
}
]
let nextbtndata = {
btnx: 485,
btny: 303,
btntex: "nextbtn"
}
let skipbtndata = {
skipx: (canvaswid - 107) / 2,
skipy: canvashei - 200,
skiplevel: 7,
skiptex: "skipbtn",
};
let touchdata = {
touchx: 0,
touchy: 0,
touchsize: [
canvaswid,
canvashei
]
}
function getstep1() {
return {
hole: null,
txt: null,
role: roledata,
nextbtn: null,
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
}
function getstep2(){
return {
hole: {
holetype: "cirect",
holex: 15,
holey: 33,
holesize: [
395,
112,
70
]
},
txt: {
text: "您可以在此处编辑信息查看欢趣豆数量",
txtwidth: 750,
txtx: 0,
txty: 224,
txtalign: "center"
},
role: roledata,
nextbtn: {
btnx: 485,
btny: 303,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
}
function getstep3(){
return {
hole: {
holetype: "cirect",
holex: 600,
holey: 26,
holesize: [
135,
440,
40
]
},
txt: {
text: "点击图标您可查看规则、进行分享和签到\n \n偷偷告诉您，连签7天可获得大额欢趣豆哦～",
txtwidth: 455,
txtx: 100,
txty: 245,
txtalign: "left"
},
role: roledata,
nextbtn: {
btnx: 100,
btny: 520,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
}
function getstep4(){
return {
hole: {
holetype: "cir",
holex: 185,
holey: 465,
holesize: [
165,
440
]
},
txt: {
text: "欢趣豆可以兑换立减金，\n进入趣赶集即可进行\n兑换哦～",
txtwidth: 375,
txtx: 375,
txty: 357,
txtalign: "left"
},
role: roledata,
nextbtn: {
btnx: 375,
btny: 536,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
}
function getstep5(){
return {
hole: {
holetype: "cir",
holex: 540,
holey: 600,
holesize: [
165,
440
]
},
txt: {
text: "农场主集结～在这里\n就是向往的生活！\n收获成果的同时还可\n以兑换丰厚礼物哦",
txtwidth: 320,
txtx: 55,
txty: 580,
txtalign: "left"
},
role: roledata,
nextbtn: {
btnx: 55,
btny: 780,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
}
function getstep6(){
return {
hole: {
holetype: "cir",
holex: 170,
holey: 820,
holesize: [
165,
440
]
},
txt: {
text: "点击任务大厅，进入\n任务界面，完成任务\n可获得好礼哦～",
txtwidth: 375,
txtx: 375,
txty: 500,
txtalign: "left"
},
role: roledata,
nextbtn: {
btnx: 375,
btny: 665,
btntex: "nextbtn"
},
skipbtn: skipbtndata,
touch: touchdata,
pagey: 0,
}
}
function getstep7(){
let offsety = 0;
let holly = 1110;
if ((holly + 165 / 2) > canvashei - 300) {
let holly1 = canvashei - 300 - 165 / 2;
offsety = holly - holly1;
}
if(canvashei+offsety>1624){
offsety = 1624-canvashei;
}
return {
hole: {
holetype: "cir",
holex: 575,
holey: 1110 - offsety,
holesize: [
165,
440
]
},
txt: {
text: "点击小卖铺可以进到\n商城页面，在这里购\n买心仪的物品哦～",
txtwidth: 320,
txtx: 85,
txty: 750 - offsety,
txtalign: "left"
},
role: [
{
rolex: 0,
roley: canvashei - 550,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 86,
btny: 910 - offsety,
btntex: "nextbtn"
},
skipbtn: {
skipx: (canvaswid - 107) / 2,
skipy: canvashei - 200,
skiplevel: 6,
skiptex: "skipbtn",
},
touch: touchdata,
pagey: offsety,
}
}
function getstep8(){
let offsety = 0;
let holly = 1325;
if ((holly + 165 / 2) > canvashei - 300) {
let holly1 = canvashei - 300 - 165 / 2;
offsety = holly - holly1;
}
if(canvashei+offsety>1624){
offsety = 1624-canvashei;
}
return {
hole: {
holetype: "cir",
holex: 180,
holey: 1325 - offsety,
holesize: [
165,
440
]
},
txt: {
text: "这就是你的小家啦～\n进入我的e家可以查看在小\n镇获得的各项荣誉勋章",
txtwidth: 375,
txtx: 375,
txty: 1100 - offsety,
txtalign: "left"
},
role: [
{
rolex: 220,
roley: (canvashei - 400) / 2 - 100,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 375,
btny: 1280 - offsety,
btntex: "nextbtn"
},
skipbtn: {
skipx: (canvaswid - 107) / 2,
skipy: canvashei - 200,
skiplevel: 6,
skiptex: "skipbtn",
},
touch: touchdata,
pagey: offsety,
}
}
function getstep9(){
return {
hole: null,
txt: {
text: "小镇将会越来越热闹\n小e也会在这儿一直陪伴你哦，\n那么赶紧去逛逛吧～",
txtwidth: 750,
txtx: 0,
txty: canvashei - 400,
txtalign: "center"
},
role: [
{
rolex: 0,
roley: (canvashei-1624)/2-100,
roletex: "guide2_1"
}
],
nextbtn: {
btnx: 250,
btny: canvashei - 250,
btntex: "finaguidebtn"
},
skipbtn: null,
touch: touchdata,
pagey: 0,
}
}
export function getStepData() {
let stepdata1 = getstep1();
let stepdata2 = getstep2();
let stepdata3 = getstep3();
let stepdata4 = getstep4();
let stepdata5 = getstep5();
let stepdata6 = getstep6();
let stepdata7 = getstep7();
let stepdata8 = getstep8();
let stepdata9 = getstep9();
return {
1:stepdata1,
2:stepdata2,
3:stepdata3,
4:stepdata4,
5:stepdata5,
6:stepdata6,
7:stepdata7,
8:stepdata8,
9:stepdata9,
}
}
export let widgetConfig = { export let widgetConfig = {
props:{ props: {
}, },
assets:[ assets: [
] ]
} }
\ No newline at end of file
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