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}
'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");
}
}
'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;
@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");
}
}
'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;
@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);
}
}
'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;
@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);
}
}
'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;
@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);
}
}
'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;
@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");
}
}
'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;
@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