Skip to content

L
LuzhouLaojiaoSnake_250428
Commit 90e36ef6 authored by wangzhujun's avatar wangzhujun
Browse files
Options

1

parent 3f3ff842
Hide whitespace changes
Inline Side-by-side
Showing with 1719 additions and 1 deletion
spark.config.json
View file @ 90e36ef6
{"proName":"未命名项目","proDesc":"","proPath":"/Users/duibagroup/Desktop/工作/普通项目/GSddp_20250218","createTime":1729847802806}
{"proName":"未命名项目","proDesc":"","proPath":"F:\\2025\\20250506泸州老窖贪吃蛇","createTime":1729847802806}
src/components/drawnoprizepop/drawnoprizepop.jsx 0 → 100644
View file @ 90e36ef6
'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;
src/components/drawnoprizepop/drawnoprizepop.less 0 → 100644
View file @ 90e36ef6
@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");
}
}
src/components/drawpop/drawpop.jsx 0 → 100644
View file @ 90e36ef6
'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;
src/components/drawpop/drawpop.less 0 → 100644
View file @ 90e36ef6
@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");
}
}
src/components/drawprizepop/drawprizepop.jsx 0 → 100644
View file @ 90e36ef6
'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;
src/components/drawprizepop/drawprizepop.less 0 → 100644
View file @ 90e36ef6
@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);
}
}
src/components/endprizepop/endprizepop.jsx 0 → 100644
View file @ 90e36ef6
'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;
src/components/endprizepop/endprizepop.less 0 → 100644
View file @ 90e36ef6
@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");
}
}
src/components/ennoprizepop/ennoprizepop.jsx 0 → 100644
View file @ 90e36ef6
'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;
src/components/ennoprizepop/ennoprizepop.less 0 → 100644
View file @ 90e36ef6
@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");
}
}
src/components/homepage/homepage.jsx 0 → 100644
View file @ 90e36ef6
'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;
src/components/homepage/homepage.less 0 → 100644
View file @ 90e36ef6
@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");
}
}
src/components/posterpop/posterpop.jsx 0 → 100644
View file @ 90e36ef6
'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;
src/components/posterpop/posterpop.less 0 → 100644
View file @ 90e36ef6
@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");
}
}
src/components/quitpop/quitpop.jsx 0 → 100644
View file @ 90e36ef6
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './quitpop.less';
@observer
class Quitpop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="quitpop modal_center">
<span className="bg"></span>
<span className="goonbtn"></span>
<span className="surebtn"></span>
</div>
);
}
}
export default Quitpop;
src/components/quitpop/quitpop.less 0 → 100644
View file @ 90e36ef6
@import "../../res.less";
.quitpop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 539px;
height: 533px;
left: 105px;
top: 448px;
position: absolute;
.sparkBg("quitPop/bg.png");
}
.goonbtn {
width: 242px;
height: 74px;
left: 140px;
top: 855px;
position: absolute;
.sparkBg("quitPop/goonbtn.png");
}
.surebtn {
width: 199px;
height: 90px;
left: 413px;
top: 847px;
position: absolute;
.sparkBg("quitPop/surebtn.png");
}
}
src/components/ranknoprizepop/ranknoprizepop.jsx 0 → 100644
View file @ 90e36ef6
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './ranknoprizepop.less';
@observer
class Ranknoprizepop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="ranknoprizepop modal_center">
<span className="bg"></span>
<span className="close"></span>
<span className="btn"></span>
<span className="lab">最终排名为123</span>
</div>
);
}
}
export default Ranknoprizepop;
src/components/ranknoprizepop/ranknoprizepop.less 0 → 100644
View file @ 90e36ef6
@import "../../res.less";
.ranknoprizepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 564px;
height: 374px;
left: 92px;
top: 531px;
position: absolute;
.sparkBg("rankNoPrizePop/bg.png");
}
.close {
width: 70px;
height: 70px;
left: 339px;
top: 936px;
position: absolute;
.sparkBg("rankNoPrizePop/close.png");
}
.btn {
width: 349px;
height: 90px;
left: 200px;
top: 749px;
position: absolute;
.sparkBg("rankNoPrizePop/btn.png");
}
.lab {
width: 319px;
height: 43px;
left: 219px;
top: 681px;
position: absolute;
font-size: 41px;
line-height: 43px;
color: rgba(255, 255, 255, 1);
}
}
src/components/rankprizepop/rankprizepop.jsx 0 → 100644
View file @ 90e36ef6
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './rankprizepop.less';
@observer
class Rankprizepop extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="rankprizepop modal_center">
<span className="bg"></span>
<span className="close"></span>
<span className="btn"></span>
<div className="prizeitem">
<span className="prizelight"></span>
<span className="prizeimg"></span>
</div>
<span className="name">奖品名称</span>
<span className="ranklab">最终排名为123</span>
<span className="tips">奖品可在首页 我的奖品 中查看</span>
</div>
);
}
}
export default Rankprizepop;
src/components/rankprizepop/rankprizepop.less 0 → 100644
View file @ 90e36ef6
@import "../../res.less";
.rankprizepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 534px;
height: 768px;
left: 107px;
top: 342px;
position: absolute;
.sparkBg("rankPrizePop/bg.png");
}
.close {
width: 70px;
height: 70px;
left: 339px;
top: 1131px;
position: absolute;
.sparkBg("rankPrizePop/close.png");
}
.btn {
width: 349px;
height: 90px;
left: 200px;
top: 946px;
position: absolute;
.sparkBg("rankPrizePop/btn.png");
}
.prizeitem {
width: 610px;
height: 572px;
left: 140px;
top: 472px;
position: absolute;
.prizelight {
width: 610px;
height: 572px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("rankPrizePop/prizelight.png");
}
.prizeimg {
width: 163px;
height: 245px;
left: 150px;
top: 155px;
position: absolute;
.sparkBg("rankPrizePop/prizeImg.png");
}
}
.name {
width: 147px;
height: 33px;
left: 309px;
top: 887px;
position: absolute;
font-size: 35px;
line-height: 33px;
color: rgba(255, 255, 255, 1);
}
.ranklab {
width: 273px;
height: 37px;
left: 241px;
top: 548px;
position: absolute;
font-size: 35px;
line-height: 37px;
color: rgba(255, 255, 255, 1);
}
.tips {
width: 340px;
height: 23px;
left: 209px;
top: 1049px;
position: absolute;
opacity: 0.6;
font-size: 23px;
line-height: 23px;
color: rgba(255, 255, 255, 1);
}
}
src/components/rulepop/rulepop.jsx 0 → 100644
View file @ 90e36ef6
'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">
1.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
2.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
3.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
4.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
5.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
6.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
7.活动规则内容活动规则内容活动规则内容活动规
</span>
</div>
);
}
}
export default Rulepop;
src/components/rulepop/rulepop.less 0 → 100644
View file @ 90e36ef6
@import "../../res.less";
.rulepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.close {
width: 70px;
height: 70px;
left: 340px;
top: 1271px;
position: absolute;
.sparkBg("rulePop/close.png");
}
.bg {
width: 669px;
height: 984px;
left: 41px;
top: 266px;
position: absolute;
.sparkBg("rulePop/bg.png");
}
.ruletxt {
width: 588px;
height: 786px;
left: 80px;
top: 415px;
position: absolute;
font-size: 28px;
color: rgba(255, 255, 255, 1);
}
}
src/pages/prizepage/prizepage.jsx 0 → 100644
View file @ 90e36ef6
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './prizepage.less';
@observer
class Prizepage extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="prizepage modal_center">
<span className="bg"></span>
<div className="list">
<div className="item">
<span className="itembg"></span>
<span className="arrow"></span>
<span className="name">奖品名称</span>
<span className="prizeimg"></span>
</div>
<span className="item2"></span>
</div>
<span className="title"></span>
<span className="empty"></span>
<span className="back"></span>
</div>
);
}
}
export default Prizepage;
src/pages/prizepage/prizepage.less 0 → 100644
View file @ 90e36ef6
@import "../../res.less";
.prizepage {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("prizePage/bg.png");
}
.list {
width: 668px;
height: 802px;
left: 42px;
top: 448px;
position: absolute;
.item {
width: 668px;
height: 175px;
left: 0px;
top: 0px;
position: absolute;
.itembg {
width: 668px;
height: 175px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("prizePage/itembg.png");
}
.arrow {
width: 35px;
height: 55px;
left: 588px;
top: 60px;
position: absolute;
.sparkBg("prizePage/arrow.png");
}
.name {
width: 154px;
height: 35px;
left: 208px;
top: 67px;
position: absolute;
font-size: 36px;
line-height: 35px;
color: rgba(255, 255, 255, 1);
}
.prizeimg {
width: 76px;
height: 116px;
left: 63px;
top: 30px;
position: absolute;
.sparkBg("prizePage/prizeImg.png");
}
}
.item2 {
width: 668px;
height: 595px;
left: 0px;
top: 207px;
position: absolute;
.sparkBg("prizePage/item2.png");
}
}
.title {
width: 436px;
height: 139px;
left: 157px;
top: 245px;
position: absolute;
.sparkBg("prizePage/title.png");
}
.empty {
width: 321px;
height: 361px;
left: 215px;
top: 641px;
position: absolute;
.sparkBg("prizePage/empty.png");
}
.back {
width: 73px;
height: 73px;
left: 17px;
top: 289px;
position: absolute;
.sparkBg("prizePage/back.png");
}
}
src/pages/rankpage/rankpage.jsx 0 → 100644
View file @ 90e36ef6
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './rankpage.less';
@observer
class Rankpage extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="rankpage modal_center">
<span className="bg"></span>
<div className="countdown">
<span className="cdbg"></span>
<span className="day">01</span>
<span className="hour">01</span>
<span className="min">59</span>
<span className="sec">59</span>
</div>
<span className="ranktitle"></span>
<div className="list">
<div className="myinfo">
<span className="myrank">999+</span>
<span className="myname">用户昵称（我）</span>
<span className="myscore">614</span>
<span className="mybg"></span>
</div>
<div className="item">
<span className="itemrank">1</span>
<span className="itemname">用户昵称</span>
<span className="itemscore">614</span>
<span className="itembg"></span>
</div>
<span className="item2"></span>
</div>
<div className="prizeitem">
<span className="prizebg"></span>
<span className="prizelight"></span>
<span className="prizeimg"></span>
</div>
<span className="title"></span>
<span className="back"></span>
</div>
);
}
}
export default Rankpage;
src/pages/rankpage/rankpage.less 0 → 100644
View file @ 90e36ef6
@import "../../res.less";
.rankpage {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("rankPage/bg.png");
}
.countdown {
width: 527px;
height: 67px;
left: 121px;
top: 414px;
position: absolute;
.cdbg {
width: 527px;
height: 67px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("rankPage/cdbg.png");
}
.day {
width: 45px;
height: 27px;
left: 18px;
top: 20px;
position: absolute;
font-size: 34px;
line-height: 27px;
color: rgba(29, 238, 251, 1);
}
.hour {
width: 45px;
height: 27px;
left: 131px;
top: 20px;
position: absolute;
font-size: 34px;
line-height: 27px;
color: rgba(29, 238, 251, 1);
}
.min {
width: 46px;
height: 27px;
left: 214px;
top: 20px;
position: absolute;
font-size: 34px;
line-height: 27px;
color: rgba(29, 238, 251, 1);
}
.sec {
width: 47px;
height: 27px;
left: 297px;
top: 20px;
position: absolute;
font-size: 34px;
line-height: 27px;
color: rgba(29, 238, 251, 1);
}
}
.ranktitle {
width: 677px;
height: 42px;
left: 42px;
top: 861px;
position: absolute;
.sparkBg("rankPage/ranktitle.png");
}
.list {
width: 716px;
height: 699px;
left: 20px;
top: 925px;
position: absolute;
.myinfo {
width: 716px;
height: 116px;
left: 0px;
top: 0px;
position: absolute;
.myrank {
width: 94px;
height: 28px;
left: 28px;
top: 44px;
position: absolute;
font-size: 36px;
line-height: 28px;
color: rgba(18, 240, 243, 1);
}
.myname {
width: 224px;
height: 35px;
left: 204px;
top: 41px;
position: absolute;
font-size: 36px;
line-height: 35px;
color: rgba(18, 240, 243, 1);
}
.myscore {
width: 71px;
height: 28px;
left: 632px;
top: 45px;
position: absolute;
font-size: 36px;
line-height: 28px;
color: rgba(18, 240, 243, 1);
}
.mybg {
width: 716px;
height: 116px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("rankPage/mybg.png");
}
}
.item {
width: 716px;
height: 116px;
left: 0px;
top: 127px;
position: absolute;
.itemrank {
width: 26px;
height: 28px;
left: 58px;
top: 44px;
position: absolute;
font-size: 36px;
line-height: 28px;
color: rgba(255, 255, 255, 1);
}
.itemname {
width: 154px;
height: 35px;
left: 204px;
top: 41px;
position: absolute;
font-size: 36px;
line-height: 35px;
color: rgba(255, 255, 255, 1);
}
.itemscore {
width: 71px;
height: 28px;
left: 632px;
top: 45px;
position: absolute;
font-size: 36px;
line-height: 28px;
color: rgba(255, 255, 255, 1);
}
.itembg {
width: 716px;
height: 116px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("rankPage/itembg.png");
}
}
.item2 {
width: 716px;
height: 446px;
left: 0px;
top: 253px;
position: absolute;
.sparkBg("rankPage/item2.png");
}
}
.prizeitem {
width: 581px;
height: 500px;
left: 169px;
top: 400px;
position: absolute;
.prizebg {
width: 303px;
height: 303px;
left: 54px;
top: 121px;
position: absolute;
.sparkBg("rankPage/prizebg.png");
}
.prizelight {
width: 581px;
height: 500px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("rankPage/prizelight.png");
}
.prizeimg {
width: 142px;
height: 214px;
left: 131px;
top: 135px;
position: absolute;
.sparkBg("rankPage/prizeImg.png");
}
}
.title {
width: 414px;
height: 231px;
left: 167px;
top: 125px;
position: absolute;
.sparkBg("rankPage/title.png");
}
.back {
width: 73px;
height: 73px;
left: 17px;
top: 206px;
position: absolute;
.sparkBg("rankPage/back.png");
}
}
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