Commit 90e36ef6 authored by wangzhujun's avatar wangzhujun

1

parent 3f3ff842
{"proName":"未命名项目","proDesc":"","proPath":"/Users/duibagroup/Desktop/工作/普通项目/GSddp_20250218","createTime":1729847802806}
{"proName":"未命名项目","proDesc":"","proPath":"F:\\2025\\20250506泸州老窖贪吃蛇","createTime":1729847802806}
This diff is collapsed.
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './drawnoprizepop.less';
@observer
class Drawnoprizepop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="drawnoprizepop modal_center">
<span className="bg"></span>
<span className="close"></span>
<span className="btn"></span>
</div>
);
}
}
export default Drawnoprizepop;
@import "../../res.less";
.drawnoprizepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 534px;
height: 374px;
left: 107px;
top: 568px;
position: absolute;
.sparkBg("drawNoPrizePop/bg.png");
}
.close {
width: 70px;
height: 70px;
left: 339px;
top: 973px;
position: absolute;
.sparkBg("drawNoPrizePop/close.png");
}
.btn {
width: 349px;
height: 90px;
left: 200px;
top: 786px;
position: absolute;
.sparkBg("drawNoPrizePop/btn.png");
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './drawpop.less';
@observer
class Drawpop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="drawpop modal_center">
<span className="bg"></span>
<span className="boxs"></span>
<span className="title"></span>
<div className="drawbtn">
<span className="drawbg"></span>
<span className="drawnum">剩余次数:1</span>
</div>
<div className="prizelist">
<div className="prizeitem">
<span className="itembg"></span>
<span className="itemname">奖品名称</span>
</div>
<span className="prizeitem2"></span>
</div>
<span className="back"></span>
</div>
);
}
}
export default Drawpop;
@import "../../res.less";
.drawpop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 625px;
height: 888px;
left: 63px;
top: 325px;
position: absolute;
.sparkBg("drawPop/bg.png");
}
.boxs {
width: 412px;
height: 362px;
left: 177px;
top: 555px;
position: absolute;
.sparkBg("drawPop/boxs.png");
}
.title {
width: 374px;
height: 181px;
left: 175px;
top: 295px;
position: absolute;
.sparkBg("drawPop/title.png");
}
.drawbtn {
width: 383px;
height: 110px;
left: 183px;
top: 1077px;
position: absolute;
.drawbg {
width: 383px;
height: 110px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("drawPop/drawBg.png");
}
.drawnum {
width: 149px;
height: 20px;
left: 122px;
top: 67px;
position: absolute;
font-size: 20px;
line-height: 20px;
color: rgba(240, 35, 96, 1);
}
}
.prizelist {
width: 568px;
height: 145px;
left: 91px;
top: 1235px;
position: absolute;
.prizeitem {
width: 115px;
height: 142px;
left: 0px;
top: 0px;
position: absolute;
.itembg {
width: 115px;
height: 115px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("drawPop/itembg.png");
}
.itemname {
width: 92px;
height: 20px;
left: 17px;
top: 122px;
position: absolute;
font-size: 20px;
line-height: 20px;
color: rgba(240, 35, 96, 1);
}
}
.prizeitem2 {
width: 341px;
height: 145px;
left: 227px;
top: 0px;
position: absolute;
.sparkBg("drawPop/prizeItem2.png");
}
}
.back {
width: 73px;
height: 73px;
left: 48px;
top: 227px;
position: absolute;
.sparkBg("drawPop/back.png");
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './drawprizepop.less';
@observer
class Drawprizepop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="drawprizepop modal_center">
<span className="bg"></span>
<span className="close"></span>
<span className="btn"></span>
<span className="prizelight"></span>
<span className="prizieimg"></span>
<span className="prizename">奖品名称</span>
<span className="tips">奖品可在首页 我的奖品 中查看</span>
</div>
);
}
}
export default Drawprizepop;
@import "../../res.less";
.drawprizepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 534px;
height: 769px;
left: 107px;
top: 322px;
position: absolute;
.sparkBg("drawPrizePop/bg.png");
}
.close {
width: 70px;
height: 70px;
left: 339px;
top: 1116px;
position: absolute;
.sparkBg("drawPrizePop/close.png");
}
.btn {
width: 349px;
height: 90px;
left: 200px;
top: 896px;
position: absolute;
.sparkBg("drawPrizePop/btn.png");
}
.prizelight {
width: 610px;
height: 572px;
left: 140px;
top: 422px;
position: absolute;
.sparkBg("drawPrizePop/prizelight.png");
}
.prizieimg {
width: 163px;
height: 245px;
left: 290px;
top: 577px;
position: absolute;
.sparkBg("drawPrizePop/prizieimg.png");
}
.prizename {
width: 147px;
height: 33px;
left: 309px;
top: 837px;
position: absolute;
font-size: 35px;
line-height: 33px;
color: rgba(255, 255, 255, 1);
}
.tips {
width: 340px;
height: 23px;
left: 209px;
top: 1009px;
position: absolute;
opacity: 0.6;
font-size: 23px;
line-height: 23px;
color: rgba(255, 255, 255, 1);
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './endprizepop.less';
@observer
class Endprizepop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="endprizepop modal_center">
<span className="bg"></span>
<span className="rank">当前排名:NO.78</span>
<span className="prizenum"></span>
<span className="prizeinfo">恭喜获得抽奖机会</span>
<span className="scoretitle"></span>
<div className="score">
<span className="score1">167</span>
<span className="score2"></span>
</div>
<span className="prizeicon"></span>
<span className="btn"></span>
<span className="close"></span>
<span className="title"></span>
</div>
);
}
}
export default Endprizepop;
@import "../../res.less";
.endprizepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 444px;
height: 618px;
left: 153px;
top: 423px;
position: absolute;
.sparkBg("endPrizePop/bg.png");
}
.rank {
width: 233px;
height: 28px;
left: 264px;
top: 427px;
position: absolute;
font-size: 29px;
line-height: 28px;
color: rgba(255, 255, 255, 1);
}
.prizenum {
width: 42px;
height: 32px;
left: 490px;
top: 678px;
position: absolute;
.sparkBg("endPrizePop/prizeNum.png");
}
.prizeinfo {
width: 262px;
height: 31px;
left: 231px;
top: 678px;
position: absolute;
font-size: 32px;
line-height: 31px;
color: rgba(255, 255, 255, 1);
}
.scoretitle {
width: 183px;
height: 48px;
left: 282px;
top: 503px;
position: absolute;
.sparkBg("endPrizePop/scoretitle.png");
}
.score {
width: 190px;
height: 75px;
left: 283px;
top: 575px;
position: absolute;
.score1 {
width: 166px;
height: 75px;
left: 0px;
top: 0px;
position: absolute;
font-size: 96px;
line-height: 75px;
color: rgba(255, 255, 255, 1);
}
.score2 {
width: 42px;
height: 32px;
left: 158px;
top: 43px;
position: absolute;
font-size: 32px;
line-height: 32px;
color: rgba(255, 255, 255, 1);
}
}
.prizeicon {
width: 137px;
height: 140px;
left: 304px;
top: 738px;
position: absolute;
.sparkBg("endPrizePop/prizeIcon.png");
}
.btn {
width: 284px;
height: 90px;
left: 233px;
top: 904px;
position: absolute;
.sparkBg("endPrizePop/btn.png");
}
.close {
width: 70px;
height: 70px;
left: 341px;
top: 1065px;
position: absolute;
.sparkBg("endPrizePop/close.png");
}
.title {
width: 399px;
height: 66px;
left: 172px;
top: 335px;
position: absolute;
.sparkBg("endPrizePop/title.png");
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './ennoprizepop.less';
@observer
class Ennoprizepop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="ennoprizepop modal_center">
<span className="bg"></span>
<span className="rank">当前排名:NO.78</span>
<span className="tips">单局游戏分数达200 即可获得1次抽奖机会</span>
<span className="scoretitle"></span>
<div className="score">
<span className="score1">167</span>
<span className="score2"></span>
</div>
<span className="btn"></span>
<span className="close"></span>
<span className="title"></span>
</div>
);
}
}
export default Ennoprizepop;
@import "../../res.less";
.ennoprizepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 444px;
height: 472px;
left: 151px;
top: 535px;
position: absolute;
.sparkBg("enNoPrizePop/bg.png");
}
.rank {
width: 233px;
height: 28px;
left: 262px;
top: 539px;
position: absolute;
font-size: 29px;
line-height: 28px;
color: rgba(255, 255, 255, 1);
}
.tips {
width: 240px;
height: 54px;
left: 257px;
top: 807px;
position: absolute;
font-size: 20px;
color: rgba(255, 255, 255, 1);
}
.scoretitle {
width: 183px;
height: 48px;
left: 280px;
top: 615px;
position: absolute;
.sparkBg("enNoPrizePop/scoretitle.png");
}
.score {
width: 190px;
height: 75px;
left: 281px;
top: 695px;
position: absolute;
.score1 {
width: 166px;
height: 75px;
left: 0px;
top: 0px;
position: absolute;
font-size: 96px;
line-height: 75px;
color: rgba(255, 255, 255, 1);
}
.score2 {
width: 42px;
height: 32px;
left: 158px;
top: 43px;
position: absolute;
font-size: 32px;
line-height: 32px;
color: rgba(255, 255, 255, 1);
}
}
.btn {
width: 318px;
height: 80px;
left: 214px;
top: 887px;
position: absolute;
.sparkBg("enNoPrizePop/btn.png");
}
.close {
width: 70px;
height: 70px;
left: 340px;
top: 1023px;
position: absolute;
.sparkBg("enNoPrizePop/close.png");
}
.title {
width: 399px;
height: 66px;
left: 170px;
top: 447px;
position: absolute;
.sparkBg("enNoPrizePop/title.png");
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './homepage.less';
@observer
class Homepage extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="homepage modal_center">
<span className="bg"></span>
<div className="infobox">
<span className="infobg"></span>
<div className="prizeingo">
<span className="prizename">奖品名称文案占位</span>
<span className="prizerank">前50名可得</span>
<span className="prizeimg"></span>
</div>
<div className="rankinfo">
<span className="rankarr"></span>
<span className="ranklab">我的排名</span>
<span className="ranknum">86名</span>
</div>
</div>
<span className="title"></span>
<span className="prizebtn"></span>
<span className="rulebtn"></span>
<span className="musicon"></span>
<span className="musicf"></span>
<div className="mainbtn">
<span className="mainimg"></span>
<span className="mainnum">剩余次数:3</span>
</div>
<span className="shopbtn"></span>
<div className="drawbtn">
<span className="drawimg"></span>
<div className="drawnum">
<span className="drawnumbg"></span>
<span className="drawnumlab">1</span>
</div>
</div>
<div className="tasklist">
<div className="taskitem">
<span className="taskbg"></span>
<span className="taskscanbtn"></span>
<span className="taskinvitebtn"></span>
<span className="taskgetbtn"></span>
<span className="taskfinishbtn"></span>
<span className="tasktit">每日登录</span>
<span className="tasksub">游戏次数*1</span>
<span className="taskicon"></span>
</div>
<span className="taskitem2"></span>
</div>
<span className="tasktitle"></span>
<span className="ip"></span>
<span className="leaves"></span>
<span className="logo"></span>
</div>
);
}
}
export default Homepage;
@import "../../res.less";
.homepage {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 750px;
height: 1705px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePage/bg.png");
}
.infobox {
width: 502px;
height: 148px;
left: 124px;
top: 412px;
position: absolute;
.infobg {
width: 502px;
height: 148px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePage/infobg.png");
}
.prizeingo {
width: 257px;
height: 65px;
left: 58px;
top: 47px;
position: absolute;
.prizename {
width: 172px;
height: 18px;
left: 95px;
top: 38px;
position: absolute;
font-size: 18px;
line-height: 18px;
color: rgba(255, 255, 255, 1);
}
.prizerank {
width: 120px;
height: 23px;
left: 95px;
top: 8px;
position: absolute;
font-size: 17px;
line-height: 23px;
color: rgba(255, 255, 255, 1);
}
.prizeimg {
width: 80px;
height: 65px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePage/prizeimg.png");
}
}
.rankinfo {
width: 103px;
height: 47px;
left: 347px;
top: 56px;
position: absolute;
.rankarr {
width: 25px;
height: 39px;
left: 78px;
top: 7px;
position: absolute;
.sparkBg("homePage/rankarr.png");
}
.ranklab {
width: 74px;
height: 15px;
left: 0px;
top: 32px;
position: absolute;
font-size: 15px;
line-height: 15px;
color: rgba(255, 255, 255, 1);
}
.ranknum {
width: 74px;
height: 28px;
left: 0px;
top: 0px;
position: absolute;
font-size: 35px;
line-height: 28px;
color: rgba(243, 225, 27, 1);
}
}
}
.title {
width: 484px;
height: 243px;
left: 120px;
top: 174px;
position: absolute;
.sparkBg("homePage/title.png");
}
.prizebtn {
width: 159px;
height: 60px;
left: 12px;
top: 79px;
position: absolute;
.sparkBg("homePage/prizebtn.png");
}
.rulebtn {
width: 115px;
height: 60px;
left: 624px;
top: 80px;
position: absolute;
.sparkBg("homePage/rulebtn.png");
}
.musicon {
width: 55px;
height: 57px;
left: 684px;
top: 155px;
position: absolute;
.sparkBg("homePage/musicon.png");
}
.musicf {
width: 41px;
height: 43px;
left: 691px;
top: 162px;
position: absolute;
.sparkBg("homePage/musicoff.png");
}
.mainbtn {
width: 474px;
height: 134px;
left: 140px;
top: 932px;
position: absolute;
.mainimg {
width: 474px;
height: 134px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePage/mainimg.png");
}
.mainnum {
width: 182px;
height: 24px;
left: 151px;
top: 80px;
position: absolute;
font-size: 25px;
line-height: 24px;
color: rgba(240, 35, 96, 1);
}
}
.shopbtn {
width: 92px;
height: 95px;
left: 20px;
top: 957px;
position: absolute;
.sparkBg("homePage/shopbtn.png");
}
.drawbtn {
width: 98px;
height: 100px;
left: 635px;
top: 953px;
position: absolute;
.drawimg {
width: 98px;
height: 100px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePage/drawimg.png");
}
.drawnum {
width: 28px;
height: 28px;
left: 70px;
top: 0px;
position: absolute;
.drawnumbg {
width: 28px;
height: 28px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePage/drawNumbg.png");
}
.drawnumlab {
width: 20px;
height: 16px;
left: 9px;
top: 6px;
position: absolute;
font-size: 21px;
line-height: 16px;
color: rgba(255, 255, 255, 1);
}
}
}
.tasklist {
width: 695px;
height: 529px;
left: 30px;
top: 1145px;
position: absolute;
.taskitem {
width: 695px;
height: 172px;
left: 0px;
top: 0px;
position: absolute;
.taskbg {
width: 695px;
height: 172px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("homePage/taskbg.png");
}
.taskscanbtn {
width: 157px;
height: 57px;
left: 451px;
top: 51px;
position: absolute;
.sparkBg("homePage/taskscanbtn.png");
}
.taskinvitebtn {
width: 157px;
height: 57px;
left: 451px;
top: 51px;
position: absolute;
.sparkBg("homePage/taskinvitebtn.png");
}
.taskgetbtn {
width: 157px;
height: 57px;
left: 451px;
top: 51px;
position: absolute;
.sparkBg("homePage/taskgetbtn.png");
}
.taskfinishbtn {
width: 157px;
height: 57px;
left: 451px;
top: 51px;
position: absolute;
.sparkBg("homePage/taskfinishbtn.png");
}
.tasktit {
width: 149px;
height: 29px;
left: 168px;
top: 56px;
position: absolute;
font-size: 34px;
line-height: 29px;
color: rgba(255, 255, 255, 1);
}
.tasksub {
width: 121px;
height: 21px;
left: 170px;
top: 95px;
position: absolute;
font-size: 22px;
line-height: 21px;
color: rgba(255, 255, 255, 1);
}
.taskicon {
width: 65px;
height: 69px;
left: 89px;
top: 49px;
position: absolute;
.sparkBg("homePage/taskicon.png");
}
}
.taskitem2 {
width: 695px;
height: 348px;
left: 0px;
top: 181px;
position: absolute;
.sparkBg("homePage/taskitem2.png");
}
}
.tasktitle {
width: 676px;
height: 32px;
left: 39px;
top: 1098px;
position: absolute;
.sparkBg("homePage/tasktitle.png");
}
.ip {
width: 373px;
height: 326px;
left: 192px;
top: 585px;
position: absolute;
.sparkBg("homePage/ip.png");
}
.leaves {
width: 750px;
height: 447px;
left: 0px;
top: 541px;
position: absolute;
.sparkBg("homePage/leaves.png");
}
.logo {
width: 170px;
height: 55px;
left: 291px;
top: 85px;
position: absolute;
.sparkBg("homePage/logo.png");
}
}
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './posterpop.less';
@observer
class Posterpop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="posterpop modal_center">
<div className="poster">
<span className="posteriimg"></span>
</div>
<span className="tips"></span>
</div>
);
}
}
export default Posterpop;
@import "../../res.less";
.posterpop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.poster {
width: 596px;
height: 983px;
left: 77px;
top: 286px;
position: absolute;
.posteriimg {
width: 596px;
height: 983px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("posterPop/posteriimg.png");
}
}
.tips {
width: 604px;
height: 35px;
left: 75px;
top: 1309px;
position: absolute;
.sparkBg("posterPop/tips.png");
}
}
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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