111

src/components/noprize/noprize.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 './noprize.less';
+
+@observer
+class Noprize extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div className="noprize">
+        <span className="noprize_bg"></span>
+        <span className="noprize_score">12800</span>
+        <span className="noprize_again"></span>
+        <span className="noprize_close"></span>
+      </div>
+    );
+  }
+}
+export default Noprize;

src/components/noprize/noprize.less

+@import "../../res.less";
+.noprize {
+  width: 659px;
+  height: 667px;
+  left: 46px;
+  top: 497px;
+  position: absolute;
+  .noprize_bg {
+    width: 657px;
+    height: 526px;
+    left: 0px;
+    top: 0px;
+    position: absolute;
+    .sparkBg("noprize/noprize_bg.png");
+  }
+  .noprize_score {
+    width: 235px;
+    height: 63px;
+    left: 217px;
+    top: 275px;
+    position: absolute;
+    font-size: 80px;
+    line-height: 63px;
+    color: rgba(107, 41, 62, 1);
+  }
+  .noprize_again {
+    width: 415px;
+    height: 101px;
+    left: 122px;
+    top: 566px;
+    position: absolute;
+    .sparkBg("noprize/noprize_again.png");
+  }
+  .noprize_close {
+    width: 82px;
+    height: 82px;
+    left: 577px;
+    top: 30px;
+    position: absolute;
+    .sparkBg("noprize/noprize_close.png");
+  }
+}

src/components/noprize_history/noprize_history.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 './noprize_history.less';
+
+@observer
+class Noprize_history extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div className="noprize_history">
+        <span className="noprize_history_bg"></span>
+        <span className="noprize_history_again"></span>
+        <span className="noprize_history_close"></span>
+        <span className="noprize_history_score">58889</span>
+        <span className="noprize_history_tips2">历史最佳</span>
+        <span className="noprize_history_score1">12800</span>
+        <span className="noprize_history_tips1">本局得分</span>
+      </div>
+    );
+  }
+}
+export default Noprize_history;

src/components/noprize_history/noprize_history.less

+@import "../../res.less";
+.noprize_history {
+  width: 659px;
+  height: 667px;
+  left: 46px;
+  top: 497px;
+  position: absolute;
+  .noprize_history_bg {
+    width: 657px;
+    height: 526px;
+    left: 0px;
+    top: 0px;
+    position: absolute;
+    .sparkBg("noprize_history/noprize_history_bg.png");
+  }
+  .noprize_history_again {
+    width: 415px;
+    height: 101px;
+    left: 122px;
+    top: 566px;
+    position: absolute;
+    .sparkBg("noprize_history/noprize_history_again.png");
+  }
+  .noprize_history_close {
+    width: 82px;
+    height: 82px;
+    left: 577px;
+    top: 30px;
+    position: absolute;
+    .sparkBg("noprize_history/noprize_history_close.png");
+  }
+  .noprize_history_score {
+    width: 186px;
+    height: 47px;
+    left: 375px;
+    top: 290px;
+    position: absolute;
+    font-size: 60px;
+    line-height: 47px;
+    color: rgba(107, 41, 62, 1);
+  }
+  .noprize_history_tips2 {
+    width: 119px;
+    height: 26px;
+    left: 408px;
+    top: 235px;
+    position: absolute;
+    font-size: 28px;
+    line-height: 26px;
+    color: rgba(107, 41, 57, 1);
+  }
+  .noprize_history_score1 {
+    width: 183px;
+    height: 47px;
+    left: 108px;
+    top: 290px;
+    position: absolute;
+    font-size: 60px;
+    line-height: 47px;
+    color: rgba(107, 41, 62, 1);
+  }
+  .noprize_history_tips1 {
+    width: 118px;
+    height: 26px;
+    left: 139px;
+    top: 235px;
+    position: absolute;
+    font-size: 28px;
+    line-height: 26px;
+    color: rgba(107, 41, 57, 1);
+  }
+}

src/modal/modal.jsx

 import React, { Component } from "react";
+import Noprize from "../components/noprize/noprize";
+import Noprize_history from "../components/noprize_history/noprize_history";
 import Alert from "../components/alert/alert";
 import Rule from "../components/rule/rule";
 import './modal.less';
@@ -7,7 +9,9 @@ import modalStore from '../store/modal';
 import { toJS } from 'mobx';
 export const cfg = {
   Rule: Rule,
-  Alert: Alert
+  Alert: Alert,
+  Noprize_history: Noprize_history,
+  Noprize: Noprize
 };
 
 @observer