111

src/components/noprize/noprize.less

@@ -6,7 +6,6 @@
   top: 50%;
   transform: translateY(-50%);
   position: absolute;
-  position: absolute;
   .noprize_bg {
     width: 657px;
     height: 526px;

src/components/prize/prize.jsx

+'use strict';
+
+import React from 'react';
+import { RES_PATH } from '../../../sparkrc.js';
+import { observer } from 'mobx-react';
+import store from '../../store/index';
+import modalStore from '@src/store/modal';
+import API from '../../api';
+import './prize.less';
+
+@observer
+class Prize extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div className="prize">
+        <span className="prize_again"></span>
+        <span className="prize_bg"></span>
+        <span className="prize_placeholder"></span>
+        <span className="prize_tips">恭喜你获得*** 可在【我的奖品】中查看</span>
+        <span className="prize_close"></span>
+        <span className="prize_score2">58889</span>
+        <span className="prize_tips1">历史最佳</span>
+        <span className="prize_score1">12800</span>
+        <span className="prize_tips2">本局得分</span>
+      </div>
+    );
+  }
+}
+export default Prize;

src/components/prize/prize.less

+@import "../../res.less";
+.prize {
+  width: 658px;
+  height: 919px;
+  left: 47px;
+  top: 50%;
+  transform: translateY(-50%);
+  position: absolute;
+  .prize_again {
+    width: 415px;
+    height: 101px;
+    left: 121px;
+    top: 818px;
+    position: absolute;
+    .sparkBg("prize/prize_again.png");
+  }
+  .prize_bg {
+    width: 655px;
+    height: 790px;
+    left: 0px;
+    top: 0px;
+    position: absolute;
+    .sparkBg("prize/prize_bg.png");
+  }
+  .prize_placeholder {
+    width: 241px;
+    height: 240px;
+    left: 208px;
+    top: 498px;
+    position: absolute;
+    .sparkBg("prize/prize_placeholder.png");
+  }
+  .prize_tips {
+    width: 334px;
+    height: 69px;
+    left: 166px;
+    top: 405px;
+    position: absolute;
+    font-size: 30px;
+    color: rgba(255, 255, 255, 1);
+  }
+  .prize_close {
+    width: 82px;
+    height: 82px;
+    left: 576px;
+    top: 30px;
+    position: absolute;
+    .sparkBg("prize/prize_close.png");
+  }
+  .prize_score2 {
+    width: 186px;
+    height: 47px;
+    left: 374px;
+    top: 270px;
+    position: absolute;
+    font-size: 60px;
+    line-height: 47px;
+    color: rgba(107, 41, 62, 1);
+  }
+  .prize_tips1 {
+    width: 119px;
+    height: 26px;
+    left: 407px;
+    top: 215px;
+    position: absolute;
+    font-size: 28px;
+    line-height: 26px;
+    color: rgba(107, 41, 57, 1);
+  }
+  .prize_score1 {
+    width: 183px;
+    height: 47px;
+    left: 107px;
+    top: 270px;
+    position: absolute;
+    font-size: 60px;
+    line-height: 47px;
+    color: rgba(107, 41, 62, 1);
+  }
+  .prize_tips2 {
+    width: 118px;
+    height: 26px;
+    left: 138px;
+    top: 215px;
+    position: absolute;
+    font-size: 28px;
+    line-height: 26px;
+    color: rgba(107, 41, 57, 1);
+  }
+}

src/modal/modal.jsx

 import React, { Component } from "react";
+import Prize from "../components/prize/prize";
 import Noprize from "../components/noprize/noprize";
 import Noprize_history from "../components/noprize_history/noprize_history";
 import Alert from "../components/alert/alert";
@@ -11,7 +12,8 @@ export const cfg = {
   Rule: Rule,
   Alert: Alert,
   Noprize_history: Noprize_history,
-  Noprize: Noprize
+  Noprize: Noprize,
+  Prize: Prize
 };
 
 @observer