Commit 6f1f1fe6 authored by wangzhujun's avatar wangzhujun

1

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