Skip to content

L
LuzhouLaojiaoSnake_250428
Commit 6f1f1fe6 authored by wangzhujun's avatar wangzhujun
Browse files
Options

1

parent 2de6c74e
Hide whitespace changes
Inline Side-by-side
Showing with 30 additions and 410 deletions
src/components/endprizepop/endprizepop.less deleted 100644 → 0
View file @ 2de6c74e
@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/endprizepop/endprizepop.tsx deleted 100644 → 0
View file @ 2de6c74e
'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/ennoprizepop/ennoprizepop.less deleted 100644 → 0
View file @ 2de6c74e
@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/ennoprizepop/ennoprizepop.tsx deleted 100644 → 0
View file @ 2de6c74e
'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/quitpop/quitpop.less deleted 100644 → 0
View file @ 2de6c74e
@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/quitpop/quitpop.tsx deleted 100644 → 0
View file @ 2de6c74e
'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/rulepop/rulepop.less
View file @ 6f1f1fe6
......@@ -29,5 +29,8 @@
position: absolute;
font-size: 28px;
color: rgba(255, 255, 255, 1);
word-break: break-word;
overflow-x: hidden;
overflow-y: auto;
}
}
src/components/rulepop/rulepop.tsx
View file @ 6f1f1fe6
......@@ -3,25 +3,29 @@
import React from 'react';
import { observer } from 'mobx-react';
import './rulepop.less';
import store from '@/store/store';
import { ModalCtrl } from '@/core/ctrls/ModalCtrl';
@observer
class Rulepop extends React.Component {
constructor(props) {
super(props);
}
componentDidMount() {
store.initRule();
}
close = () => {
ModalCtrl.closeModal();
};
render() {
return (
<div className="rulepop modal_center">
<span className="close"></span>
<span className="close" onClick={this.close}></span>
<span className="bg"></span>
<span className="ruletxt">
1.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
2.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
3.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
4.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
5.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
6.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容
7.活动规则内容活动规则内容活动规则内容活动规
<span className="ruletxt" dangerouslySetInnerHTML={{
__html: store.ruleInfo,
}}>
</span>
</div>
);
......
src/pages/HomePage/HomePage.tsx
View file @ 6f1f1fe6
......@@ -10,7 +10,6 @@ import gameStore from "@/store/gameStore.ts";
import MusicBtn from "@/core/components/MusicBtn/MusicBtn.tsx";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
import PrizePanel from "@/panels/PrizePanel/PrizePanel.tsx";
import RulePanel from "@/panels/RulePanel/RulePanel.tsx";
import { PageCtrl } from "@/core/ctrls/PageCtrl.tsx";
import GamePage from "@/pages/GamePage/GamePage.tsx";
import musicStore from '@/store/musicStore';
......@@ -18,6 +17,7 @@ import Drawpop from '@/components/drawpop/drawpop';
import Posterpop from '@/components/posterpop/posterpop';
import API from '@/api';
import Rankpage from '../rankpage/rankpage';
import Rulepop from '@/components/rulepop/rulepop';
@observer
class HomePage extends React.Component<any, any> {
......@@ -32,10 +32,13 @@ class HomePage extends React.Component<any, any> {
/** 开始游戏按钮*/
startGame = _asyncThrottle(async () => {
if (!store.judgeActTime()) return;
const suc = await gameStore.start();
if (!suc) return;
// if (!store.judgeActTime()) return;
// if (store.indexData.remainTimes == 0) {
// Toast.show("暂无游戏次数哦")
// return;
// }
// const suc = await gameStore.start();
// if (!suc) return;
PageCtrl.changePage(GamePage);
})
......@@ -51,7 +54,7 @@ class HomePage extends React.Component<any, any> {
/** 规则按钮*/
clickRule = () => {
if (!store.judgeActTime(true, false)) return;
ModalCtrl.showModal(RulePanel);
ModalCtrl.showModal(Rulepop);
}
clickDraw = () => {
if (!store.judgeActTime()) return;
......@@ -111,7 +114,7 @@ class HomePage extends React.Component<any, any> {
</div>
<span className="title"></span>
<span className="prizebtn"></span>
<span className="rulebtn"></span>
<span className="rulebtn" onClick={this.clickRule}></span>
{/* <span className="musicon"></span>
<span className="musicf"></span> */}
<MusicBtn className={`${musicStore.mute ? 'musicf' : 'musicon'}`}></MusicBtn>
......
src/panels/RulePanel/RulePanel.less deleted 100644 → 0
View file @ 2de6c74e
@import "../../res.less";
.RulePanel {
width: 750px;
height: 1624px;
position: absolute;
left: 0;
top: 0;
.ruleBg {
position: absolute;
left: 93px;
top: 289px;
width: 561px;
height: 776px;
.webpBg("RulePanel/bg.png");
}
.close {
position: absolute;
left: 348px;
top: 1092px;
width: 54px;
height: 54px;
.sparkBg("common/close.png");
}
.content {
font-size: 26px;
color: rgb(103, 25, 10);
line-height: 1.31;
position: absolute;
left: 145px;
top: 560px;
width: 457px;
height: 450px;
word-break: break-word;
overflow-x: hidden;
overflow-y: auto;
}
}
src/panels/RulePanel/RulePanel.tsx deleted 100644 → 0
View file @ 2de6c74e
import React from "react";
import { observer } from "mobx-react";
import "./RulePanel.less";
import {Button} from "@grace/ui";
import store from "@/store/store.ts";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
@observer
class RulePanel extends React.Component {
componentDidMount() {
store.initRule();
}
close = () => {
ModalCtrl.closeModal();
};
render() {
return <div className="RulePanel modal_center">
<div className="ruleBg"/>
<div className="content" dangerouslySetInnerHTML={{
__html: store.ruleInfo,
}}/>
<Button className="close" onClick={this.close}/>
</div>;
}
}
export default RulePanel;
src/panels/SucPanel/SucPanel.tsx
View file @ 6f1f1fe6
......@@ -6,6 +6,7 @@ import {_asyncThrottle} from "@/utils/utils.ts";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
import { PageCtrl } from "@/core/ctrls/PageCtrl.tsx";
import HomePage from "@/pages/HomePage/HomePage.tsx";
import Drawpop from "@/components/drawpop/drawpop";
export interface ISucPanelProps {
score: number,
......@@ -27,7 +28,9 @@ class SucPanel extends React.Component<ISucPanelProps> {
};
clickBtn = _asyncThrottle(async () => {
ModalCtrl.closeModal();
PageCtrl.changePage(HomePage);
ModalCtrl.showModal(Drawpop)
});
render() {
......
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