Commit a9992e40 authored by Edwise's avatar Edwise 🍷

1234

parents 272cbb9a 337db302
...@@ -6,12 +6,12 @@ MOCK_STATUS && (require('../mock/index')); ...@@ -6,12 +6,12 @@ MOCK_STATUS && (require('../mock/index'));
import MD from '../MD'; import MD from '../MD';
MD(); MD();
//此处为spark-cli动态生成 //此处为spark-cli动态生成
import PageCanvas from "./pages/pagecanvas/pagecanvas.jsx"; import Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo from "./pages/pagetian_mao_xiao_yuan_you_xi_ye_xing_huo/pagetian_mao_xiao_yuan_you_xi_ye_xing_huo.jsx";
class App extends Component { class App extends Component {
render() { render() {
return ( return (
<PageCanvas></PageCanvas> <Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo></Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo>
); );
} }
} }
......
{
"code": "000000",
"data": 1,
"success": true,
"message": "成功"
}
\ No newline at end of file
{
"code": "000000",
"data": {
"tools": {
"HAMMERS": 1,
"STEPS": 0,
"BOOMS": 0
}
},
"success": true,
"message": "成功"
}
\ No newline at end of file
{
"code": "000000",
"data": {
"power": 3
},
"success": true,
"message": "成功"
}
\ No newline at end of file
{
"code": "530001",
"data": {
"power": 231,
"tools": {
"STEPS": 3,
"BOOMS": 4,
"HAMMERS": 5
},
"isvip": false,
"url": "//market.m.taobao.com/apps/market/shopmember/index.html?wh_weex=true&sellerId=2207623078795&extraInfo=%7B%22source%22%3A%22isvapp%22%2C%22entrance%22%3A%22duiba%22%7D"
},
"success": true,
"message": "需要成为会员"
}
{
"code": "000000",
"data": {
"currentLevel": 11,
"isPrizeLevel": false,
"tool": {
"type": "HAMMERS"
},
"prize": {
"image": "https://img.alicdn.com/imgextra/i1/2275046294/O1CN01xTeKMI1wMhRux48Y6_!!2275046294-2-miniprogram.png"
}
},
"success": true,
"message": "成功"
}
{
"code": "000000",
"data": {
"currentLevel": 1,
"visitors": [
{
"activityId": "5f08084ec3ad3494b9201c0e",
"score": 10000,
"level": 120,
"createTime": 1594370024407,
"openId": "AAHuCvE-ALiIWXYsJuTb5S4W",
"isVisitSuccess": true,
"updateTime": 1594370024407,
"_id": "5f0827e89da67191b6b29261",
"stars": 3,
"isPrizeLevel": false,
"sendAwardType": true
},
{
"activityId": "5f08084ec3ad3494b9201c0e",
"score": 10000,
"level": 10,
"createTime": 1594370106090,
"openId": "AAHuCvE-ALiIWXYsJuTb5S4W",
"isVisitSuccess": true,
"updateTime": 1594370106090,
"_id": "5f08283a75cfb693ea1b3d5b",
"stars": 3,
"isPrizeLevel": true,
"sendAwardType": "prize"
},
{
"activityId": "5f08084ec3ad3494b9201c0e",
"score": 10000,
"level": 1,
"createTime": 1594369315957,
"openId": "AAHuCvE-ALiIWXYsJuTb5S4W",
"isVisitSuccess": true,
"updateTime": 1594369868256,
"_id": "5f082523c3ad3494b92036bf",
"stars": 3,
"isPrizeLevel": false,
"sendAwardType": true
}
],
"prizes": [
{
"receiveTime": "",
"level": 120,
"isReceive": false
}
],
"power": 3,
"tools": {
"HAMMERS": 1,
"STEPS": 0,
"BOOMS": 0
},
"topAward": ""
},
"success": true,
"message": "成功"
}
{
"success": true,
"code": "1111",
"message": "OK",
"data": {
"power": 0,
"currentLevel": 120,
"tools": {
"STEPS": 1,
"BOOMS": 2,
"HAMMERS": 3
},
"prizes": [
{
"receiveTime": "",
"level": 120,
"isReceive": false
},
{
"receiveTime": "",
"level": 90,
"isReceive": false
},
{
"receiveTime": "",
"level": 60,
"isReceive": false
},
{
"receiveTime": "",
"level": 30,
"isReceive": false
},
{
"receiveTime": "",
"level": 10,
"isReceive": false
}
],
"visitors": [
{
"level": 1,
"scores": 11111,
"stars": 1,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 2,
"scores": 22222,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 3,
"scores": 3333,
"stars": 3,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 4,
"scores": 44444,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 5,
"scores": 44444,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 6,
"scores": 44444,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 7,
"scores": 44444,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 4,
"scores": 44444,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 8,
"scores": 44444,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 9,
"scores": 44444,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
},
{
"level": 10,
"scores": 44444,
"stars": 2,
"isPrizeLevel": false,
"isVisitSuccess": true,
"sendAwardType": "prize"
}
],
"isFristLogin": false
}
}
{
"code": "000000",
"data": [
{
"switchStock": 1,
"image": "https://img.alicdn.com/imgextra/i2/2275046294/O1CN01c4rCs11wMhRrsjEep_!!2275046294-2-miniprogram.png",
"isBackUp": false,
"properiodto": 1600,
"level": 1,
"probability": "16",
"openId": "AAFwCvE-ALiIWXYsJuTQVRpH",
"prizeType": 60,
"updateTime": 1594623032191,
"type": 3,
"properiodfrom": 1,
"activityId": "5f08084ec3ad3494b9201c0e",
"ename": "",
"lockStatus": 1,
"credits": "",
"createTime": 1594361933509,
"deleteStatus": 1,
"name": "60关奖品3",
"useStock": 1,
"rank": "",
"_id": "5f08084e0cb7338a0a377c8e",
"id": "",
"stock": 200
},
{
"isBackUp": true,
"properiodto": 10000,
"level": 2,
"probability": "84",
"prizeType": 60,
"updateTime": 1594623032197,
"type": 5,
"properiodfrom": 1601,
"activityId": "5f08084ec3ad3494b9201c0e",
"lockStatus": 1,
"createTime": 1594623032197,
"deleteStatus": 1,
"name": "谢谢参与",
"useStock": 0,
"_id": "5f0c043852bbde91d1ca5682"
}
],
"success": true,
"message": "成功"
}
\ No newline at end of file
{
"code": "000000",
"data": [
{
"taskType": "browseGoods",
"times": 3,
"todayCompleteTimes": 0,
"waitReceive": 0,
"value": "",
"rewards": 10
},
{
"taskType": "invites",
"times": 3,
"todayCompleteTimes": 0,
"waitReceive": 0,
"value": "",
"rewards": 10
},
{
"taskType": "follow",
"times": 1,
"todayCompleteTimes": 0,
"waitReceive": 0,
"value": "",
"rewards": 7
},
{
"taskType": "member",
"times": 1,
"todayCompleteTimes": 1,
"waitReceive": 0,
"rewards": 65
}
],
"success": true,
"message": "成功"
}
{
"success": true,
"message": "您还不是会员",
"data": {
"isvip": false,
"url": "xxx",
"credits": 471
}
}
{
"code":"000000",
"data":1,
"success":true,
"message":"成功"
}
\ No newline at end of file
{
"code": "000000",
"data": {
"inviteFriends": {
"type": 2,
"value": 10,
"taskNum": 3
},
"openId": "AAFwCvE-ALiIWXYsJuTQVRpH",
"rule": "测试规则4455334354",
"updateTime": 1594627802429,
"title": "测试活动",
"toolsProbability": {
"HAMMERS": {
"properiodfrom": 1,
"properiodto": 500,
"probability": 5
},
"STEPS": {
"properiodfrom": 1001,
"properiodto": 1400,
"probability": 4
},
"BOOMS": {
"properiodfrom": 501,
"properiodto": 1000,
"probability": 5
}
},
"levelPrize": {
"level_60": "https://img.alicdn.com/imgextra/i3/2275046294/O1CN01Llkz1U1wMhRqE4D0f_!!2275046294-2-miniprogram.png",
"level_90": "https://img.alicdn.com/imgextra/i1/2275046294/O1CN01xTeKMI1wMhRux48Y6_!!2275046294-2-miniprogram.png",
"level_120": "https://img.alicdn.com/imgextra/i1/2275046294/O1CN01WvSfpG1wMhRrsjqFq_!!2275046294-2-miniprogram.png",
"level_30": "https://img.alicdn.com/imgextra/i3/2275046294/O1CN01Mf9wLi1wMhRoCuoOs_!!2275046294-2-miniprogram.png",
"level_10": "https://img.alicdn.com/imgextra/i3/2275046294/O1CN01bsypJm1wMhRsRMjh1_!!2275046294-2-miniprogram.png"
},
"buyCredits": {
"HAMMERS": "8",
"POWERS": "9",
"BOOMS": "6",
"STEPS": "7"
},
"beMembership": 65,
"openPrizeMsg": "",
"createTime": 1594361933457,
"deleteStatus": 1,
"browseGoods": {
"itemIds": "32223",
"type": 1,
"value": 10,
"taskNum": 3
},
"startTime": 1592448580000,
"_id": "5f08084ec3ad3494b9201c0e",
"endTime": 1594966980000,
"attentionStore": 7,
"openPrizeStatus": 3
},
"success": true,
"message": "成功"
}
{
"success": 1,
"data": {
"channel": "aliqua sint fugiat non do",
"strategyCode": "anim",
"code": "amet",
"image": "ea nulla aute eu",
"name": "in",
"type": -27273675.128173023
},
"code": "quis nostrud fugiat pariatur",
"message":"欢乐币不足"
}
\ No newline at end of file
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
"type": 4112149.6368029267, "type": 4112149.6368029267,
"_id": "2", "_id": "2",
"value": 51585947.06940037, "value": 51585947.06940037,
"status": 2 "status": 1
}, },
{ {
"hasStock": false, "hasStock": false,
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
"type": 4112149.6368029267, "type": 4112149.6368029267,
"_id": "2", "_id": "2",
"value": 51585947.06940037, "value": 51585947.06940037,
"status": 2 "status": 1
}, },
{ {
"hasStock": false, "hasStock": false,
......
<<<<<<< HEAD
1'use strict';
============
>>>>>>>>
<<<<<<< HEAD
============
'use strict';
>>>>>>>>
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comcatbackbed1.less';
class Comcatbackbed1 extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="catbackbed1 ">
<div className="catbackbed ">
<img className="catbackbedbgaccident " src={this.state.resList['98a3f684-846b-479c-91ac-75b588e2b51b'].url} />
<img className="catbackbedbgsurprise " src={this.state.resList['98a3f684-846b-479c-91ac-75b588e2b51b'].url} />
<img className="catbackbedbgunluck " src={this.state.resList['3fa827d6-e333-4b56-a5d9-5f3ae2089127'].url} />
<img className="catbackbedok " src={this.state.resList['b701826c-63c5-4490-a380-52f273dad9af'].url} />
<span className="catbackbedtip2 ">获得+10000欢乐币</span>
<span className="catbackbedtip ">
文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案不要超过50字
</span>
<img className="catbackbedclose " src={this.state.resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url} />
<img className="catbackbedcatimg " src={this.state.resList['51c97f4c-1f39-48cf-8865-c1c2fec500d8'].url} />
</div>
</div>
);
}
}
export default Comcatbackbed1;
.catbackbed1 {
width: 750px;
height: 1093px;
opacity: 1;
top: 181px;
position: absolute;
transform-origin: 0px 0px 0px;
.catbackbed {
width: 750px;
height: 1093px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.catbackbedbgaccident {
width: 750px;
height: 1093px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
}
.catbackbedbgsurprise {
width: 750px;
height: 1093px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
}
.catbackbedbgunluck {
width: 584px;
height: 715px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
top: 196px;
left: 84px;
}
.catbackbedok {
width: 351px;
height: 105px;
opacity: 1;
left: 201px;
top: 773px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catbackbedtip2 {
width: 275px;
height: 32px;
opacity: 1;
left: 238px;
top: 706px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 32px;
color: rgba(104, 91, 78, 1);
}
.catbackbedtip {
width: 447px;
height: 111px;
opacity: 1;
left: 152px;
top: 563px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.catbackbedclose {
width: 44px;
height: 44px;
opacity: 1;
display: block;
left: 586px;
top: 238px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catbackbedcatimg {
width: 494px;
height: 262px;
opacity: 1;
display: block;
left: 128px;
top: 290px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
...@@ -5,26 +5,85 @@ import resList from '../../resconfig/resList'; ...@@ -5,26 +5,85 @@ import resList from '../../resconfig/resList';
import './comcatname.less'; import './comcatname.less';
class Comcatname extends Component { class Comcatname extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = this.state || { resList: resList }; <<<<<<< HEAD
} <<<<<<< HEAD
render() { this.state = this.state || { resList: resList };
return ( ============
<div className="catname"> >>>>>>>>
<img className="catnamecatimg" src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} /> <<<<<<< HEAD
<div className="catnamedialog"> ============
<img className="catnamedialogbg" src={this.state.resList['50779aee-069e-4dd9-b2ff-88beda9f43d1'].url} /> ============
<span className="catnamedialoglabel">铲屎官~帮我取个名字吧!喵~</span> >>>>>>>>
</div> this.state = { resList: resList };
<img className="catnamesure" src={this.state.resList['c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'].url} /> <<<<<<< HEAD
<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>
);
}
} }
render() {
return (
<<<<<<< HEAD
<<<<<<< HEAD
<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>
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<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>
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
<<<<<<< HEAD
<<<<<<< HEAD
<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>
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<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>
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
</div>
);
}
}
<<<<<<< HEAD
<<<<<<< HEAD
export default Comcatname;============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
export default Comcatname; export default Comcatname;
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
.catname { .catname {
width: 500px; width: 500px;
height: 842px; height: 842px;
opacity: 1; opacity: 1;
left: 126px; left: 126px;
top: 378px; top: 378px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.catnamecatimg { .catnamecatimg {
width: 421px; width: 421px;
height: 301px; height: 301px;
opacity: 1; opacity: 1;
left: 38px; left: 38px;
top: 202px; top: 202px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.catnamedialog { .catnamedialog {
width: 466px; width: 466px;
height: 177px; height: 177px;
opacity: 1; opacity: 1;
left: 5px; left: 5px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.catnamedialogbg { .catnamedialogbg {
width: 466px; width: 466px;
height: 177px; height: 177px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.catnamedialoglabel { .catnamedialoglabel {
width: 359px; width: 359px;
height: 72px; height: 72px;
opacity: 1; opacity: 1;
left: 59px; left: 59px;
top: 46px; <<<<<<< HEAD
position: absolute; <<<<<<< HEAD
transform-origin: 0px 0px 0px; top: 46px;
font-size: 28px; ============
color: rgba(87, 75, 69, 1); >>>>>>>>
} <<<<<<< HEAD
} ============
.catnamesure { ============
width: 282px; >>>>>>>>
height: 106px; top: 38px;
opacity: 1; <<<<<<< HEAD
left: 111px; >>>>>>>>
top: 736px; ============
position: absolute; >>>>>>>>
transform-origin: 0px 0px 0px; position: absolute;
} transform-origin: 0px 0px 0px;
.catnameinput { font-size: 28px;
width: 500px; color: rgba(87, 75, 69, 1);
height: 147px; }
opacity: 1; }
top: 538px; .catnamesure {
position: absolute; width: 282px;
transform-origin: 0px 0px 0px; height: 106px;
.catnameinputbg { opacity: 1;
width: 500px; left: 111px;
height: 102px; top: 736px;
opacity: 1; position: absolute;
position: absolute; transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px; }
} .catnameinput {
.catnameinputlabel { width: 500px;
width: 104px; height: 147px;
height: 27px; opacity: 1;
opacity: 1; top: 538px;
left: 199px; position: absolute;
top: 37px; transform-origin: 0px 0px 0px;
position: absolute; .catnameinputbg {
transform-origin: 0px 0px 0px; width: 500px;
font-size: 28px; height: 102px;
color: rgba(104, 91, 78, 1); opacity: 1;
} position: absolute;
.catnameinputrandom { transform-origin: 0px 0px 0px;
width: 91px; }
height: 26px; .catnameinputlabel {
opacity: 1; <<<<<<< HEAD
left: 205px; <<<<<<< HEAD
top: 121px; width: 104px;
position: absolute; height: 27px;
transform-origin: 0px 0px 0px; ============
font-size: 24px; >>>>>>>>
color: rgba(248, 241, 235, 1); <<<<<<< HEAD
} ============
} ============
} >>>>>>>>
\ No newline at end of file width: 436px;
height: 47px;
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
opacity: 1;
<<<<<<< HEAD
<<<<<<< HEAD
left: 199px;
top: 37px;
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
left: 33px;
top: 25px;
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.catnameinputrandom {
<<<<<<< HEAD
<<<<<<< HEAD
width: 91px;
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
width: 500px;
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
height: 26px;
opacity: 1;
<<<<<<< HEAD
<<<<<<< HEAD
left: 205px;
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
left: 0px;
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
top: 121px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(248, 241, 235, 1);
}
}
<<<<<<< HEAD
<<<<<<< HEAD
}============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
}
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comexchanged.less';
class Comexchanged extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="exchanged ">
<img className="exchanged_bg " src={this.state.resList['65d97f17-4b35-4ba7-b21b-7ec0bfac6639'].url} />
<img className="exchanged_imgbg " src={this.state.resList['e0ce2abf-64d3-40f3-a016-c7fb7772b3f6'].url} />
<img className="exchanged_close " src={this.state.resList['06f8e9d0-f0bf-41d3-bbc2-8a782eacae59'].url} />
<span className="exchanged_title ">获得 XXXX</span>
<img className="exchanged_btn " src={this.state.resList['923ae629-84ed-406d-b3cb-258742ffa2ba'].url} />
</div>
);
}
}
export default Comexchanged;
.exchanged {
width: 750px;
height: 1093px;
opacity: 1;
top: 221px;
position: absolute;
transform-origin: 0px 0px 0px;
.exchanged_bg {
width: 750px;
height: 1093px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.exchanged_imgbg {
width: 360px;
height: 299px;
opacity: 1;
left: 197px;
top: 377px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.exchanged_close {
width: 45px;
height: 45px;
opacity: 1;
left: 584px;
top: 236px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.exchanged_title {
width: 164px;
height: 35px;
opacity: 1;
left: 295px;
top: 315px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 36px;
color: rgba(231, 72, 70, 1);
}
.exchanged_btn {
width: 351px;
height: 105px;
opacity: 1;
left: 201px;
top: 773px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
...@@ -5,21 +5,76 @@ import resList from '../../resconfig/resList'; ...@@ -5,21 +5,76 @@ import resList from '../../resconfig/resList';
import './comgetcat.less'; import './comgetcat.less';
class Comgetcat extends Component { class Comgetcat extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = this.state || { resList: resList }; <<<<<<< HEAD
} <<<<<<< HEAD
render() { this.state = this.state || { resList: resList };
return ( ============
<div className="getcat"> >>>>>>>>
<img className="getcatimg" src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} /> <<<<<<< HEAD
<div className="getcatdialog"> ============
<img className="getcatdialogbg" src={this.state.resList['24b7d459-41d6-408c-9829-4768fe38abf5'].url} /> ============
<span className="getcatdialogtext">好了,现在你就是 猫咪名字 的铲屎官了~</span> >>>>>>>>
</div> this.state = { resList: resList };
<img className="getcatgo" src={this.state.resList['97484cf2-5146-4287-b104-ed1f43c71ee0'].url} /> <<<<<<< HEAD
</div> >>>>>>>>
); ============
} >>>>>>>>
} }
render() {
return (
<<<<<<< HEAD
<<<<<<< HEAD
<div className="getcat">
<img className="getcatimg" src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
<div className="getcatdialog">
<img className="getcatdialogbg" src={this.state.resList['24b7d459-41d6-408c-9829-4768fe38abf5'].url} />
<span className="getcatdialogtext">好了,现在你就是 猫咪名字 的铲屎官了~</span>
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<div className="getcat ">
<img className="getcatimg " src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
<div className="getcatdialog ">
<img className="getcatdialogbg " src={this.state.resList['24b7d459-41d6-408c-9829-4768fe38abf5'].url} />
<span className="getcatdialogtext ">好了,现在你就是 猫咪名字 的铲屎官了~</span>
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
<<<<<<< HEAD
<<<<<<< HEAD
<img className="getcatgo" src={this.state.resList['97484cf2-5146-4287-b104-ed1f43c71ee0'].url} />
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<img className="getcatgo " src={this.state.resList['97484cf2-5146-4287-b104-ed1f43c71ee0'].url} />
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
);
}
}
<<<<<<< HEAD
<<<<<<< HEAD
export default Comgetcat;============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
export default Comgetcat; export default Comgetcat;
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
.getcat { .getcat {
width: 465px; width: 465px;
height: 671px; height: 671px;
opacity: 1; opacity: 1;
left: 130px; left: 130px;
top: 378px; top: 378px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.getcatimg { .getcatimg {
width: 421px; width: 421px;
height: 301px; height: 301px;
opacity: 1; opacity: 1;
left: 34px; left: 34px;
top: 202px; top: 202px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.getcatdialog { .getcatdialog {
width: 465px; width: 465px;
height: 176px; height: 176px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.getcatdialogbg { .getcatdialogbg {
width: 465px; width: 465px;
height: 176px; height: 176px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.getcatdialogtext { .getcatdialogtext {
width: 326px; width: 326px;
height: 73px; height: 73px;
opacity: 1; opacity: 1;
left: 69px; left: 69px;
top: 39px; top: 39px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
font-size: 28px; font-size: 28px;
color: rgba(87, 75, 69, 1); color: rgba(87, 75, 69, 1);
} }
} }
.getcatgo { .getcatgo {
width: 282px; width: 282px;
height: 106px; height: 106px;
opacity: 1; opacity: 1;
left: 107px; left: 107px;
top: 565px; top: 565px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
} <<<<<<< HEAD
\ No newline at end of file <<<<<<< HEAD
}============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
}
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
...@@ -5,23 +5,68 @@ import resList from '../../resconfig/resList'; ...@@ -5,23 +5,68 @@ import resList from '../../resconfig/resList';
import './comrecallcat.less'; import './comrecallcat.less';
class Comrecallcat extends Component { class Comrecallcat extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = this.state || { resList: resList }; <<<<<<< HEAD
} <<<<<<< HEAD
render() { this.state = this.state || { resList: resList };
return ( ============
<div className="recallcat"> >>>>>>>>
<img className="recallcatbg" src={this.state.resList['40cac443-7998-4c2a-8f9c-38121b2385e3'].url} /> <<<<<<< HEAD
<span className="recallcatbacklabel">猫咪预计 1 小时 23 分 后回寝</span> ============
<span className="recallcathappycoin">101010</span> ============
<div className="recallbtngroup"> >>>>>>>>
<img className="recallbtncancel" src={this.state.resList['6957d9f3-9aa4-4ed6-9b83-57cc68f16512'].url} /> this.state = { resList: resList };
<img className="recallbtngo" src={this.state.resList['6d8cdd11-fbc5-4e84-b5ef-1f74c9070738'].url} /> <<<<<<< HEAD
</div> >>>>>>>>
<img className="recallbtnclose" src={this.state.resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url} /> ============
</div> >>>>>>>>
); }
} render() {
return (
<<<<<<< HEAD
<<<<<<< HEAD
<div className="recallcat">
<img className="recallcatbg" src={this.state.resList['40cac443-7998-4c2a-8f9c-38121b2385e3'].url} />
<span className="recallcatbacklabel">猫咪预计 1 小时 23 分 后回寝</span>
<span className="recallcathappycoin">101010</span>
<div className="recallbtngroup">
<img className="recallbtncancel" src={this.state.resList['6957d9f3-9aa4-4ed6-9b83-57cc68f16512'].url} />
<img className="recallbtngo" src={this.state.resList['6d8cdd11-fbc5-4e84-b5ef-1f74c9070738'].url} />
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<div className="recallcat ">
<img className="recallcatbg " src={this.state.resList['40cac443-7998-4c2a-8f9c-38121b2385e3'].url} />
<span className="recallcatbacklabel ">猫咪预计 1 小时 23 分 后回寝</span>
<span className="recallcathappycoin ">101010</span>
<div className="recallbtngroup ">
<img className="recallbtncancel " src={this.state.resList['6957d9f3-9aa4-4ed6-9b83-57cc68f16512'].url} />
<img className="recallbtngo " src={this.state.resList['6d8cdd11-fbc5-4e84-b5ef-1f74c9070738'].url} />
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
<<<<<<< HEAD
<<<<<<< HEAD
<img className="recallbtnclose" src={this.state.resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url} />
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<img className="recallbtnclose " src={this.state.resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url} />
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
);
}
} }
export default Comrecallcat; export default Comrecallcat;
.recallcat { .recallcat {
width: 721px; width: 721px;
height: 562px; height: 562px;
opacity: 1; opacity: 1;
left: 18px; left: 18px;
top: 392px; top: 392px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.recallcatbg { .recallcatbg {
width: 721px; width: 721px;
height: 562px; height: 562px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.recallcatbacklabel { .recallcatbacklabel {
width: 615px; width: 615px;
height: 25px; height: 25px;
opacity: 1; opacity: 1;
left: 52px; left: 52px;
top: 335px; top: 335px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
font-size: 26px; font-size: 26px;
color: rgba(104, 91, 78, 1); color: rgba(104, 91, 78, 1);
text-align: center; text-align: center;
} }
.recallcathappycoin { .recallcathappycoin {
width: 119px; width: 119px;
height: 29px; height: 29px;
opacity: 1; opacity: 1;
left: 265px; left: 265px;
top: 250px; <<<<<<< HEAD
position: absolute; <<<<<<< HEAD
transform-origin: 0px 0px 0px; top: 250px;
font-size: 36px; ============
color: rgba(231, 72, 70, 1); >>>>>>>>
} <<<<<<< HEAD
.recallbtngroup { ============
width: 608px; ============
height: 105px; >>>>>>>>
opacity: 1; top: 235px;
left: 54px; <<<<<<< HEAD
top: 421px; >>>>>>>>
position: absolute; ============
transform-origin: 0px 0px 0px; >>>>>>>>
.recallbtncancel { position: absolute;
width: 281px; transform-origin: 0px 0px 0px;
height: 105px; font-size: 36px;
opacity: 1; color: rgba(231, 72, 70, 1);
position: absolute; <<<<<<< HEAD
transform-origin: 0px 0px 0px; <<<<<<< HEAD
} ============
.recallbtngo { ============
width: 281px; >>>>>>>>
height: 105px; text-align: center;
opacity: 1; <<<<<<< HEAD
left: 327px; >>>>>>>>
position: absolute; ============
transform-origin: 0px 0px 0px; >>>>>>>>
} }
} .recallbtngroup {
.recallbtnclose { width: 608px;
width: 44px; height: 105px;
height: 44px; opacity: 1;
opacity: 1; left: 54px;
display: block; top: 421px;
left: 624px; position: absolute;
top: 38px; transform-origin: 0px 0px 0px;
position: absolute; .recallbtncancel {
transform-origin: 0px 0px 0px; width: 281px;
} height: 105px;
} opacity: 1;
\ No newline at end of file position: absolute;
transform-origin: 0px 0px 0px;
}
.recallbtngo {
width: 281px;
height: 105px;
opacity: 1;
left: 327px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.recallbtnclose {
width: 44px;
height: 44px;
opacity: 1;
display: block;
left: 624px;
top: 38px;
position: absolute;
transform-origin: 0px 0px 0px;
}
<<<<<<< HEAD
<<<<<<< HEAD
}============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
}
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
...@@ -5,41 +5,149 @@ import resList from '../../resconfig/resList'; ...@@ -5,41 +5,149 @@ import resList from '../../resconfig/resList';
import './comselectcat.less'; import './comselectcat.less';
class Comselectcat extends Component { class Comselectcat extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = this.state || { resList: resList }; <<<<<<< HEAD
} <<<<<<< HEAD
render() { this.state = this.state || { resList: resList };
return ( ============
<div className="selectcat"> >>>>>>>>
<img className="selectcatbg" src={this.state.resList['db53267d-4141-4d3e-afda-9b523c89be3e'].url} /> <<<<<<< HEAD
<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> this.state = { resList: resList };
<img className="bluesure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} /> <<<<<<< HEAD
</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>
);
}
} }
render() {
return (
<<<<<<< HEAD
<<<<<<< HEAD
<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} />
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<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} />
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
<<<<<<< HEAD
<<<<<<< HEAD
<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} />
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<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} />
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
<<<<<<< HEAD
<<<<<<< HEAD
<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} />
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<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} />
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
<<<<<<< HEAD
<<<<<<< HEAD
<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} />
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<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} />
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
<<<<<<< HEAD
<<<<<<< HEAD
<img className="selectcattrue" src={this.state.resList['628fc38b-7dc0-4c69-aac1-279d60c8f1ed'].url} />
============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
<img className="selectcattrue " src={this.state.resList['628fc38b-7dc0-4c69-aac1-279d60c8f1ed'].url} />
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
</div>
);
}
}
<<<<<<< HEAD
<<<<<<< HEAD
export default Comselectcat;============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
export default Comselectcat; export default Comselectcat;
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
.selectcat { .selectcat {
width: 721px; width: 721px;
height: 943px; height: 943px;
opacity: 1; opacity: 1;
left: 15px; left: 15px;
top: 300px; top: 300px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.selectcatbg { .selectcatbg {
width: 721px; width: 721px;
height: 943px; height: 943px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
left: 0px; left: 0px;
top: 0px; top: 0px;
} }
.selectcatblue { .selectcatblue {
width: 303px; width: 303px;
height: 272px; height: 272px;
opacity: 1; opacity: 1;
left: 377px; left: 377px;
top: 501px; top: 501px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.bluebg { .bluebg {
width: 303px; width: 303px;
height: 272px; height: 272px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.blueimg { .blueimg {
width: 161px; width: 161px;
height: 145px; height: 145px;
opacity: 1; opacity: 1;
left: 68px; left: 68px;
top: 32px; top: 32px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.bluename { .bluename {
width: 244px; width: 244px;
height: 26px; height: 26px;
opacity: 1; opacity: 1;
left: 26px; left: 26px;
top: 198px; top: 198px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
font-size: 28px; font-size: 28px;
color: rgba(104, 91, 78, 1); color: rgba(104, 91, 78, 1);
text-align: center; text-align: center;
} }
.bluesure { .bluesure {
width: 68px; width: 68px;
height: 53px; height: 53px;
opacity: 1; opacity: 1;
left: 224px; left: 224px;
top: 172px; top: 172px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
} }
.selectcatsh { .selectcatsh {
width: 302px; width: 302px;
height: 272px; height: 272px;
opacity: 1; opacity: 1;
left: 43px; left: 43px;
top: 501px; top: 501px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.shbg { .shbg {
width: 302px; width: 302px;
height: 272px; height: 272px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.shimg { .shimg {
width: 173px; width: 173px;
height: 138px; height: 138px;
opacity: 1; opacity: 1;
left: 59px; left: 59px;
top: 43px; top: 43px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.shname { .shname {
width: 244px; width: 244px;
height: 26px; height: 26px;
opacity: 1; opacity: 1;
left: 26px; left: 26px;
top: 198px; top: 198px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
font-size: 28px; font-size: 28px;
color: rgba(104, 91, 78, 1); color: rgba(104, 91, 78, 1);
text-align: center; text-align: center;
} }
.shsure { .shsure {
width: 68px; width: 68px;
height: 53px; height: 53px;
opacity: 1; opacity: 1;
left: 224px; left: 224px;
top: 172px; top: 172px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
} }
.selectcatxl { .selectcatxl {
width: 303px; width: 303px;
height: 271px; height: 271px;
opacity: 1; opacity: 1;
left: 377px; left: 377px;
top: 197px; top: 197px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.xlbg { .xlbg {
width: 303px; width: 303px;
height: 271px; height: 271px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.xlimg { .xlimg {
width: 157px; width: 157px;
height: 153px; height: 153px;
opacity: 1; opacity: 1;
left: 72px; left: 72px;
top: 29px; top: 29px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.xlname { .xlname {
width: 244px; width: 244px;
height: 26px; height: 26px;
opacity: 1; opacity: 1;
left: 26px; left: 26px;
top: 198px; top: 198px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
font-size: 28px; font-size: 28px;
color: rgba(104, 91, 78, 1); color: rgba(104, 91, 78, 1);
text-align: center; text-align: center;
} }
.xlsure { .xlsure {
width: 68px; width: 68px;
height: 53px; height: 53px;
opacity: 1; opacity: 1;
left: 224px; left: 224px;
top: 172px; top: 172px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
} }
.selectcatorge { .selectcatorge {
width: 302px; width: 302px;
height: 271px; height: 271px;
opacity: 1; opacity: 1;
left: 43px; left: 43px;
top: 197px; top: 197px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
.orgebg { .orgebg {
width: 302px; width: 302px;
height: 271px; height: 271px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.orgeimg { .orgeimg {
width: 164px; width: 164px;
height: 141px; height: 141px;
opacity: 1; opacity: 1;
left: 67px; left: 67px;
top: 36px; top: 36px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
.orgename { .orgename {
width: 244px; width: 244px;
height: 26px; height: 26px;
opacity: 1; opacity: 1;
left: 26px; left: 26px;
top: 198px; top: 198px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
font-size: 28px; font-size: 28px;
color: rgba(104, 91, 78, 1); color: rgba(104, 91, 78, 1);
text-align: center; text-align: center;
} }
.orgesure { .orgesure {
width: 68px; width: 68px;
height: 53px; height: 53px;
opacity: 1; opacity: 1;
left: 224px; left: 224px;
top: 172px; top: 172px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
} }
.selectcattrue { .selectcattrue {
width: 352px; width: 352px;
height: 106px; height: 106px;
opacity: 1; opacity: 1;
left: 185px; left: 185px;
top: 804px; top: 804px;
position: absolute; position: absolute;
transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px;
} }
} <<<<<<< HEAD
\ No newline at end of file <<<<<<< HEAD
}============
>>>>>>>>
<<<<<<< HEAD
============
============
>>>>>>>>
}
<<<<<<< HEAD
>>>>>>>>
============
>>>>>>>>
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comtask.less';
class Comtask extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="task ">
<img className="task_bg " src={this.state.resList['7d24398f-622f-4f20-9d7e-2d7237d7bc6b'].url} />
<img className="task_close " src={this.state.resList['33778cbf-8c4f-4d6f-a8e8-9ebc6f0c5cd0'].url} />
<div className="task_item ">
<img className="task_itembg " src={this.state.resList['b44bac8c-652f-496d-9bc1-165e30d71b02'].url} />
<img className="task_receivebtn " src={this.state.resList['b9f1cc3f-4620-44d8-85ae-187be0745ace'].url} />
<img className="task_gobtn " src={this.state.resList['9ee176ed-5204-4524-97f9-bf17ee698aa8'].url} />
<img className="task_disabedbtn " src={this.state.resList['0e0684af-21c7-48e2-9114-8599c1de33f1'].url} />
<img className="task_sginicon " src={this.state.resList['ca4c78b3-caf5-435b-ba32-f187f24d1795'].url} />
<img className="task_inviteicon " src={this.state.resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url} />
<img className="task_focusicon " src={this.state.resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url} />
<img className="task_readicon " src={this.state.resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url} />
<span className="task_title ">签到</span>
<span className="task_award ">精力 +10</span>
<span className="task_progress ">(10/10)</span>
</div>
</div>
);
}
}
export default Comtask;
.task {
width: 750px;
height: 792px;
opacity: 1;
top: 832px;
position: absolute;
transform-origin: 0px 0px 0px;
.task_bg {
width: 750px;
height: 792px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_close {
width: 57px;
height: 57px;
opacity: 1;
left: 684px;
top: 53px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_item {
width: 668px;
height: 141px;
opacity: 1;
left: 41px;
top: 162px;
position: absolute;
transform-origin: 0px 0px 0px;
.task_itembg {
width: 668px;
height: 141px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_receivebtn {
width: 165px;
height: 61px;
opacity: 1;
left: 479px;
top: 25px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_gobtn {
width: 165px;
height: 61px;
opacity: 1;
left: 479px;
top: 25px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_disabedbtn {
width: 165px;
height: 61px;
opacity: 1;
left: 479px;
top: 26px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_sginicon {
width: 90px;
height: 91px;
opacity: 1;
left: 25px;
top: 25px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_inviteicon {
width: 90px;
height: 91px;
opacity: 1;
left: 25px;
top: 25px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_focusicon {
width: 90px;
height: 91px;
opacity: 1;
left: 25px;
top: 25px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_readicon {
width: 90px;
height: 91px;
opacity: 1;
left: 25px;
top: 25px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.task_title {
width: 52px;
height: 26px;
opacity: 1;
left: 139px;
top: 36px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.task_award {
width: 118px;
height: 24px;
opacity: 1;
left: 138px;
top: 78px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(57, 171, 237, 1);
}
.task_progress {
width: 90px;
height: 22px;
opacity: 1;
left: 517px;
top: 95px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(104, 91, 78, 1);
}
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagedan_chuang11.less';
class Pagedan_chuang11 extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="dan_chuang11 ">
<div className="ju_xing3090 " />
</div>
);
}
}
export default Pagedan_chuang11;
.dan_chuang11 {
width: 921px;
height: 1758px;
opacity: 1;
left: -38px;
top: -44px;
position: absolute;
transform-origin: 0px 0px 0px;
display: none;
.ju_xing3090 {
width: 921px;
height: 1758px;
opacity: 0.5019607843137255;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(0, 0, 0, 1);
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagedui_huan_cheng_gong.less';
class Pagedui_huan_cheng_gong extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="dui_huan_cheng_gong ">
<img className="di47 " src={this.state.resList['05c4f778-f591-4c20-9788-705961908161'].url} />
<img
className="yuan_jiao_ju_xing119746 "
src={this.state.resList['563b6c6c-020c-4224-9e27-18e40ec924ab'].url}
/>
<span className="huo_dexxxx ">获得 XXXX</span>
<span className="jiang_pin_tu_pian45 ">奖品图片</span>
<img className="an_niu44 " src={this.state.resList['b701826c-63c5-4490-a380-52f273dad9af'].url} />
</div>
);
}
}
export default Pagedui_huan_cheng_gong;
.dui_huan_cheng_gong {
width: 750px;
height: 1093px;
opacity: 1;
top: 221px;
position: absolute;
transform-origin: 0px 0px 0px;
.di47 {
width: 750px;
height: 1093px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.yuan_jiao_ju_xing119746 {
width: 362px;
height: 301px;
opacity: 1;
left: 196px;
top: 376px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.huo_dexxxx {
width: 164px;
height: 35px;
opacity: 1;
left: 295px;
top: 315px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 36px;
color: rgba(231, 72, 70, 1);
}
.jiang_pin_tu_pian45 {
width: 138px;
height: 31px;
opacity: 1;
left: 308px;
top: 511px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 12.14767px;
color: rgba(104, 91, 78, 1);
}
.an_niu44 {
width: 351px;
height: 105px;
opacity: 1;
left: 201px;
top: 773px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagemao_mi_de_liu_yan.less';
class Pagemao_mi_de_liu_yan extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="mao_mi_de_liu_yan ">
<img className="di51 " src={this.state.resList['ed31e83e-535d-45bf-ba5b-20827a4cd104'].url} />
<span className="mao_mi_ming_zi_liu ">猫咪名字 留</span>
<img className="an_niu50 " src={this.state.resList['c68019be-dab4-42bc-bacd-d56091f8d3c2'].url} />
<span className="label ">铲屎官,俺出去逛逛,</span>
</div>
);
}
}
export default Pagemao_mi_de_liu_yan;
.mao_mi_de_liu_yan {
width: 676px;
height: 650px;
opacity: 1;
left: 40px;
top: 418px;
position: absolute;
transform-origin: 0px 0px 0px;
.di51 {
width: 676px;
height: 650px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.mao_mi_ming_zi_liu {
width: 142px;
height: 25px;
opacity: 1;
left: 268px;
top: 355px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(104, 91, 78, 1);
}
.an_niu50 {
width: 352px;
height: 106px;
opacity: 1;
left: 161px;
top: 510px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.label {
width: 578px;
height: 58px;
opacity: 1;
display: block;
left: 52px;
top: 148px;
position: absolute;
font-size: 36px;
color: rgba(undefined, undefined, undefined, undefined);
transform-origin: 0px 0px 0px;
text-align: center;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagemao_mi_sheng_ji.less';
class Pagemao_mi_sheng_ji extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="mao_mi_sheng_ji ">
<img className="di34 " src={this.state.resList['2c67981f-5186-4b18-bf0b-ccc6a79192bf'].url} />
<span className="jing_li_shang_xian1200_jing_li_shang_xian1500 ">精力上限1200 → 精力上限1500</span>
<span className="huo_de_sheng_ji_li_bao ">获得升级礼包</span>
<img
className="yuan_jiao_ju_xing119733 "
src={this.state.resList['563b6c6c-020c-4224-9e27-18e40ec924ab'].url}
/>
<span className="jiang_pin_tu_pian32 ">奖品图片</span>
<img className="an_niu31 " src={this.state.resList['b701826c-63c5-4490-a380-52f273dad9af'].url} />
</div>
);
}
}
export default Pagemao_mi_sheng_ji;
.mao_mi_sheng_ji {
width: 750px;
height: 1093px;
opacity: 1;
top: 221px;
position: absolute;
transform-origin: 0px 0px 0px;
.di34 {
width: 750px;
height: 1093px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jing_li_shang_xian1200_jing_li_shang_xian1500 {
width: 371px;
height: 26px;
opacity: 1;
left: 191px;
top: 711px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(87, 71, 56, 1);
}
.huo_de_sheng_ji_li_bao {
width: 206px;
height: 35px;
opacity: 1;
left: 274px;
top: 314px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 36px;
color: rgba(231, 72, 70, 1);
}
.yuan_jiao_ju_xing119733 {
width: 362px;
height: 301px;
opacity: 1;
left: 196px;
top: 376px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jiang_pin_tu_pian32 {
width: 138px;
height: 31px;
opacity: 1;
left: 308px;
top: 511px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 12.14767px;
color: rgba(104, 91, 78, 1);
}
.an_niu31 {
width: 351px;
height: 105px;
opacity: 1;
left: 201px;
top: 773px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagemei_ri_ren_wu.less';
class Pagemei_ri_ren_wu extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="mei_ri_ren_wu ">
<img className="di84 " src={this.state.resList['b91a1bd5-2962-4f1a-81f6-065c18c84b60'].url} />
<img className="cha_cha " src={this.state.resList['170e23fc-4e05-4dea-bbc4-96f11e632e99'].url} />
<div className="tu_ceng178 ">
<img className="di83 " src={this.state.resList['5bae0e46-a031-46e9-b63c-0912da12c627'].url} />
<img className="tu_biao82 " src={this.state.resList['9ba15e89-1667-4c66-9865-36fd161dd781'].url} />
<img className="zhi_hui_an_niu " src={this.state.resList['f4913b2f-7ebc-4430-8e53-052b914b2cb7'].url} />
<div className="wen_an80 ">
<span className="qian_dao ">签到</span>
<span className="jing_li1081 ">精力 +10</span>
</div>
<span className="tu_ceng101079 ">(10/10)</span>
</div>
<div className="tu_ceng272 ">
<img className="di77 " src={this.state.resList['37893a10-1f25-4b9d-b1e3-c1f51d959b67'].url} />
<div className="wen_an75 ">
<span className="yao_qing_hao_you ">邀请好友</span>
<span className="jing_li1076 ">精力 +10</span>
</div>
<img className="tu_biao74 " src={this.state.resList['7636eaba-d8d6-4016-ac79-5087b3571d0f'].url} />
<img className="dian_liang_an_niu " src={this.state.resList['fbcdff91-9a4c-4e57-aaf2-9dad2d2da4bf'].url} />
<span className="tu_ceng101073 ">(10/10)</span>
</div>
<div className="tu_ceng365 ">
<img className="di71 " src={this.state.resList['37893a10-1f25-4b9d-b1e3-c1f51d959b67'].url} />
<div className="wen_an69 ">
<span className="shou_cang_shang_pin ">收藏商品</span>
<span className="jing_li1070 ">精力 +10</span>
</div>
<img className="tu_biao68 " src={this.state.resList['a3c512dd-83b4-466a-858b-8cd8bcb2f902'].url} />
<img className="an_niu67 " src={this.state.resList['88a046c2-df78-46e8-b7ba-6f1b3a77bce7'].url} />
<span className="tu_ceng101066 ">(10/10)</span>
</div>
<div className="tu_ceng458 ">
<img className="di64 " src={this.state.resList['37893a10-1f25-4b9d-b1e3-c1f51d959b67'].url} />
<img className="an_niu63 " src={this.state.resList['76eee716-8182-4eeb-86ab-2bc8529b1bc4'].url} />
<div className="wen_an60 ">
<span className="qu_tian_mao_xiao_yuan_dian_ka_pei_xiao_fei ">去天猫校园店/咖啡消费</span>
<span className="tu_ceng101062 ">(10/10)</span>
<span className="jing_li1061 ">精力 +10</span>
</div>
<img className="tu_biao59 " src={this.state.resList['8848a9b1-9b47-4490-b43b-71b296d925a8'].url} />
</div>
<div className="tu_ceng5 ">
<img className="di57 " src={this.state.resList['37893a10-1f25-4b9d-b1e3-c1f51d959b67'].url} />
<div className="wen_an55 ">
<span className="tian_mao_dian_pu_xiao_fei ">天猫店铺消费</span>
<span className="jing_li1056 ">精力 +10</span>
</div>
<img className="tu_biao54 " src={this.state.resList['978986db-0de3-4bac-b455-c8ee35f4b3de'].url} />
<img className="ling_qu_an_niu " src={this.state.resList['7596e77c-eb19-465c-94c7-d7a76a5c7932'].url} />
<span className="tu_ceng101053 ">(10/10)</span>
</div>
<div className="ti_shi1 ">
<img className="di52 " src={this.state.resList['c6625a32-6100-47e6-a9ed-cd146a7f4bd8'].url} />
<span className="jing_li_da_dao_shang_shang_xian_liao_wu_fa_ling_qu_miao ">
精力达到上上限了,无法领取喵~
</span>
</div>
</div>
);
}
}
export default Pagemei_ri_ren_wu;
.mei_ri_ren_wu {
width: 750px;
height: 948px;
opacity: 1;
top: 676px;
position: absolute;
transform-origin: 0px 0px 0px;
.di84 {
width: 750px;
height: 948px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.cha_cha {
width: 57px;
height: 57px;
opacity: 1;
left: 684px;
top: 53px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng178 {
width: 670px;
height: 143px;
opacity: 1;
left: 40px;
top: 161px;
position: absolute;
transform-origin: 0px 0px 0px;
.di83 {
width: 670px;
height: 143px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_biao82 {
width: 90px;
height: 91px;
opacity: 1;
left: 26px;
top: 26px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zhi_hui_an_niu {
width: 165px;
height: 61px;
opacity: 1;
left: 480px;
top: 27px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wen_an80 {
width: 118px;
height: 66px;
opacity: 1;
left: 139px;
top: 37px;
position: absolute;
transform-origin: 0px 0px 0px;
.qian_dao {
width: 52px;
height: 26px;
opacity: 1;
left: 1px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.jing_li1081 {
width: 118px;
height: 24px;
opacity: 1;
top: 42px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(57, 171, 237, 1);
}
}
.tu_ceng101079 {
width: 90px;
height: 22px;
opacity: 1;
left: 518px;
top: 96px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(104, 91, 78, 1);
}
}
.tu_ceng272 {
width: 670px;
height: 143px;
opacity: 1;
left: 40px;
top: 313px;
position: absolute;
transform-origin: 0px 0px 0px;
.di77 {
width: 670px;
height: 143px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wen_an75 {
width: 118px;
height: 66px;
opacity: 1;
left: 139px;
top: 37px;
position: absolute;
transform-origin: 0px 0px 0px;
.yao_qing_hao_you {
width: 109px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.jing_li1076 {
width: 118px;
height: 24px;
opacity: 1;
top: 42px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(57, 171, 237, 1);
}
}
.tu_biao74 {
width: 90px;
height: 91px;
opacity: 1;
left: 26px;
top: 26px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.dian_liang_an_niu {
width: 165px;
height: 61px;
opacity: 1;
left: 480px;
top: 27px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng101073 {
width: 90px;
height: 22px;
opacity: 1;
left: 518px;
top: 95px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(104, 91, 78, 1);
}
}
.tu_ceng365 {
width: 670px;
height: 143px;
opacity: 1;
left: 40px;
top: 465px;
position: absolute;
transform-origin: 0px 0px 0px;
.di71 {
width: 670px;
height: 143px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wen_an69 {
width: 118px;
height: 66px;
opacity: 1;
left: 139px;
top: 37px;
position: absolute;
transform-origin: 0px 0px 0px;
.shou_cang_shang_pin {
width: 107px;
height: 27px;
opacity: 1;
left: 1px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.jing_li1070 {
width: 118px;
height: 24px;
opacity: 1;
top: 42px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(57, 171, 237, 1);
}
}
.tu_biao68 {
width: 90px;
height: 91px;
opacity: 1;
left: 26px;
top: 26px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niu67 {
width: 165px;
height: 61px;
opacity: 1;
left: 480px;
top: 27px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng101066 {
width: 90px;
height: 22px;
opacity: 1;
left: 518px;
top: 95px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(104, 91, 78, 1);
}
}
.tu_ceng458 {
width: 670px;
height: 143px;
opacity: 1;
left: 40px;
top: 617px;
position: absolute;
transform-origin: 0px 0px 0px;
.di64 {
width: 670px;
height: 143px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niu63 {
width: 165px;
height: 61px;
opacity: 1;
left: 480px;
top: 27px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wen_an60 {
width: 469px;
height: 82px;
opacity: 1;
left: 139px;
top: 37px;
position: absolute;
transform-origin: 0px 0px 0px;
.qu_tian_mao_xiao_yuan_dian_ka_pei_xiao_fei {
width: 287px;
height: 27px;
opacity: 1;
left: 1px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.tu_ceng101062 {
width: 90px;
height: 22px;
opacity: 1;
left: 379px;
top: 60px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(104, 91, 78, 1);
}
.jing_li1061 {
width: 118px;
height: 24px;
opacity: 1;
top: 42px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(57, 171, 237, 1);
}
}
.tu_biao59 {
width: 90px;
height: 91px;
opacity: 1;
left: 26px;
top: 26px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.tu_ceng5 {
width: 670px;
height: 143px;
opacity: 1;
left: 40px;
top: 769px;
position: absolute;
transform-origin: 0px 0px 0px;
.di57 {
width: 670px;
height: 143px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wen_an55 {
width: 163px;
height: 66px;
opacity: 1;
left: 139px;
top: 39px;
position: absolute;
transform-origin: 0px 0px 0px;
.tian_mao_dian_pu_xiao_fei {
width: 162px;
height: 27px;
opacity: 1;
left: 1px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.jing_li1056 {
width: 116px;
height: 24px;
opacity: 1;
top: 42px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(57, 171, 237, 1);
}
}
.tu_biao54 {
width: 90px;
height: 91px;
opacity: 1;
left: 26px;
top: 26px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ling_qu_an_niu {
width: 165px;
height: 61px;
opacity: 1;
left: 480px;
top: 27px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng101053 {
width: 90px;
height: 22px;
opacity: 1;
left: 518px;
top: 96px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(104, 91, 78, 1);
}
}
.ti_shi1 {
width: 465px;
height: 42px;
opacity: 1;
left: 144px;
top: 278px;
position: absolute;
transform-origin: 0px 0px 0px;
.di52 {
width: 465px;
height: 42px;
opacity: 0.8;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jing_li_da_dao_shang_shang_xian_liao_wu_fa_ling_qu_miao {
width: 348px;
height: 24px;
opacity: 1;
left: 59px;
top: 8px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(248, 241, 235, 1);
}
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pageshop.less';
class Pageshop extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="shop ">
<img className="shopbg " src={this.state.resList['da6bc001-768a-4b1c-95af-a9a8853ef6f9'].url} />
<div className="shopitem ">
<img className="shopitem_bg2 " src={this.state.resList['a5230993-3870-4a91-bdd1-ffc4782770d0'].url} />
<img className="shopitem_bg1 " src={this.state.resList['dd4ee407-16e4-4cb7-9eba-365b33f466a3'].url} />
<img className="shopitem_disabledbtn " src={this.state.resList['8d08152f-311a-446a-a15a-ff02ebed0139'].url} />
<img className="shopitem_buybtn " src={this.state.resList['dd8ea96e-e33f-4f5d-b31f-29f332c3c867'].url} />
<span className="shopitem_txt ">101010</span>
<span className="shopitem_name ">商品名商品名商品名</span>
</div>
<span className="shop_gold ">101010</span>
<img className="shop_backbtn " src={this.state.resList['bdab9777-8a4d-4659-ba23-66aaddb7fa5b'].url} />
</div>
);
}
}
export default Pageshop;
.shop {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.shopbg {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem {
width: 309px;
height: 324px;
opacity: 1;
left: 54px;
top: 254px;
position: absolute;
transform-origin: 0px 0px 0px;
.shopitem_bg2 {
width: 309px;
height: 324px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem_bg1 {
width: 224px;
height: 161px;
opacity: 1;
left: 45px;
top: 29px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem_disabledbtn {
width: 209px;
height: 60px;
opacity: 1;
left: 49px;
top: 241px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem_buybtn {
width: 217px;
height: 68px;
opacity: 1;
left: 45px;
top: 237px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem_txt {
width: 88px;
height: 20px;
opacity: 1;
left: 136px;
top: 261px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 21.79723px;
color: rgba(71, 69, 67, 1);
}
.shopitem_name {
width: 209px;
height: 23px;
opacity: 1;
left: 51px;
top: 203px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20.12052px;
color: rgba(71, 69, 67, 1);
}
}
.shop_gold {
width: 98px;
height: 21px;
opacity: 1;
left: 348px;
top: 151px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 23.47394px;
color: rgba(123, 100, 78, 1);
}
.shop_backbtn {
width: 67px;
height: 67px;
opacity: 1;
left: 48px;
top: 41px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagetian_mao_xiao_yuan_you_xi_ye_xing_huo.less';
class Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="tian_mao_xiao_yuan_you_xi_ye_xing_huo ">
<div className="you_xi_ye1 ">
<div className="chang_jing ">
<img className="qin_shi " src={this.state.resList['ceb650c2-9620-4b5b-ad34-c95af25d77ce'].url} />
<img className="cao_chang " src={this.state.resList['52c9cc35-c220-4dac-9c26-639b88a043b3'].url} />
<img className="jiao_shi " src={this.state.resList['3ebdda49-754c-42e5-bfb3-daefa9835fb5'].url} />
</div>
<div className="mao_de_zhuang_tai ">
<img className="wan_shua_mao " src={this.state.resList['483dbc34-2962-4483-8968-71e3cc5182b9'].url} />
<img className="mo_tou_mao " src={this.state.resList['42c18212-4b77-4374-9f6f-85dd3a51231b'].url} />
<img className="shui_jue_mao " src={this.state.resList['8177c25e-479a-4159-89c5-19553dfed48c'].url} />
<img className="shuo_hua_mao " src={this.state.resList['23c9550c-72a6-427f-aa1b-50373559a485'].url} />
<img className="shu_mao_mao " src={this.state.resList['f33f7958-d257-4908-9ec1-a2da61d964ae'].url} />
<img className="lu_mao_mao " src={this.state.resList['90cfa014-f89b-4bea-9f47-f44d4c1b6389'].url} />
</div>
<div className="liu_yan_xin_feng_dim ">
<div className="di9 ">
<img className="xia " src={this.state.resList['a2b95a3b-6e0a-492a-9a86-d01a6faf8cb4'].url} />
<div className="zi_tiao ">
<img className="ju_xing3591 " src={this.state.resList['e4dbd57c-f431-42e7-bbab-c12f09077d73'].url} />
<img className="tuo_yuan753 " src={this.state.resList['9b4f0172-309b-46b4-aabe-a05c1559953d'].url} />
<span className="chan_shi_guan_shou ">铲屎官收</span>
</div>
<div className="shang ">
<img className="ju_xing3590 " src={this.state.resList['a8495fbc-0762-4995-94d6-ea26bb272c8c'].url} />
<img
className="xing_zhuang3593 "
src={this.state.resList['4399e878-934c-41e6-bada-a886ebedb7fe'].url}
/>
</div>
</div>
<span className="dian_ji_xin_feng_da_kai_kan_kan ">点击信封打开看看</span>
</div>
<div className="tu_biao ">
<img className="shu_maoicon " src={this.state.resList['aa17cfa9-f1db-47eb-9eeb-f5947b7f47a8'].url} />
<img className="lu_maoicon " src={this.state.resList['0b44efa9-1e8a-4c43-a2a5-93852d88918c'].url} />
<img className="mo_tou_shaicon " src={this.state.resList['b7ec0f16-ea48-4e41-8def-7cc660fa93d7'].url} />
<img className="wan_shuaicon " src={this.state.resList['922deced-62d2-4995-9dd6-82bc7913f362'].url} />
<img className="fan_huiicon " src={this.state.resList['55f703cd-f0d2-4ec1-9430-6193c1cbc1cb'].url} />
<img className="jiang_pinicon " src={this.state.resList['e8b083c7-307a-4446-9bc9-99f75c3573e5'].url} />
<img className="gong_lueicon " src={this.state.resList['e636bd22-361f-442a-8684-ccfe1141485a'].url} />
<img
className="bu_chong_jing_liicon "
src={this.state.resList['cdb8e186-9872-442e-b71e-bba0a9ce5846'].url}
/>
<div className="tou_xiangicon ">
<div className="tou_xiang6 ">
<img className="di8 " src={this.state.resList['af4b699e-5152-4571-8c54-1c06eabf19e9'].url} />
<div className="tou_xiang7 ">
<img className="tuo_yuan591 " src={this.state.resList['da6cd2f6-d145-40eb-a3a4-8063452101a7'].url} />
<img className="tu_ceng592 " src={this.state.resList['f13fb0bb-6ad4-4494-bc78-bdf5cbaf8b0d'].url} />
</div>
<span className="xia_tiao_tiao ">虾条条</span>
<span className="lv1 ">Lv.1</span>
</div>
</div>
<div className="ji_fenicon ">
<img className="di5 " src={this.state.resList['f0810375-c8f1-4939-9b11-1cbde6840e2a'].url} />
<span className="tu_ceng101010 ">101010</span>
</div>
<div className="jin_du_tiao2 ">
<div className="zu265 ">
<img className="di4 " src={this.state.resList['fa59e617-f1d9-4065-85e1-6f6ebefb230f'].url} />
<img className="jin_du_tiao3 " src={this.state.resList['e00aee6d-2a90-4e92-b365-f031320d582c'].url} />
<img className="mao_zhua " src={this.state.resList['0eb9c19f-248e-4bf1-bffb-ea694a94b16f'].url} />
</div>
<span className="jing_li12001500 ">精力 1200 / 1500</span>
<img className="dui_hua_kuang " src={this.state.resList['74c7c0ac-885c-4dc3-b72d-d2ec32a53558'].url} />
</div>
</div>
<img className="ti_shi " src={this.state.resList['bcaf3af2-5ac6-4169-90ed-4333858e2521'].url} />
</div>
</div>
);
}
}
export default Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo;
.tian_mao_xiao_yuan_you_xi_ye_xing_huo {
top: 0px;
left: 0px;
width: 750px;
height: 1624px;
display: block;
position: absolute;
transform-origin: 0px 0px 0px;
.you_xi_ye1 {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.chang_jing {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.qin_shi {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
}
.cao_chang {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: none;
}
.jiao_shi {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: none;
left: 0px;
top: 0px;
}
}
.mao_de_zhuang_tai {
width: 457px;
height: 474px;
opacity: 1;
left: 146px;
top: 586px;
position: absolute;
transform-origin: 0px 0px 0px;
.wan_shua_mao {
width: 457px;
height: 305px;
opacity: 1;
top: 132px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.mo_tou_mao {
width: 410px;
height: 379px;
opacity: 1;
left: 24px;
top: 95px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shui_jue_mao {
width: 394px;
height: 276px;
opacity: 1;
left: 39px;
top: 171px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shuo_hua_mao {
width: 411px;
height: 471px;
opacity: 1;
left: 23px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shu_mao_mao {
width: 362px;
height: 438px;
opacity: 1;
left: 57px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.lu_mao_mao {
width: 426px;
height: 279px;
opacity: 1;
left: 16px;
top: 187px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.liu_yan_xin_feng_dim {
width: 381px;
height: 297px;
opacity: 1;
left: 198px;
top: 718px;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
.di9 {
width: 381px;
height: 266px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.xia {
width: 290px;
height: 235px;
opacity: 1;
left: 47px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zi_tiao {
width: 241px;
height: 207px;
opacity: 1;
left: 70px;
top: 45px;
position: absolute;
transform-origin: 0px 0px 0px;
.ju_xing3591 {
width: 241px;
height: 207px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tuo_yuan753 {
width: 65px;
height: 59px;
opacity: 1;
left: 84px;
top: 45px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.chan_shi_guan_shou {
width: 123px;
height: 31px;
opacity: 1;
left: 58px;
top: 51px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(71, 69, 67, 1);
}
}
.shang {
width: 381px;
height: 180px;
opacity: 1;
top: 86px;
position: absolute;
transform-origin: 0px 0px 0px;
.ju_xing3590 {
width: 291px;
height: 167px;
opacity: 1;
left: 45px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.xing_zhuang3593 {
width: 381px;
height: 85px;
opacity: 1;
top: 95px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
.dian_ji_xin_feng_da_kai_kan_kan {
width: 187px;
height: 24px;
opacity: 1;
left: 92px;
top: 273px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(248, 241, 235, 1);
}
}
.tu_biao {
width: 750px;
height: 1288px;
opacity: 1;
left: 50px;
top: 75px;
position: absolute;
transform-origin: 0px 0px 0px;
.shu_maoicon {
width: 127px;
height: 121px;
opacity: 1;
left: 12px;
top: 1165px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.lu_maoicon {
width: 127px;
height: 121px;
opacity: 1;
left: 160px;
top: 1165px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.mo_tou_shaicon {
width: 128px;
height: 121px;
opacity: 1;
left: 160px;
top: 1165px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.wan_shuaicon {
width: 128px;
height: 121px;
opacity: 1;
left: 160px;
top: 1165px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.fan_huiicon {
width: 128px;
height: 121px;
opacity: 1;
left: 12px;
top: 1165px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jiang_pinicon {
width: 97px;
height: 82px;
opacity: 1;
left: 524px;
top: 382px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.gong_lueicon {
width: 97px;
height: 82px;
opacity: 1;
left: 524px;
top: 257px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.bu_chong_jing_liicon {
width: 142px;
height: 130px;
opacity: 1;
left: 489px;
top: 1158px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tou_xiangicon {
width: 276px;
height: 211px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
.tou_xiang6 {
width: 276px;
height: 211px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.di8 {
width: 257px;
height: 66px;
opacity: 1;
left: 19px;
top: 145px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tou_xiang7 {
width: 142px;
height: 208px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
display: none;
.tuo_yuan591 {
width: 60px;
height: 60px;
opacity: 1;
left: 22px;
top: 148px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng592 {
width: 142px;
height: 206px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.xia_tiao_tiao {
width: 70px;
height: 23px;
opacity: 1;
left: 95px;
top: 167px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(71, 69, 67, 1);
}
.lv1 {
width: 46px;
height: 18px;
opacity: 1;
left: 192px;
top: 170px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(71, 69, 67, 1);
}
}
}
.ji_fenicon {
width: 216px;
height: 67px;
opacity: 1;
left: 415px;
top: 144px;
position: absolute;
transform-origin: 0px 0px 0px;
.di5 {
width: 216px;
height: 67px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng101010 {
width: 91px;
height: 20px;
opacity: 1;
left: 99px;
top: 24px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 21.79723px;
color: rgba(71, 69, 67, 1);
}
}
.jin_du_tiao2 {
width: 631px;
height: 156px;
opacity: 1;
left: 10px;
top: 986px;
position: absolute;
transform-origin: 0px 0px 0px;
.zu265 {
width: 631px;
height: 76px;
opacity: 1;
top: 47px;
position: absolute;
transform-origin: 0px 0px 0px;
.di4 {
width: 622px;
height: 60px;
opacity: 1;
top: 9px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jin_du_tiao3 {
width: 604px;
height: 42px;
opacity: 1;
left: 9px;
top: 18px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.mao_zhua {
width: 90px;
height: 76px;
opacity: 1;
left: 541px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.jing_li12001500 {
width: 214px;
height: 24px;
opacity: 1;
left: 209px;
top: 132px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(71, 69, 67, 1);
line-height: 1px;
}
.dui_hua_kuang {
width: 274px;
height: 54px;
opacity: 1;
left: 174px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
.ti_shi {
width: 243px;
height: 29px;
opacity: 0.8;
left: 256px;
top: 1377px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagetian_mao_xiao_yuanloading_ye.less';
class Pagetian_mao_xiao_yuanloading_ye extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="tian_mao_xiao_yuanloading_ye ">
<div className="loding_ye11 ">
<img className="loading_di " src={this.state.resList['42084cc4-390d-4eee-8392-fbbe2e59455e'].url} />
<img
className="loading_dui_hua_kuang "
src={this.state.resList['1857a043-27d7-4925-9535-acb70ae3e90e'].url}
/>
<div className="jin_du_tiaoloading ">
<img className="loding_tiao_di " src={this.state.resList['bd699d4f-af43-463f-b2ba-43e2803228a1'].url} />
<img className="jin_du_tiao4 " src={this.state.resList['efc21755-0441-41d5-b56f-d177026342d4'].url} />
<img className="zhua_zi " src={this.state.resList['d01a19e5-fa4f-40b9-a6dc-9d21e0cc756e'].url} />
</div>
<span className="mao_mi_jing_li_tiao_hui_fu_man_hou_jiu_bu_zai_hui_fu_liao_e ">
猫咪精力条恢复满后就不再恢复了哦~
</span>
<img className="mo_tou_mao2 " src={this.state.resList['4e3c6e09-0593-4818-976a-d73fe588580b'].url} />
</div>
</div>
);
}
}
export default Pagetian_mao_xiao_yuanloading_ye;
.tian_mao_xiao_yuanloading_ye {
top: 0px;
left: 0px;
width: 750px;
height: 1624px;
display: none;
position: absolute;
.loding_ye11 {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.loading_di {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.loading_dui_hua_kuang {
width: 365px;
height: 90px;
opacity: 1;
left: 268px;
top: 695px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jin_du_tiaoloading {
width: 631px;
height: 76px;
opacity: 1;
left: 65px;
top: 1043px;
position: absolute;
transform-origin: 0px 0px 0px;
.loding_tiao_di {
width: 622px;
height: 59px;
opacity: 1;
top: 10px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jin_du_tiao4 {
width: 604px;
height: 41px;
opacity: 1;
left: 9px;
top: 19px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.zhua_zi {
width: 90px;
height: 76px;
opacity: 1;
left: 541px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.mao_mi_jing_li_tiao_hui_fu_man_hou_jiu_bu_zai_hui_fu_liao_e {
width: 453px;
height: 26px;
opacity: 1;
left: 150px;
top: 1134px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 5.8843px;
color: rgba(71, 69, 67, 1);
}
.mo_tou_mao2 {
width: 563px;
height: 196px;
opacity: 1;
left: 91px;
top: 792px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagewo_de_jiang_pin.less';
class Pagewo_de_jiang_pin extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="wo_de_jiang_pin ">
<img className="bei_jing51 " src={this.state.resList['6d21c615-b90f-45c8-ba39-df49ac167cf2'].url} />
<div className="tu_ceng121 ">
<img className="di " src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url} />
<div className="ju_xing150 " />
<div className="zu847 ">
<span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng49 ">显示后台配置的奖品名称</span>
<span className="qing_yu20202301420_qian_ling_qu48 ">请于2020.2.30 14:20前领取</span>
<img className="icon " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
</div>
<img className="li_ji_ling_qu " src={this.state.resList['e2db27e8-051d-472f-a966-ac9acfbf8398'].url} />
</div>
<div className="tu_ceng21 ">
<img
className="yuan_jiao_ju_xing86046 "
src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
/>
<div className="ju_xing145 " />
<div className="zu842 ">
<span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng44 ">显示后台配置的奖品名称</span>
<span className="qing_yu20202301420_qian_ling_qu43 ">请于2020.2.30 14:20前领取</span>
</div>
<img className="yi_ling_qu " src={this.state.resList['1c6b7b34-4d98-4a59-adf3-f3a99a8e2433'].url} />
<img className="hei_bai1_kao_bei41 " />
</div>
<div className="tu_ceng31 ">
<img
className="yuan_jiao_ju_xing86040 "
src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
/>
<div className="ju_xing139 " />
<div className="zu836 ">
<span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng38 ">显示后台配置的奖品名称</span>
<span className="qing_yu20202301420_qian_ling_qu37 ">请于2020.2.30 14:20前领取</span>
</div>
<img className="chong_xin_ling_qu " src={this.state.resList['0b73b3d9-fe14-4718-b98f-4af789883849'].url} />
</div>
<div className="tu_ceng41 ">
<img
className="yuan_jiao_ju_xing86035 "
src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
/>
<div className="ju_xing134 " />
<div className="zu831 ">
<span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng33 ">显示后台配置的奖品名称</span>
<span className="qing_yu20202301420_qian_ling_qu32 ">请于2020.2.30 14:20前领取</span>
</div>
<img className="fu_you_fei_ling_qu " src={this.state.resList['21a09955-5fa9-46ee-9078-3a7e07494d9e'].url} />
</div>
<div className="tu_ceng51 ">
<img
className="yuan_jiao_ju_xing86030 "
src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
/>
<div className="ju_xing129 " />
<div className="zu826 ">
<span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng28 ">显示后台配置的奖品名称</span>
<span className="qing_yu20202301420_qian_ling_qu27 ">请于2020.2.30 14:20前领取</span>
<span className="shi_bai_wen_an_miao_shu ">失败文案描述</span>
</div>
<img className="ling_qu_shi_bai25 " src={this.state.resList['74c28c99-adb9-4f95-86bd-547ee30831e8'].url} />
<img className="hei_bai1_kao_bei24 " />
</div>
<div className="tu_ceng61 ">
<img
className="yuan_jiao_ju_xing86023 "
src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
/>
<div className="ju_xing122 " />
<div className="zu819 ">
<span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng21 ">显示后台配置的奖品名称</span>
<span className="qing_yu20202301420_qian_ling_qu20 ">请于2020.2.30 14:20前领取</span>
</div>
<img className="ling_qu_shi_bai18 " src={this.state.resList['1993e8f1-375d-4386-b63d-f85745da93aa'].url} />
</div>
<div className="tu_ceng91 ">
<img
className="yuan_jiao_ju_xing86017 "
src={this.state.resList['eef9788e-5126-4e80-bf34-0a2616e32c54'].url}
/>
<div className="ju_xing116 " />
<div className="zu814 ">
<span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng15 ">显示后台配置的奖品名称</span>
<span className="jiang_pin_yi_guo_qi_shi_xiao ">奖品已过期失效</span>
<span className="jiang_pin_bian_ma202020202020200202 ">奖品编码:202020202020200202</span>
<img className="iconcopy " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
</div>
<img className="yi_shi_xiao " src={this.state.resList['765898fe-3e98-4090-9a5f-b5749fc5911b'].url} />
</div>
<img className="iconcopy_kao_bei " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
<img className="iconcopy_kao_bei2 " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
<img className="iconcopy_kao_bei3 " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
<img className="iconcopy_kao_bei4 " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
<img className="iconcopy_kao_bei5 " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
</div>
);
}
}
export default Pagewo_de_jiang_pin;
.wo_de_jiang_pin {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing51 {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tu_ceng121 {
width: 702px;
height: 162px;
opacity: 1;
left: 24px;
top: 136px;
position: absolute;
transform-origin: 0px 0px 0px;
.di {
width: 702px;
height: 162px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ju_xing150 {
width: 122px;
height: 122px;
opacity: 1;
left: 26px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(245, 245, 245, 1);
}
.zu847 {
width: 329px;
height: 69px;
opacity: 1;
left: 168px;
top: 50px;
position: absolute;
transform-origin: 0px 0px 0px;
.xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng49 {
width: 299px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(58, 58, 58, 1);
}
.qing_yu20202301420_qian_ling_qu48 {
width: 212px;
height: 17px;
opacity: 1;
left: 2px;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(58, 58, 58, 1);
}
.icon {
width: 20px;
height: 20px;
opacity: 1;
left: 309px;
top: 49px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.li_ji_ling_qu {
width: 153px;
height: 48px;
opacity: 1;
left: 522px;
top: 59px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.tu_ceng21 {
width: 702px;
height: 162px;
opacity: 1;
left: 24px;
top: 320px;
position: absolute;
transform-origin: 0px 0px 0px;
.yuan_jiao_ju_xing86046 {
width: 702px;
height: 162px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ju_xing145 {
width: 122px;
height: 122px;
opacity: 1;
left: 26px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(245, 245, 245, 1);
}
.zu842 {
width: 299px;
height: 61px;
opacity: 1;
left: 168px;
top: 50px;
position: absolute;
transform-origin: 0px 0px 0px;
.xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng44 {
width: 299px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(58, 58, 58, 1);
}
.qing_yu20202301420_qian_ling_qu43 {
width: 212px;
height: 17px;
opacity: 1;
left: 2px;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(58, 58, 58, 1);
}
}
.yi_ling_qu {
width: 154px;
height: 49px;
opacity: 1;
left: 521px;
top: 57px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.hei_bai1_kao_bei41 {
width: 0px;
height: 0px;
opacity: 1;
left: -24px;
top: -320px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.tu_ceng31 {
width: 702px;
height: 162px;
opacity: 1;
left: 24px;
top: 505px;
position: absolute;
transform-origin: 0px 0px 0px;
.yuan_jiao_ju_xing86040 {
width: 702px;
height: 162px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ju_xing139 {
width: 122px;
height: 122px;
opacity: 1;
left: 26px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(245, 245, 245, 1);
}
.zu836 {
width: 299px;
height: 61px;
opacity: 1;
left: 168px;
top: 50px;
position: absolute;
transform-origin: 0px 0px 0px;
.xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng38 {
width: 299px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(58, 58, 58, 1);
}
.qing_yu20202301420_qian_ling_qu37 {
width: 212px;
height: 17px;
opacity: 1;
left: 2px;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(58, 58, 58, 1);
}
}
.chong_xin_ling_qu {
width: 154px;
height: 49px;
opacity: 1;
left: 521px;
top: 57px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.tu_ceng41 {
width: 702px;
height: 162px;
opacity: 1;
left: 24px;
top: 689px;
position: absolute;
transform-origin: 0px 0px 0px;
.yuan_jiao_ju_xing86035 {
width: 702px;
height: 162px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ju_xing134 {
width: 122px;
height: 122px;
opacity: 1;
left: 26px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(245, 245, 245, 1);
}
.zu831 {
width: 299px;
height: 61px;
opacity: 1;
left: 168px;
top: 50px;
position: absolute;
transform-origin: 0px 0px 0px;
.xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng33 {
width: 299px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(58, 58, 58, 1);
}
.qing_yu20202301420_qian_ling_qu32 {
width: 212px;
height: 17px;
opacity: 1;
left: 2px;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(58, 58, 58, 1);
}
}
.fu_you_fei_ling_qu {
width: 154px;
height: 49px;
opacity: 1;
left: 521px;
top: 57px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.tu_ceng51 {
width: 702px;
height: 162px;
opacity: 1;
left: 24px;
top: 873px;
position: absolute;
transform-origin: 0px 0px 0px;
.yuan_jiao_ju_xing86030 {
width: 702px;
height: 162px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ju_xing129 {
width: 122px;
height: 122px;
opacity: 1;
left: 26px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(245, 245, 245, 1);
}
.zu826 {
width: 484px;
height: 70px;
opacity: 1;
left: 168px;
top: 50px;
position: absolute;
transform-origin: 0px 0px 0px;
.xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng28 {
width: 299px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(58, 58, 58, 1);
}
.qing_yu20202301420_qian_ling_qu27 {
width: 212px;
height: 17px;
opacity: 1;
left: 2px;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(58, 58, 58, 1);
}
.shi_bai_wen_an_miao_shu {
width: 107px;
height: 17px;
opacity: 1;
left: 377px;
top: 53px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(58, 58, 58, 1);
}
}
.ling_qu_shi_bai25 {
width: 154px;
height: 49px;
opacity: 1;
left: 521px;
top: 48px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.hei_bai1_kao_bei24 {
width: 0px;
height: 0px;
opacity: 1;
left: -24px;
top: -873px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.tu_ceng61 {
width: 702px;
height: 162px;
opacity: 1;
left: 24px;
top: 1057px;
position: absolute;
transform-origin: 0px 0px 0px;
.yuan_jiao_ju_xing86023 {
width: 702px;
height: 162px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ju_xing122 {
width: 122px;
height: 122px;
opacity: 1;
left: 26px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(245, 245, 245, 1);
}
.zu819 {
width: 299px;
height: 61px;
opacity: 1;
left: 168px;
top: 50px;
position: absolute;
transform-origin: 0px 0px 0px;
.xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng21 {
width: 299px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(58, 58, 58, 1);
}
.qing_yu20202301420_qian_ling_qu20 {
width: 212px;
height: 17px;
opacity: 1;
left: 2px;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(58, 58, 58, 1);
}
}
.ling_qu_shi_bai18 {
width: 154px;
height: 49px;
opacity: 1;
left: 521px;
top: 57px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.tu_ceng91 {
width: 702px;
height: 163px;
opacity: 1;
left: 24px;
top: 1240px;
position: absolute;
transform-origin: 0px 0px 0px;
.yuan_jiao_ju_xing86017 {
width: 702px;
height: 163px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ju_xing116 {
width: 122px;
height: 123px;
opacity: 1;
left: 26px;
top: 20px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(245, 245, 245, 1);
}
.zu814 {
width: 329px;
height: 91px;
opacity: 1;
left: 168px;
top: 36px;
position: absolute;
transform-origin: 0px 0px 0px;
.xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng15 {
width: 299px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(58, 58, 58, 1);
}
.jiang_pin_yi_guo_qi_shi_xiao {
width: 139px;
height: 19px;
opacity: 1;
top: 72px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20px;
color: rgba(58, 58, 58, 1);
}
.jiang_pin_bian_ma202020202020200202 {
width: 292px;
height: 19px;
opacity: 1;
top: 43px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20px;
color: rgba(58, 58, 58, 1);
}
.iconcopy {
width: 20px;
height: 20px;
opacity: 1;
left: 309px;
top: 41px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.yi_shi_xiao {
width: 154px;
height: 49px;
opacity: 1;
left: 521px;
top: 58px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.iconcopy_kao_bei {
width: 20px;
height: 20px;
opacity: 1;
left: 501px;
top: 1146px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.iconcopy_kao_bei2 {
width: 20px;
height: 20px;
opacity: 1;
left: 501px;
top: 969px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.iconcopy_kao_bei3 {
width: 20px;
height: 20px;
opacity: 1;
left: 501px;
top: 778px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.iconcopy_kao_bei4 {
width: 20px;
height: 20px;
opacity: 1;
left: 501px;
top: 600px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.iconcopy_kao_bei5 {
width: 20px;
height: 20px;
opacity: 1;
left: 501px;
top: 416px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagewu_liu_dan_chuang1.less';
class Pagewu_liu_dan_chuang1 extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="wu_liu_dan_chuang1 ">
<img className="mask " src={this.state.resList['9e9e71a6-9764-4740-9de9-827e06853d80'].url} />
<div className="yi_fa_huov ">
<img className="bei_jing13 " src={this.state.resList['59417914-0a16-4ce9-ae6b-8adcd73787e1'].url} />
<div className="jiang_pin_tu_pian12 " />
<div className="wen_zi9 ">
<span className="yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming11 ">一个长达十二个字的奖品名</span>
<span className="jiang_pin_bian_ma202020202020202010 ">奖品编码:2020202020202020</span>
<span className="fa_huo_zhuang_tai_yi_fa_huo ">发货状态:已发货</span>
<span className="wu_liu_dan_hao234868903238748990 ">物流单号:234868903238748990</span>
</div>
<img
className="an_niu_guan_bi_dan_chuang8 "
src={this.state.resList['adc09482-392c-47ca-88ec-b3c15acb7039'].url}
/>
</div>
<div className="dai_fa_huov ">
<img className="bei_jing7 " src={this.state.resList['d4acd4e4-169d-417a-8c18-44efc33b4c7f'].url} />
<div className="jiang_pin_tu_pian6 " />
<div className="wen_zi3 ">
<span className="yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming5 ">一个长达十二个字的奖品名</span>
<span className="jiang_pin_bian_ma20202020202020204 ">奖品编码:2020202020202020</span>
<span className="fa_huo_zhuang_tai_dai_fa_huo ">发货状态:待发货</span>
<span className="wen_xin_ti_xing_jiang_pin_jiang_zai_huo_dong_jie_shu7_tian_nei_lu_xu_fa_chu ">
温馨提醒:奖品将在活动结束7天内陆续发出
</span>
</div>
<img
className="an_niu_guan_bi_dan_chuang2 "
src={this.state.resList['adc09482-392c-47ca-88ec-b3c15acb7039'].url}
/>
</div>
</div>
);
}
}
export default Pagewu_liu_dan_chuang1;
.wu_liu_dan_chuang1 {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.mask {
width: 750px;
height: 1624px;
opacity: 0.7019607843137254;
position: absolute;
transform-origin: 0px 0px 0px;
}
.yi_fa_huov {
width: 655px;
height: 314px;
opacity: 1;
left: 52px;
top: 486px;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing13 {
width: 645px;
height: 244px;
opacity: 1;
top: 70px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jiang_pin_tu_pian12 {
width: 146px;
height: 146px;
opacity: 1;
left: 45px;
top: 117px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(244, 244, 244, 1);
}
.wen_zi9 {
width: 328px;
height: 139px;
opacity: 1;
left: 213px;
top: 119px;
position: absolute;
transform-origin: 0px 0px 0px;
.yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming11 {
width: 324px;
height: 27px;
opacity: 1;
left: 4px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(51, 51, 51, 1);
}
.jiang_pin_bian_ma202020202020202010 {
width: 291px;
height: 20px;
opacity: 1;
top: 51px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20px;
color: rgba(149, 149, 149, 1);
}
.fa_huo_zhuang_tai_yi_fa_huo {
width: 159px;
height: 20px;
opacity: 1;
top: 85px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20px;
color: rgba(149, 149, 149, 1);
}
.wu_liu_dan_hao234868903238748990 {
width: 314px;
height: 20px;
opacity: 1;
top: 119px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20px;
color: rgba(149, 149, 149, 1);
}
}
.an_niu_guan_bi_dan_chuang8 {
width: 50px;
height: 50px;
opacity: 0.5019607843137255;
left: 605px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.dai_fa_huov {
width: 655px;
height: 314px;
opacity: 1;
left: 52px;
top: 486px;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing7 {
width: 645px;
height: 244px;
opacity: 1;
top: 70px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jiang_pin_tu_pian6 {
width: 146px;
height: 146px;
opacity: 1;
left: 45px;
top: 117px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(244, 244, 244, 1);
}
.wen_zi3 {
width: 389px;
height: 139px;
opacity: 1;
left: 213px;
top: 119px;
position: absolute;
transform-origin: 0px 0px 0px;
.yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming5 {
width: 324px;
height: 27px;
opacity: 1;
left: 4px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(51, 51, 51, 1);
}
.jiang_pin_bian_ma20202020202020204 {
width: 291px;
height: 20px;
opacity: 1;
top: 51px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20px;
color: rgba(149, 149, 149, 1);
}
.fa_huo_zhuang_tai_dai_fa_huo {
width: 159px;
height: 20px;
opacity: 1;
top: 85px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20px;
color: rgba(149, 149, 149, 1);
}
.wen_xin_ti_xing_jiang_pin_jiang_zai_huo_dong_jie_shu7_tian_nei_lu_xu_fa_chu {
width: 388px;
height: 20px;
opacity: 1;
left: 1px;
top: 119px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20px;
color: rgba(149, 149, 149, 1);
}
}
.an_niu_guan_bi_dan_chuang2 {
width: 50px;
height: 50px;
opacity: 0.5019607843137255;
left: 605px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pageyou_xi_gui_ze.less';
class Pageyou_xi_gui_ze extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="you_xi_gui_ze ">
<img className="di85 " src={this.state.resList['41365963-7e27-42a2-963d-157d40b0fb6d'].url} />
<img className="jin_du_tiao " src={this.state.resList['617927a2-2dd6-456a-9d92-1f607a137dbc'].url} />
<span className="you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui ">
游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则
</span>
</div>
);
}
}
export default Pageyou_xi_gui_ze;
.you_xi_gui_ze {
width: 721px;
height: 559px;
opacity: 1;
left: 18px;
top: 392px;
position: absolute;
transform-origin: 0px 0px 0px;
display: block;
.di85 {
width: 721px;
height: 559px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jin_du_tiao {
width: 13px;
height: 69px;
opacity: 1;
left: 667px;
top: 168px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui {
width: 574px;
height: 279px;
opacity: 1;
left: 76px;
top: 167px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(104, 91, 78, 1);
}
}
This diff is collapsed.
This diff is collapsed.
...@@ -27,7 +27,7 @@ page { ...@@ -27,7 +27,7 @@ page {
left: 50%; left: 50%;
margin-left:-375rpx; margin-left:-375rpx;
margin-top:-812rpx; margin-top:-812rpx;
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.5);
} }
.btn:active { .btn:active {
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
"pages/pagecanvas/pagecanvas", "pages/pagecanvas/pagecanvas",
"pages/pageshop/pageshop", "pages/pageshop/pageshop",
"pages/index/index", "pages/index/index",
"pages/pageshop/pageshop",
"pages/myprize/myprize" "pages/myprize/myprize"
], ],
"window": { "window": {
......
.exchanged {
width: 750rpx;
height: 1093rpx;
opacity: 1;
top: 50%;
margin-top: -550rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.exchanged .exchanged_bg {
width: 750rpx;
height: 1093rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.exchanged .exchanged_imgbg {
width: 360rpx;
height: 299rpx;
opacity: 1;
left: 197rpx;
top: 377rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.exchanged .exchanged_close {
width: 45rpx;
height: 45rpx;
opacity: 1;
left: 584rpx;
top: 236rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.exchanged .exchanged_title {
width: 164rpx;
height: 35rpx;
opacity: 1;
left: 295rpx;
top: 315rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 36rpx;
color: #e74846;
}
.exchanged .exchanged_btn {
width: 351rpx;
height: 105rpx;
opacity: 1;
left: 201rpx;
top: 773rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="exchanged">
<image class="exchanged_bg " src={{resList['65d97f17-4b35-4ba7-b21b-7ec0bfac6639'].url}} />
<image class="exchanged_imgbg " src={{resList['e0ce2abf-64d3-40f3-a016-c7fb7772b3f6'].url}} />
<image class="exchanged_close " onTap="onModalClose" src={{resList['06f8e9d0-f0bf-41d3-bbc2-8a782eacae59'].url}} />
<label class="exchanged_title ">{{mydata.name}}</label>
<image class="exchanged_btn " onTap="onModalClose" src={{resList['923ae629-84ed-406d-b3cb-258742ffa2ba'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: { mydata:null},
data: {
resList: resList,
},
methods: {
// onBtnClick() {
// console.log('onBtnClick');
// this.onModalClose();
// },
onModalClose() {
const { onModalClose } = this.props;
onModalClose && onModalClose();
console.log('onModalClose')
}
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<image class="levelup_light " src={{resList['a158cbff-9dcd-49df-bb91-16213d58036e'].url}} /> <image class="levelup_light " src={{resList['a158cbff-9dcd-49df-bb91-16213d58036e'].url}} />
<image class="levelup_bg " src={{resList['b027d194-0fad-45ea-8b1c-3502f7869d2d'].url}} /> <image class="levelup_bg " src={{resList['b027d194-0fad-45ea-8b1c-3502f7869d2d'].url}} />
<image class="levelup_bg2 " src={{resList['f88dfc75-c9f1-4e9d-8826-8a1d0e513259'].url}} /> <image class="levelup_bg2 " src={{resList['f88dfc75-c9f1-4e9d-8826-8a1d0e513259'].url}} />
<label class="levelup_txt ">精力上限1200 → 精力上限1500</label> <label class="levelup_txt ">{{mydata.tips}}</label>
<image class="levelup_title " src={{resList['69bff61a-b5a6-4979-ba8d-9e008aed737a'].url}} /> <image class="levelup_title " src={{resList['69bff61a-b5a6-4979-ba8d-9e008aed737a'].url}} />
<image class="levelup_imgbg " src={{resList['f56872e2-5e79-4906-99a2-576231f153af'].url}} /> <image class="levelup_imgbg " src={{resList['f56872e2-5e79-4906-99a2-576231f153af'].url}} />
<image class="levelup_btn " onTap="onBtnClick" src={{resList['95520b55-9655-4988-a833-3907978dbffb'].url}} /> <image class="levelup_btn " onTap="onBtnClick" src={{resList['95520b55-9655-4988-a833-3907978dbffb'].url}} />
......
...@@ -2,7 +2,9 @@ ...@@ -2,7 +2,9 @@
import resList from '../../resconfig/resList'; import resList from '../../resconfig/resList';
Component({ Component({
props: {}, props: {
mydata:{}
},
data: { data: {
resList: resList resList: resList
}, },
......
This diff is collapsed.
<view class="taskcontainer ">
<view class="task ">
<image class="task_bg " src={{resList['7d24398f-622f-4f20-9d7e-2d7237d7bc6b'].url}} />
<image class="task_close " onTap="onModalClose" src={{resList['33778cbf-8c4f-4d6f-a8e8-9ebc6f0c5cd0'].url}} />
<view class="task_item ">
<image class="task_itembg " src={{resList['b44bac8c-652f-496d-9bc1-165e30d71b02'].url}} />
<image class="task_receivebtn " src={{resList['b9f1cc3f-4620-44d8-85ae-187be0745ace'].url}} />
<image class="task_gobtn " src={{resList['9ee176ed-5204-4524-97f9-bf17ee698aa8'].url}} />
<image class="task_disabedbtn " src={{resList['0e0684af-21c7-48e2-9114-8599c1de33f1'].url}} />
<image class="task_sginicon " src={{resList['ca4c78b3-caf5-435b-ba32-f187f24d1795'].url}} />
<image class="task_inviteicon " src={{resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url}} />
<image class="task_focusicon " src={{resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url}} />
<image class="task_readicon " src={{resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url}} />
<label class="task_title ">签到</label>
<label class="task_award ">精力 +10</label>
<label class="task_progress ">(10/10)</label>
</view>
</view>
</view>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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