Commit c050a908 authored by wangzhujun's avatar wangzhujun

资源导入

parent 6632a082
This source diff could not be displayed because it is too large. You can view the blob instead.
{"proName":"湖南口味王—520猜数游戏-20250409","proDesc":"","proPath":"/Users/duibagroup/Documents/口味王猜数字/湖南口味王-520猜数游戏-20250409","createTime":1744169151592}
{"proName":"湖南口味王—520猜数游戏-20250409","proDesc":"","proPath":"F:\\2025\\20250409口味王猜数","createTime":1744169151592}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './failpop.less';
@observer
class Failpop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="failpop modal_center">
<span className="bg"></span>
<span className="close"></span>
<span className="lab">本次我赚了xxxx</span>
<span className="goonbtn"></span>
<span className="endbtn"></span>
</div>
);
}
}
export default Failpop;
@import "../../res.less";
.failpop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 651px;
height: 486px;
left: 49px;
top: 515px;
position: absolute;
.sparkBg("failPop/bg.png");
}
.close {
width: 68px;
height: 68px;
left: 342px;
top: 1041px;
position: absolute;
.sparkBg("failPop/close.png");
}
.lab {
width: 259px;
height: 33px;
left: 253px;
top: 712px;
position: absolute;
font-size: 34px;
line-height: 33px;
color: rgba(255, 255, 255, 1);
}
.goonbtn {
width: 263px;
height: 86px;
left: 372px;
top: 820px;
position: absolute;
.sparkBg("failPop/goonbtn.png");
}
.endbtn {
width: 234px;
height: 81px;
left: 120px;
top: 822px;
position: absolute;
.sparkBg("failPop/endbtn.png");
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './homepahe.less';
@observer
class Homepahe extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="homepahe modal_center">
<span className="bg"></span>
<span className="show"></span>
<div className="infobox">
<span className="infobg"></span>
<span className="lab">我最高赚了xxxx</span>
</div>
<span className="gamebarbg"></span>
<div className="gamebar">
<span className="bardown"></span>
<span className="baron"></span>
<div className="boxitem">
<span className="open1"></span>
<span className="close1"></span>
<span className="open2"></span>
<span className="close2"></span>
<span className="open3"></span>
<span className="close3"></span>
<span className="open4"></span>
<span className="close4"></span>
<span className="score">200分</span>
<span className="prizebg"></span>
<span className="prize">100青果</span>
</div>
<span className="box1"></span>
<span className="box2"></span>
<span className="box3"></span>
<span className="box4"></span>
</div>
<span className="startbtn"></span>
<span className="title"></span>
<span className="rule"></span>
<span className="rank"></span>
<span className="detail"></span>
</div>
);
}
}
export default Homepahe;
@import "../../res.less";
.homepahe {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePahe/bg.png");
}
.show {
width: 482px;
height: 373px;
left: 155px;
top: 598px;
position: absolute;
.sparkBg("homePahe/show.png");
}
.infobox {
width: 734px;
height: 116px;
left: 13px;
top: 956px;
position: absolute;
.infobg {
width: 734px;
height: 116px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePahe/infobg.png");
}
.lab {
width: 202px;
height: 25px;
left: 265px;
top: 71px;
position: absolute;
font-size: 26px;
line-height: 25px;
color: rgba(102, 18, 17, 1);
}
}
.gamebarbg {
width: 640px;
height: 289px;
left: 52px;
top: 310px;
position: absolute;
.sparkBg("homePahe/gameBarbg.png");
}
.gamebar {
width: 571px;
height: 140px;
left: 88px;
top: 361px;
position: absolute;
.bardown {
width: 522px;
height: 49px;
left: 22px;
top: 49px;
position: absolute;
.sparkBg("homePahe/bardown.png");
}
.baron {
width: 486px;
height: 10px;
left: 36px;
top: 69px;
position: absolute;
.sparkBg("homePahe/baron.png");
}
.boxitem {
width: 102px;
height: 138px;
left: 0px;
top: 1px;
position: absolute;
.open1 {
width: 94px;
height: 93px;
left: 0px;
top: 23px;
position: absolute;
.sparkBg("homePahe/open1.png");
}
.close1 {
width: 75px;
height: 75px;
left: 10px;
top: 31px;
position: absolute;
.sparkBg("homePahe/close1.png");
}
.open2 {
width: 94px;
height: 93px;
left: 0px;
top: 23px;
position: absolute;
.sparkBg("homePahe/open2.png");
}
.close2 {
width: 75px;
height: 75px;
left: 10px;
top: 31px;
position: absolute;
.sparkBg("homePahe/close2.png");
}
.open3 {
width: 94px;
height: 93px;
left: 0px;
top: 23px;
position: absolute;
.sparkBg("homePahe/open3.png");
}
.close3 {
width: 75px;
height: 75px;
left: 10px;
top: 21px;
position: absolute;
.sparkBg("homePahe/close3.png");
}
.open4 {
width: 94px;
height: 93px;
left: 0px;
top: 23px;
position: absolute;
.sparkBg("homePahe/open4.png");
}
.close4 {
width: 75px;
height: 75px;
left: 10px;
top: 21px;
position: absolute;
.sparkBg("homePahe/close4.png");
}
.score {
width: 69px;
height: 20px;
left: 20px;
top: 0px;
position: absolute;
font-size: 21px;
line-height: 20px;
color: rgba(255, 255, 255, 1);
}
.prizebg {
width: 101px;
height: 30px;
left: 1px;
top: 108px;
position: absolute;
.sparkBg("homePahe/prizebg.png");
}
.prize {
width: 84px;
height: 20px;
left: 13px;
top: 114px;
position: absolute;
font-size: 20px;
line-height: 20px;
color: rgba(255, 255, 255, 1);
}
}
.box1 {
width: 102px;
height: 138px;
left: 0px;
top: 1px;
position: absolute;
.sparkBg("homePahe/box1.png");
}
.box2 {
width: 101px;
height: 140px;
left: 158px;
top: 0px;
position: absolute;
.sparkBg("homePahe/box2.png");
}
.box3 {
width: 101px;
height: 139px;
left: 326px;
top: 1px;
position: absolute;
.sparkBg("homePahe/box3.png");
}
.box4 {
width: 102px;
height: 139px;
left: 469px;
top: 1px;
position: absolute;
.sparkBg("homePahe/box4.png");
}
}
.startbtn {
width: 451px;
height: 128px;
left: 150px;
top: 1330px;
position: absolute;
.sparkBg("homePahe/startBtn.png");
}
.title {
width: 598px;
height: 206px;
left: 80px;
top: 107px;
position: absolute;
.sparkBg("homePahe/title.png");
}
.rule {
width: 102px;
height: 48px;
left: 499px;
top: 50px;
position: absolute;
.sparkBg("homePahe/rule.png");
}
.rank {
width: 102px;
height: 48px;
left: 621px;
top: 50px;
position: absolute;
.sparkBg("homePahe/rank.png");
}
.detail {
width: 180px;
height: 48px;
left: 25px;
top: 50px;
position: absolute;
.sparkBg("homePahe/detail.png");
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './rulepop.less';
@observer
class Rulepop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="rulepop modal_center">
<span className="close"></span>
<span className="bg"></span>
<span className="ruletxt">
这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则
</span>
</div>
);
}
}
export default Rulepop;
@import "../../res.less";
.rulepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.close {
width: 68px;
height: 68px;
left: 337px;
top: 1094px;
position: absolute;
.sparkBg("rulePop/close.png");
}
.bg {
width: 651px;
height: 637px;
left: 49px;
top: 421px;
position: absolute;
.sparkBg("rulePop/bg.png");
}
.ruletxt {
width: 516px;
height: 366px;
left: 120px;
top: 598px;
position: absolute;
font-size: 32px;
color: rgba(254, 254, 254, 1);
}
}
import React, { Component } from "react";
import Failpop from "../components/failpop/failpop";
import Successpop from "../components/successpop/successpop";
import Rulepop from "../components/rulepop/rulepop";
import Rankpage from "../pages/rankpage/rankpage";
import Detailpage from "../pages/detailpage/detailpage";
import './modal.less';
......@@ -11,7 +14,12 @@ import { toJS } from 'mobx';
export const cfg = {
Detailpage: Detailpage,
Rankpage: Rankpage
Rankpage: Rankpage,
Loading: Loading,
Homepahe: Homepahe,
Rulepop: Rulepop,
Successpop: Successpop,
Failpop: Failpop
};
@observer
......
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './loading.less';
@observer
class Loading extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="loading modal_center">
<span className="bg"></span>
<span className="title"></span>
<div className="loadbar">
<span className="bardown"></span>
<span className="baron"></span>
<span className="barnum">正在加载……</span>
<span className="ip"></span>
</div>
</div>
);
}
}
export default Loading;
@import "../../res.less";
.loading {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("loading/bg.png");
}
.title {
width: 643px;
height: 216px;
left: 59px;
top: 160px;
position: absolute;
.sparkBg("loading/title.png");
}
.loadbar {
width: 511px;
height: 117px;
left: 111px;
top: 526px;
position: absolute;
.bardown {
width: 511px;
height: 22px;
left: 0px;
top: 32px;
position: absolute;
.sparkBg("loading/bardown.png");
}
.baron {
width: 511px;
height: 22px;
left: 0px;
top: 32px;
position: absolute;
.sparkBg("loading/baron.png");
}
.barnum {
width: 179px;
height: 27px;
left: 178px;
top: 90px;
position: absolute;
font-size: 28px;
line-height: 27px;
color: rgba(255, 255, 255, 1);
}
.ip {
width: 74px;
height: 74px;
left: 256px;
top: 0px;
position: absolute;
.sparkBg("loading/ip.png");
}
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './successpop.less';
@observer
class Successpop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="successpop modal_center">
<span className="close"></span>
<span className="bg"></span>
<div className="barbox">
<span className="barbg"></span>
<span className="bar"></span>
</div>
<span className="btn"></span>
<span className="score">本次我赚了xxxx 获得200青果</span>
</div>
);
}
}
export default Successpop;
@import "../../res.less";
.successpop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.close {
width: 68px;
height: 68px;
left: 342px;
top: 1152px;
position: absolute;
.sparkBg("successPop/close.png");
}
.bg {
width: 651px;
height: 681px;
left: 49px;
top: 421px;
position: absolute;
.sparkBg("successPop/bg.png");
}
.barbox {
width: 538px;
height: 178px;
left: 103px;
top: 702px;
position: absolute;
.barbg {
width: 538px;
height: 178px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("successPop/barbg.png");
}
.bar {
width: 518px;
height: 133px;
left: 8px;
top: 25px;
position: absolute;
.sparkBg("successPop/bar.png");
}
}
.btn {
width: 320px;
height: 91px;
left: 213px;
top: 924px;
position: absolute;
.sparkBg("successPop/btn.png");
}
.score {
width: 259px;
height: 76px;
left: 253px;
top: 596px;
position: absolute;
font-size: 34px;
color: rgba(255, 255, 255, 1);
}
}
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