Commit 32251856 authored by Edwise's avatar Edwise 🍷

123

parent d7dfacb4
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comcatname.less';
class Comcatname extends Component {
constructor(props) {
super(props);
this.state = this.state || { resList: resList };
}
render() {
return (
<div className="catname">
<img className="catnamecatimg" src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
<div className="catnamedialog">
<img className="catnamedialogbg" src={this.state.resList['50779aee-069e-4dd9-b2ff-88beda9f43d1'].url} />
<span className="catnamedialoglabel">铲屎官~帮我取个名字吧!喵~</span>
</div>
<img className="catnamesure" src={this.state.resList['c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'].url} />
<div className="catnameinput">
<img className="catnameinputbg" src={this.state.resList['947d970f-52bf-4319-82f0-a3e65620ed75'].url} />
<span className="catnameinputlabel">输入名字</span>
<span className="catnameinputrandom">随机名字</span>
</div>
</div>
);
}
}
export default Comcatname;
\ No newline at end of file
.catname {
width: 500px;
height: 842px;
opacity: 1;
left: 126px;
top: 378px;
position: absolute;
transform-origin: 0px 0px 0px;
.catnamecatimg {
width: 421px;
height: 301px;
opacity: 1;
left: 38px;
top: 202px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catnamedialog {
width: 466px;
height: 177px;
opacity: 1;
left: 5px;
position: absolute;
transform-origin: 0px 0px 0px;
.catnamedialogbg {
width: 466px;
height: 177px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catnamedialoglabel {
width: 359px;
height: 72px;
opacity: 1;
left: 59px;
top: 46px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(87, 75, 69, 1);
}
}
.catnamesure {
width: 282px;
height: 106px;
opacity: 1;
left: 111px;
top: 736px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catnameinput {
width: 500px;
height: 147px;
opacity: 1;
top: 538px;
position: absolute;
transform-origin: 0px 0px 0px;
.catnameinputbg {
width: 500px;
height: 102px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catnameinputlabel {
width: 104px;
height: 27px;
opacity: 1;
left: 199px;
top: 37px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.catnameinputrandom {
width: 91px;
height: 26px;
opacity: 1;
left: 205px;
top: 121px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(248, 241, 235, 1);
}
}
}
\ No newline at end of file
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comselectcat.less';
class Comselectcat extends Component {
constructor(props) {
super(props);
this.state = this.state || { resList: resList };
}
render() {
return (
<div className="selectcat">
<img className="selectcatbg" src={this.state.resList['db53267d-4141-4d3e-afda-9b523c89be3e'].url} />
<div className="selectcatblue">
<img className="bluebg" src={this.state.resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url} />
<img className="blueimg" src={this.state.resList['95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'].url} />
<span className="bluename">田园橘猫</span>
<img className="bluesure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
</div>
<div className="selectcatsh">
<img className="shbg" src={this.state.resList['8b464624-24b0-46ae-ab4a-65928d4784c7'].url} />
<img className="shimg" src={this.state.resList['fe52ffae-fadd-40f3-97b5-d3d56fd04781'].url} />
<span className="shname">田园橘猫</span>
<img className="shsure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
</div>
<div className="selectcatxl">
<img className="xlbg" src={this.state.resList['6a1a5aa9-affa-42e2-9703-ec36c33f0635'].url} />
<img className="xlimg" src={this.state.resList['193f6955-d754-4b9f-80ca-b9b9a72e8a8b'].url} />
<span className="xlname">田园橘猫</span>
<img className="xlsure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
</div>
<div className="selectcatorge">
<img className="orgebg" src={this.state.resList['8850353b-0a98-4335-9d46-a36678f44be0'].url} />
<img className="orgeimg" src={this.state.resList['e28e5250-c740-4e4f-a855-c415c557e77e'].url} />
<span className="orgename">田园橘猫</span>
<img className="orgesure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
</div>
<img className="selectcattrue" src={this.state.resList['628fc38b-7dc0-4c69-aac1-279d60c8f1ed'].url} />
</div>
);
}
}
export default Comselectcat;
\ No newline at end of file
.selectcat {
width: 721px;
height: 943px;
opacity: 1;
left: 15px;
top: 300px;
position: absolute;
transform-origin: 0px 0px 0px;
.selectcatbg {
width: 721px;
height: 943px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
left: 0px;
top: 0px;
}
.selectcatblue {
width: 303px;
height: 272px;
opacity: 1;
left: 377px;
top: 501px;
position: absolute;
transform-origin: 0px 0px 0px;
.bluebg {
width: 303px;
height: 272px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.blueimg {
width: 161px;
height: 145px;
opacity: 1;
left: 68px;
top: 32px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.bluename {
width: 244px;
height: 26px;
opacity: 1;
left: 26px;
top: 198px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
text-align: center;
}
.bluesure {
width: 68px;
height: 53px;
opacity: 1;
left: 224px;
top: 172px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.selectcatsh {
width: 302px;
height: 272px;
opacity: 1;
left: 43px;
top: 501px;
position: absolute;
transform-origin: 0px 0px 0px;
.shbg {
width: 302px;
height: 272px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shimg {
width: 173px;
height: 138px;
opacity: 1;
left: 59px;
top: 43px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shname {
width: 244px;
height: 26px;
opacity: 1;
left: 26px;
top: 198px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
text-align: center;
}
.shsure {
width: 68px;
height: 53px;
opacity: 1;
left: 224px;
top: 172px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.selectcatxl {
width: 303px;
height: 271px;
opacity: 1;
left: 377px;
top: 197px;
position: absolute;
transform-origin: 0px 0px 0px;
.xlbg {
width: 303px;
height: 271px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.xlimg {
width: 157px;
height: 153px;
opacity: 1;
left: 72px;
top: 29px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.xlname {
width: 244px;
height: 26px;
opacity: 1;
left: 26px;
top: 198px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
text-align: center;
}
.xlsure {
width: 68px;
height: 53px;
opacity: 1;
left: 224px;
top: 172px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.selectcatorge {
width: 302px;
height: 271px;
opacity: 1;
left: 43px;
top: 197px;
position: absolute;
transform-origin: 0px 0px 0px;
.orgebg {
width: 302px;
height: 271px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.orgeimg {
width: 164px;
height: 141px;
opacity: 1;
left: 67px;
top: 36px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.orgename {
width: 244px;
height: 26px;
opacity: 1;
left: 26px;
top: 198px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
text-align: center;
}
.orgesure {
width: 68px;
height: 53px;
opacity: 1;
left: 224px;
top: 172px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.selectcattrue {
width: 352px;
height: 106px;
opacity: 1;
left: 185px;
top: 804px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
\ No newline at end of file
...@@ -19,6 +19,17 @@ page { ...@@ -19,6 +19,17 @@ page {
align-items: center; align-items: center;
} }
.popcontainer {
position: fixed;
width: 750rpx;
height: 1624rpx;
top: 50%;
left: 50%;
margin-left:-375rpx;
margin-top:-812rpx;
background: rgba(0, 0, 0, 0.7);
}
.modal-animate-fade-in { .modal-animate-fade-in {
opacity: 0; opacity: 0;
...@@ -27,7 +38,7 @@ page { ...@@ -27,7 +38,7 @@ page {
.modal-animate-zoom-in { .modal-animate-zoom-in {
transform: scale(0); transform: scale(0);
animation: modalAnimateZoomIn .3s forwards; animation: modalAnimateZoomIn .4s forwards;
} }
.modal-animate-fly-in { .modal-animate-fly-in {
......
.catname {
width: 500rpx;
height: 842rpx;
opacity: 1;
left: 126rpx;
top: 378rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamecatimg {
width: 421rpx;
height: 301rpx;
opacity: 1;
left: 38rpx;
top: 202rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamedialog {
width: 466rpx;
height: 177rpx;
opacity: 1;
left: 5rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamedialog .catnamedialogbg {
width: 466rpx;
height: 177rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamedialog .catnamedialoglabel {
width: 359rpx;
height: 72rpx;
opacity: 1;
left: 59rpx;
top: 46rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #574b45;
}
.catname .catnamesure {
width: 282rpx;
height: 106rpx;
opacity: 1;
left: 111rpx;
top: 736rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnameinput {
width: 500rpx;
height: 147rpx;
opacity: 1;
top: 538rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnameinput .catnameinputbg {
width: 500rpx;
height: 102rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnameinput .catnameinputlabel {
width: 104rpx;
height: 27rpx;
opacity: 1;
left: 199rpx;
top: 37rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
}
.catname .catnameinput .catnameinputrandom {
width: 91rpx;
height: 26rpx;
opacity: 1;
left: 205rpx;
top: 121rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 24rpx;
color: #f8f1eb;
}
<view class="catname">
<image class="catnamecatimg" src={{resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url}} />
<view class="catnamedialog">
<image class="catnamedialogbg" src={{resList['50779aee-069e-4dd9-b2ff-88beda9f43d1'].url}} />
<label class="catnamedialoglabel">铲屎官~帮我取个名字吧!喵~</label>
</view>
<image class="catnamesure" src={{resList['c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'].url}} />
<view class="catnameinput">
<image class="catnameinputbg" src={{resList['947d970f-52bf-4319-82f0-a3e65620ed75'].url}} />
<label class="catnameinputlabel">输入名字</label>
<label class="catnameinputrandom">随机名字</label>
</view>
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {
resList: resList
},
methods: {},
onInit(props) {
this.setData(this.data || {
resList: resList
});
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
.selectcat-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.selectcat__shade {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.selectcat {
width: 721rpx;
height: 943rpx;
opacity: 1;
left: 15rpx;
top: 50%;
margin-top: -472.5rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
}
.selectcat .selectcatbg {
width: 721rpx;
height: 943rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
left: 0rpx;
top: 0rpx;
}
.selectcat .selectcatblue {
width: 303rpx;
height: 272rpx;
opacity: 1;
left: 377rpx;
top: 501rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatblue .bluebg {
width: 303rpx;
height: 272rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatblue .blueimg {
width: 161rpx;
height: 145rpx;
opacity: 1;
left: 68rpx;
top: 32rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatblue .bluename {
width: 244rpx;
height: 26rpx;
opacity: 1;
left: 26rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
text-align: center;
}
.selectcat .selectcatblue .bluesure {
width: 68rpx;
height: 53rpx;
opacity: 1;
left: 224rpx;
top: 172rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatsh {
width: 302rpx;
height: 272rpx;
opacity: 1;
left: 43rpx;
top: 501rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatsh .shbg {
width: 302rpx;
height: 272rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatsh .shimg {
width: 173rpx;
height: 138rpx;
opacity: 1;
left: 59rpx;
top: 43rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatsh .shname {
width: 244rpx;
height: 26rpx;
opacity: 1;
left: 26rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
text-align: center;
}
.selectcat .selectcatsh .shsure {
width: 68rpx;
height: 53rpx;
opacity: 1;
left: 224rpx;
top: 172rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatxl {
width: 303rpx;
height: 271rpx;
opacity: 1;
left: 377rpx;
top: 197rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatxl .xlbg {
width: 303rpx;
height: 271rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatxl .xlimg {
width: 157rpx;
height: 153rpx;
opacity: 1;
left: 72rpx;
top: 29rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatxl .xlname {
width: 244rpx;
height: 26rpx;
opacity: 1;
left: 26rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
text-align: center;
}
.selectcat .selectcatxl .xlsure {
width: 68rpx;
height: 53rpx;
opacity: 1;
left: 224rpx;
top: 172rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatorge {
width: 302rpx;
height: 271rpx;
opacity: 1;
left: 43rpx;
top: 197rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatorge .orgebg {
width: 302rpx;
height: 271rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatorge .orgeimg {
width: 164rpx;
height: 141rpx;
opacity: 1;
left: 67rpx;
top: 36rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatorge .orgename {
width: 244rpx;
height: 26rpx;
opacity: 1;
left: 26rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
text-align: center;
}
.selectcat .selectcatorge .orgesure {
width: 68rpx;
height: 53rpx;
opacity: 1;
left: 224rpx;
top: 172rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcattrue {
width: 352rpx;
height: 106rpx;
opacity: 1;
left: 185rpx;
top: 804rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="selectcat-modal">
<view class="selectcat__shade modal-animate-fade-in" />
<view class="selectcat modal-animate-zoom-in">
<image class="selectcatbg" src={{resList['db53267d-4141-4d3e-afda-9b523c89be3e'].url}} />
<view class="selectcatblue">
<image class="bluebg" src={{resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url}} />
<image class="blueimg" src={{resList['95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'].url}} />
<label class="bluename">田园橘猫</label>
<image class="bluesure" src={{resList['f956cda2-5eef-4942-8737-742d171527bd'].url}} />
</view>
<view class="selectcatsh">
<image class="shbg" src={{resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url}} />
<image class="shimg" src={{resList['fe52ffae-fadd-40f3-97b5-d3d56fd04781'].url}} />
<label class="shname">田园橘猫</label>
<image class="shsure" src={{resList['f956cda2-5eef-4942-8737-742d171527bd'].url}} />
</view>
<view class="selectcatxl">
<image class="xlbg" src={{resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url}} />
<image class="xlimg" src={{resList['193f6955-d754-4b9f-80ca-b9b9a72e8a8b'].url}} />
<label class="xlname">田园橘猫</label>
<image class="xlsure" src={{resList['f956cda2-5eef-4942-8737-742d171527bd'].url}} />
</view>
<view class="selectcatorge">
<image class="orgebg" src={{resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url}} />
<image class="orgeimg" src={{resList['e28e5250-c740-4e4f-a855-c415c557e77e'].url}} />
<label class="orgename">田园橘猫</label>
<image class="orgesure" src={{resList['f956cda2-5eef-4942-8737-742d171527bd'].url}} />
</view>
<image class="selectcattrue" src={{resList['628fc38b-7dc0-4c69-aac1-279d60c8f1ed'].url}} />
</view>
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {
resList: resList
},
methods: {},
onInit(props) {
this.setData(this.data || {
resList: resList
});
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
...@@ -7,3 +7,5 @@ ...@@ -7,3 +7,5 @@
<rule-modal a:if="{{ruleModalVisible}}" onModalClose="closeRuleModal"><text>{{rule}}</text></rule-modal> <rule-modal a:if="{{ruleModalVisible}}" onModalClose="closeRuleModal"><text>{{rule}}</text></rule-modal>
<levelup-modal a:if="{{levelupModalVisible}}" onModalClose="closeLevelupModal"></levelup-modal> <levelup-modal a:if="{{levelupModalVisible}}" onModalClose="closeLevelupModal"></levelup-modal>
<message-modal a:if="{{messageModalVisible}}" mydata="{{messageModalData}}" onModalClose="closeMessageModal"></message-modal> <message-modal a:if="{{messageModalVisible}}" mydata="{{messageModalData}}" onModalClose="closeMessageModal"></message-modal>
<selectcat-modal a:if="{{selectcatModalVisible}}" onModalClose="closeSelectcatModal"></selectcat-modal>
<view class="popcontainer" a:if="{{catnameModalVisible}}" ><catname-modal onModalClose="closeCatnameModal"/></view>
'use strict'; 'use strict';
import { import {
Main Main
} from './output'; } from './output';
import API from '../../api'; import API from '../../api';
const app = getApp(); const app = getApp();
const { const {
tbcc tbcc
} = app; } = app;
const { const {
commonToast, commonToast,
getAuthUserInfo, getAuthUserInfo,
navigateToOutside, navigateToOutside,
getSystemInfo getSystemInfo
} = tbcc.tb; } = tbcc.tb;
const checkSystem = async () => { const checkSystem = async () => {
const { const {
version version
} = await getSystemInfo(); } = await getSystemInfo();
console.log('version', version); console.log('version', version);
return tbcc.utils.versionCompare(version, '9.8.0'); return tbcc.utils.versionCompare(version, '9.8.0');
} }
Page({ Page({
data: { data: {
messageModalVisible: false, messageModalVisible: false,
messageModalData: {}, messageModalData: {},
ruleModalVisible: false, ruleModalVisible: false,
levelupModalVisible: false levelupModalVisible: false,
}, selectcatModalVisible: false,
catnameModalVisible:false
onLoad(props) { },
this.setData({});
checkSystem().then(r => {
if (!r) {
my.showToast({
content: "请升级最新版本的淘宝",
duration: 5000
});
}
});
}, onLoad(props) {
this.setData({});
onReady() {
console.log('on ready')
//授权和登录先搞
// this.getAuth();
setTimeout(() => {
// this.onMessage({
// data: {
// netName: 'mine.showModal',
// parameter: {
// name: 'levelupModal'
// }
// }
// });
// this.onMessage({
// data: {
// netName: 'mine.showModal',
// parameter: {
// name: 'messageModal',
// data: { catName: '喵喵1122' }
// }
// }
// });
// this.onMessage({
// data: {
// netName: 'mine.navigateToPage',
// parameter: {
// name: 'pageshop'
// }
// }
// });
}, 1000);
},
init() {
console.log('do init');
this.spark_startEngine();
},
spark_startEngine() {
console.log('spark_startEngine')
var self = this;
my.createCanvas({
id: 'canvas',
success: ccc => {
const dpr = my.getSystemInfoSync().pixelRatio;
const windowWidth = my.getSystemInfoSync().windowWidth;
const windowHeight = my.getSystemInfoSync().windowHeight;
ccc.width = windowWidth * dpr + dpr; //重新修改会有误差
ccc.height = windowHeight * dpr + dpr;
if (!this.main) {
this.main = new Main(ccc); //添加事件,为了和main里的通信
app.canvasMain = this.main;
this.main.addGlobalEvent("onMessage", self.onMessage, self);
this.main.addGlobalEvent("showToast", self.showToast, self);
}
}
});
},
onCanvasReady() {
console.log('onCanvasReady')
//授权和登录先搞
checkSystem().then(r => {
if (r) {
this.getAuth();
}
});
},
showToast(e) { checkSystem().then(r => {
if (!r) {
my.showToast({ my.showToast({
content: e.data || "网络异常,请稍后重试~", content: "请升级最新版本的淘宝",
duration: 2000 duration: 5000
}); });
}, }
});
postMessage(netName, data) {
this.main && this.main.dispatchGlobalEvent({
type: netName
}, data); //以防复用事件event串了,就用这种方式
},
//和main通信的方法,接收main的信息
onMessage(e) {
//接口名字
let netName = e.data.netName; //接口参数
let parameter = e.data.parameter; //暂时发现3个需要用户操作的接口
//定制的授权
if (netName.indexOf("mine") == 0) {
var data = {
success: true
};
switch (netName) {
case "mine.getAppData":
//获取信息
data = {
success: true,
data: {
activityId: app.activityId,
nickName: app.nickName,
avatar: app.avatar,
openId: app.openId
}
};
break;
case "mine.navigateToPage": //切换page
data = {
success: true,
data: {}
};
my.navigateTo({
url: `/pages/${parameter.name}/${parameter.name}`
});
break;
case "mine.showModal": //切换page
data = {
success: true,
data: {}
};
const key = `${parameter.name}Visible`;
const datakey = `${parameter.name}Data`;
const toSetData = {};
toSetData[key] = true;
toSetData[datakey] = parameter.data;
this.setData(toSetData);
break;
case 'test':
console.log('测试一下', parameter.hint);
break;
}
this.postMessage(netName, data); },
} else {
const {
function: fc
} = app.cloud;
const [myCloudName, handler] = netName.split("."); //待写,
parameter.activityId = app.activityId;
fc.invoke(myCloudName, parameter, handler).then(res => {
this.postMessage(netName, res);
});
}
},
//鼠标事件
onMouseEvent(e) {
if (this.main) this.main.stage.onMouseEvent(e);
},
onShow() {
// 页面显示
if (this.main) {
this.main.run();
this.main.dispatchGlobalEvent("onShow");
}
},
onHide() { onReady() {
// 页面隐藏 console.log('on ready')
if (this.main) { //授权和登录先搞
this.main.pause(); // this.getAuth();
this.main.dispatchGlobalEvent("onHide"); setTimeout(() => {
} this.onMessage({
}, data: {
netName: 'mine.showModal',
/** parameter: {
* 获取用户授权信息 name: 'catnameModal'
*/ }
async getAuth() {
const userInfo = await getAuthUserInfo().catch(err => {
console.log('未授权成功', err);
});
if (userInfo) {
console.log('userInfo', userInfo);
const {
nickName,
avatar
} = userInfo;
app.nickName = nickName;
app.avatar = avatar;
this.login();
} }
}, });
/**
* 登录接口 // this.onMessage({
*/ // data: {
async login() { // netName: 'mine.showModal',
const { // parameter: {
nickName, // name: 'messageModal',
avatar // data: { catName: '喵喵1122' }
} = app; // }
const { // }
success // });
} = await API.login({
userNick: nickName, // this.onMessage({
avatar // data: {
}).catch(res => { // netName: 'mine.navigateToPage',
commonToast(res && res.message); // parameter: {
}) || {}; // name: 'pageshop'
// }
if (success) { // }
this.init(); // });
}, 1000);
},
init() {
console.log('do init');
this.spark_startEngine();
},
spark_startEngine() {
console.log('spark_startEngine')
var self = this;
my.createCanvas({
id: 'canvas',
success: ccc => {
const dpr = my.getSystemInfoSync().pixelRatio;
const windowWidth = my.getSystemInfoSync().windowWidth;
const windowHeight = my.getSystemInfoSync().windowHeight;
ccc.width = windowWidth * dpr + dpr; //重新修改会有误差
ccc.height = windowHeight * dpr + dpr;
if (!this.main) {
this.main = new Main(ccc); //添加事件,为了和main里的通信
app.canvasMain = this.main;
this.main.addGlobalEvent("onMessage", self.onMessage, self);
this.main.addGlobalEvent("showToast", self.showToast, self);
} }
}, }
closeLevelupModal() { });
this.setData({ },
levelupModalVisible: false
}); onCanvasReady() {
}, console.log('onCanvasReady')
closeRuleModal() { //授权和登录先搞
this.setData({ checkSystem().then(r => {
ruleModalVisible: false if (r) {
}); this.getAuth();
}, }
closeMessageModal() { });
this.setData({ },
messageModalVisible: false
}); showToast(e) {
my.showToast({
content: e.data || "网络异常,请稍后重试~",
duration: 2000
});
},
postMessage(netName, data) {
this.main && this.main.dispatchGlobalEvent({
type: netName
}, data); //以防复用事件event串了,就用这种方式
},
//和main通信的方法,接收main的信息
onMessage(e) {
//接口名字
let netName = e.data.netName; //接口参数
let parameter = e.data.parameter; //暂时发现3个需要用户操作的接口
//定制的授权
if (netName.indexOf("mine") == 0) {
var data = {
success: true
};
switch (netName) {
case "mine.getAppData":
//获取信息
data = {
success: true,
data: {
activityId: app.activityId,
nickName: app.nickName,
avatar: app.avatar,
openId: app.openId
}
};
break;
case "mine.navigateToPage": //切换page
data = {
success: true,
data: {}
};
my.navigateTo({
url: `/pages/${parameter.name}/${parameter.name}`
});
break;
case "mine.showModal": //切换page
data = {
success: true,
data: {}
};
const key = `${parameter.name}Visible`;
const datakey = `${parameter.name}Data`;
const toSetData = {};
toSetData[key] = true;
toSetData[datakey] = parameter.data;
this.setData(toSetData);
break;
case 'test':
console.log('测试一下', parameter.hint);
break;
}
this.postMessage(netName, data);
} else {
const {
function: fc
} = app.cloud;
const [myCloudName, handler] = netName.split("."); //待写,
parameter.activityId = app.activityId;
fc.invoke(myCloudName, parameter, handler).then(res => {
this.postMessage(netName, res);
});
} }
},
//鼠标事件
onMouseEvent(e) {
if (this.main) this.main.stage.onMouseEvent(e);
},
onShow() {
// 页面显示
if (this.main) {
this.main.run();
this.main.dispatchGlobalEvent("onShow");
}
},
onHide() {
// 页面隐藏
if (this.main) {
this.main.pause();
this.main.dispatchGlobalEvent("onHide");
}
},
/**
* 获取用户授权信息
*/
async getAuth() {
const userInfo = await getAuthUserInfo().catch(err => {
console.log('未授权成功', err);
});
if (userInfo) {
console.log('userInfo', userInfo);
const {
nickName,
avatar
} = userInfo;
app.nickName = nickName;
app.avatar = avatar;
this.login();
}
},
/**
* 登录接口
*/
async login() {
const {
nickName,
avatar
} = app;
const {
success
} = await API.login({
userNick: nickName,
avatar
}).catch(res => {
commonToast(res && res.message);
}) || {};
if (success) {
this.init();
}
},
closeLevelupModal() {
this.setData({
levelupModalVisible: false
});
},
closeRuleModal() {
this.setData({
ruleModalVisible: false
});
},
closeMessageModal() {
this.setData({
messageModalVisible: false
});
},
closeSelectcatModal() {
this.setData({
selectcatModalVisible: false
})
},
closeCatnameModal(){
this.setData({
catnameModalVisible:false
})
}
}); });
\ No newline at end of file
...@@ -2,6 +2,8 @@ ...@@ -2,6 +2,8 @@
"usingComponents": { "usingComponents": {
"rule-modal": "/components/ruleModal/ruleModal", "rule-modal": "/components/ruleModal/ruleModal",
"levelup-modal": "/components/comlevelup/comlevelup", "levelup-modal": "/components/comlevelup/comlevelup",
"message-modal": "/components/commessage/commessage" "message-modal": "/components/commessage/commessage",
"selectcat-modal":"/components/comselectcat/comselectcat",
"catname-modal":"/components/comcatname/comcatname"
} }
} }
\ No newline at end of file
...@@ -147,6 +147,97 @@ const resList = { ...@@ -147,6 +147,97 @@ const resList = {
ext: '.png', ext: '.png',
uuid: 'bdab9777-8a4d-4659-ba23-66aaddb7fa5b', uuid: 'bdab9777-8a4d-4659-ba23-66aaddb7fa5b',
url: '//yun.duiba.com.cn/spark/assets/368892ca025f9fc6100cc5e7da22675a814db39f.png' url: '//yun.duiba.com.cn/spark/assets/368892ca025f9fc6100cc5e7da22675a814db39f.png'
} },
'02183198-f4da-4ac2-8bf3-d6b7a07d3279': {
name: '底18',
ext: '.png',
uuid: '02183198-f4da-4ac2-8bf3-d6b7a07d3279',
url: '//yun.duiba.com.cn/spark/assets/38c8d93cf305d0b4c9ec17aaa7aaca754ac7c33b.png'
},
'95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf': {
name: '脸17',
ext: '.png',
uuid: '95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf',
url: '//yun.duiba.com.cn/spark/assets/ef2d52a9b45b94e4166b27df2bb381648453d9aa.png'
},
'fe52ffae-fadd-40f3-97b5-d3d56fd04781': {
name: '脸13',
ext: '.png',
uuid: 'fe52ffae-fadd-40f3-97b5-d3d56fd04781',
url: '//yun.duiba.com.cn/spark/assets/643a3ebab02f202846efc2488ffd5c99252a210f.png'
},
'193f6955-d754-4b9f-80ca-b9b9a72e8a8b': {
name: '脸9',
ext: '.png',
uuid: '193f6955-d754-4b9f-80ca-b9b9a72e8a8b',
url: '//yun.duiba.com.cn/spark/assets/b1992c528b36c2d26942e9c83941242e59481475.png'
},
'e28e5250-c740-4e4f-a855-c415c557e77e': {
name: '脸5',
ext: '.png',
uuid: 'e28e5250-c740-4e4f-a855-c415c557e77e',
url: '//yun.duiba.com.cn/spark/assets/5e5e85d3745031ccb7004e04a188a3f7a42fbaa0.png'
},
'f956cda2-5eef-4942-8737-742d171527bd': {
name: '勾',
ext: '.png',
uuid: 'f956cda2-5eef-4942-8737-742d171527bd',
url: '//yun.duiba.com.cn/spark/assets/b8a22520aeb4c118f3ca52e37ea38961631bbb05.png'
},
'628fc38b-7dc0-4c69-aac1-279d60c8f1ed': {
name: '按钮2',
ext: '.png',
uuid: '628fc38b-7dc0-4c69-aac1-279d60c8f1ed',
url: '//yun.duiba.com.cn/spark/assets/248191d2099fd413fcb4ced176942523b65dee87.png'
},
'db53267d-4141-4d3e-afda-9b523c89be3e': {
name: '选择猫咪背景',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/选择猫咪背景.380e7b102d2288cfd03900177d662d8f5f38f400.png',
uuid: 'db53267d-4141-4d3e-afda-9b523c89be3e'
},
'02aacfd1-3347-40a7-8a3a-9f20c1b5706b': {
name: '说话猫30',
ext: '.png',
uuid: '02aacfd1-3347-40a7-8a3a-9f20c1b5706b',
url: '//yun.duiba.com.cn/spark/assets/d668bfa5e8f20d360058f1ce301622f028320e8e.png'
},
'24b7d459-41d6-408c-9829-4768fe38abf5': {
name: '底29',
ext: '.png',
uuid: '24b7d459-41d6-408c-9829-4768fe38abf5',
url: '//yun.duiba.com.cn/spark/assets/44e5ec770784008cbde2036987d786ad10179074.png'
},
'97484cf2-5146-4287-b104-ed1f43c71ee0': {
name: '按钮27',
ext: '.png',
uuid: '97484cf2-5146-4287-b104-ed1f43c71ee0',
url: '//yun.duiba.com.cn/spark/assets/ccc2315a56a4886cdffd32311d57583c870963d0.png'
},
'50779aee-069e-4dd9-b2ff-88beda9f43d1': {
name: '底25',
ext: '.png',
uuid: '50779aee-069e-4dd9-b2ff-88beda9f43d1',
url: '//yun.duiba.com.cn/spark/assets/5f8647eb5032613a6116f3cefc00d4448e24becc.png'
},
'c7916d41-ea9d-4f8e-b5aa-e2060d6ae265': {
name: '按钮23',
ext: '.png',
uuid: 'c7916d41-ea9d-4f8e-b5aa-e2060d6ae265',
url: '//yun.duiba.com.cn/spark/assets/5411d96c77b95fddfd2a42d08d1522d992bff210.png'
},
'947d970f-52bf-4319-82f0-a3e65620ed75': {
name: '底22',
ext: '.png',
uuid: '947d970f-52bf-4319-82f0-a3e65620ed75',
url: '//yun.duiba.com.cn/spark/assets/b29d45b60af4e4daecce521a84896cb4d276e2a5.png'
},
}; };
export default resList; export default resList;
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