first

599a3d32 · 吴志俊 · 599a3d32 · 599a3d32 · 599a3d32 · 599a3d32
Commit 599a3d32 authored Dec 23, 2020 by 吴志俊
76 changed files
--- a/.gitignore
+++ b/.gitignore
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/MD.js
+++ b/MD.js
+import MD from 'spark-utils/out/md/index.js';
+
+let appId = CFG.appID;
+const dcm = '202.' + CFG.projectId + '.0.0';
+const domain = '//embedlog.duiba.com.cn';
+
+let MDList = [
+  {
+    ele: `.test-md1`,
+    data: {
+      dpm: `${appId}.110.5.1`,
+      dcm,
+      domain,
+      appId
+    },
+    once: false
+  }
+];
+
+export default () =>
+  MD({
+    show: MDList, // 曝光
+    click: MDList // 点击
+  });
--- a/mock/collect_0722/index.js
+++ b/mock/collect_0722/index.js
+export const join = {
+  "success": true,
+  "data": {
+    message: "参与成功"
+  }
+};
--- a/mock/common/index.js
+++ b/mock/common/index.js
+export * from './rule';
--- a/mock/common/rule.js
+++ b/mock/common/rule.js
+import { Random } from 'mockjs';
+
+export const rule = {
+  "success": true,
+  "data": `活动规则: ${Random.cparagraph(20, 40)}`
+};
--- a/mock/index.js
+++ b/mock/index.js
+import Mock from 'mockjs';
+import proxy from './proxy';
+
+Object.keys(proxy).map(method => {
+  Object.keys(proxy[method]).map(URI => {
+    let data = proxy[method][URI];
+    Mock.mock(new RegExp(URI), method, opt => {
+      console.log(`%c[mock] 链接：${opt.url} 类型：${method} 参数：${method === 'post' && JSON.stringify(opt.body) || ''}`, "color: rgb(63, 172, 203)", data);
+      return data
+    });
+  })
+})
\ No newline at end of file
--- a/mock/proxy.js
+++ b/mock/proxy.js
+import * as common from './common';
+import * as collect_0722 from './collect_0722';
+let projectId = window.CFG.projectId || '';
+
+export default {
+  get: {
+    [`/projectx/${projectId}/projectRule.query`]: common.rule
+  },
+  post: {
+    [`/projectx/${projectId}/join.do`]: collect_0722.join
+  }
+};
\ No newline at end of file
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "name": "sparkproject-1608532529744",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "spark dev --type h5",
+    "prod": "spark build --type h5 --env prod",
+    "tb": "spark build --type taobao"
+  },
+  "dependencies": {
+    "@spark/api-base": "^1.0.11",
+    "@spark/projectx": "^1.0.3",
+    "axios": "^0.19.2",
+    "css-loader": "^3.6.0",
+    "duiba-utils": "^1.0.2",
+    "fyge-tbmini": "^1.3.1",
+    "postcss-loader": "^3.0.0",
+    "prettier": "^2.0.5",
+    "qs": "^6.9.4",
+    "react": "^16.4.1",
+    "react-dom": "^16.4.1",
+    "react-redux": "^5.0.7",
+    "redux": "^4.0.0",
+    "redux-thunk": "^2.3.0",
+    "spark-design": "^0.2.0",
+    "spark-utils": "^0.0.12",
+    "style-loader": "^1.2.1",
+    "svgaplayerweb": "^2.3.1"
+  },
+  "devDependencies": {
+    "mockjs": "^1.1.0"
+  }
+}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
+<!DOCTYPE html>
+<html lang="zh">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="theme-color" content="#000000">
+  <title>React App</title>
+  <script src="getTokenKey" id="scriptkey"></script>
+  <script id="scriptjs" src="//yun.duiba.com.cn/js-libs/px-token/0.0.4/px-token.min.js"></script>
+  <script src="//yun.duiba.com.cn/js-libs/rem/1.1.0/rem.min.js"></script>
+  <script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script>
+  <script>
+    function getApp() {
+      return {
+        cloud: {},
+        cloudName: "clientTemplate2C",
+        requestType: "mock"
+      }
+    }
+
+    var CFG = CFG || {};
+    CFG.projectId = location.pathname.split('/')[2] || '1';
+    function getUrlParam(name) {
+      const search = window.location.search;
+      const matched = search
+        .slice(1)
+        .match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
+      return search.length ? matched && matched[2] : null;
+    }
+
+    CFG.appID = '${APPID}';
+    if (!getUrlParam("appID")) {
+      // alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")
+    }
+  </script>
+</head>
+
+<body>
+  <noscript>
+    You need to enable JavaScript to run this app.
+  </noscript>
+  <div id="root"></div>
+  <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+</body>
+
+
+</html>
\ No newline at end of file
--- a/public/svga/car.svga
+++ b/public/svga/car.svga
--- a/public/svga/panda1.svga
+++ b/public/svga/panda1.svga
--- a/public/svga/panda2.svga
+++ b/public/svga/panda2.svga
--- a/public/svga/产出金豆加速.svga
+++ b/public/svga/产出金豆加速.svga
--- a/public/svga/宝箱发光.svga
+++ b/public/svga/宝箱发光.svga
--- a/public/svga/扫光.svga
+++ b/public/svga/扫光.svga
--- a/sparkrc.js
+++ b/sparkrc.js
+module.exports = {
+  OUTPUT_DIR: "dist",
+  SOURCE_DIR: "src",
+  TEMP_DIR: "./.temp",
+  ENTRY: "src/app.jsx",
+  TEMPLATE: "./public/index.html",
+  MOCK_STATUS: true
+};
--- a/src/SVGA/index.js
+++ b/src/SVGA/index.js
+import {
+    svga
+} from './source.js';
+
+const SVGA = require('svgaplayerweb')
+
+var svgaParser = new SVGA.Parser();
+
+//加载过存下来
+const svgaMap = new Map()
+
+/**
+ * 快速加载svga资源，但不装载
+ * @param name 资源name
+ */
+export const loadSVGA = (name) => {
+    if (!svgaMap[name]) {
+        svgaMap[name] = new Promise((resolve, reject) => {
+            console.log(svga[name]);
+            // svgaParser.load(svga[name], (videoItem) => {
+            //     svgaMap[name] = videoItem
+            //     resolve(videoItem)
+            // }, (err) => {
+            //     reject(err)
+            // })
+            svgaParser.load('./svga/panda1.svga', (videoItem) => {
+                svgaMap[name] = videoItem
+                resolve(videoItem)
+            }, (err) => {
+                reject(err)
+            })
+        })
+    }
+    return svgaMap[name]
+}
+/**
+ * 快速装载一个svga动画
+ * @param name 资源name
+ * @param className 挂载元素的class name
+ * @param frame 从第几帧开始。默认0帧
+ * @param callback 回调
+ * @param loops 播放次数。默认为空，循环播放。
+ * @param clearsAfterStop 
+ */
+export const getSVGA = async (name, className, frame = 0, callback, play = true, loops, clearsAfterStop) => {
+    const videoItem = await loadSVGA(name)
+    var svga = new SVGA.Player(className);
+    if (loops)
+        svga.loops = loops;
+    svga.clearsAfterStop = false
+    if (clearsAfterStop)
+        svga.clearsAfterStop = clearsAfterStop;
+    svga.setVideoItem(videoItem);
+    svga.stepToFrame(frame, play)
+    svga.onFinished(() => {
+        if (typeof callback == "function") {
+            callback()
+        }
+    })
+    return svga
+}
\ No newline at end of file
--- a/src/SVGA/source.js
+++ b/src/SVGA/source.js
+const path='http://localhost:8088/'
+export const svga = {
+
+    // "panda1":`${path}svga/panda1.svga`,
+    "panda1":`./svga/panda1.svga`,
+    // "panda2":'panda2.svga',
+    // "faguang":'https://yun.duiba.com.cn/spark/assets/1c66c49ab93a93c74e243a2e9b39c0f0b707db20.svga',
+    // "jindou":'https://yun.duiba.com.cn/spark/assets/6922315371e552ebc17c984f76a5a842184ef64f.svga',
+    // "kuangche":'https://yun.duiba.com.cn/spark/assets/4f86cf37d5db980895726bc01cdb0f74214479c3.svga',
+
+    // "panda1":'https://yun.duiba.com.cn/spark/assets/21886b0b9cf419b75ae24602d8b14af7e0053a0e.svga',
+    // "panda2":'https://yun.duiba.com.cn/spark/assets/20c1a5c1ff25bb82fb071947f8a8e3564c6e6df7.svga',
+    // "faguang":'https://yun.duiba.com.cn/spark/assets/1c66c49ab93a93c74e243a2e9b39c0f0b707db20.svga',
+    // "jindou":'https://yun.duiba.com.cn/spark/assets/6922315371e552ebc17c984f76a5a842184ef64f.svga',
+    // "kuangche":'https://yun.duiba.com.cn/spark/assets/4f86cf37d5db980895726bc01cdb0f74214479c3.svga',
+}
\ No newline at end of file
--- a/src/SVGA/svga/car.svga
+++ b/src/SVGA/svga/car.svga
--- a/src/SVGA/svga/panda1.svga
+++ b/src/SVGA/svga/panda1.svga
--- a/src/SVGA/svga/panda2.svga
+++ b/src/SVGA/svga/panda2.svga
--- a/src/SVGA/svga/产出金豆加速.svga
+++ b/src/SVGA/svga/产出金豆加速.svga
--- a/src/SVGA/svga/宝箱发光.svga
+++ b/src/SVGA/svga/宝箱发光.svga
--- a/src/SVGA/svga/扫光.svga
+++ b/src/SVGA/svga/扫光.svga
--- a/src/api/apicfg.js
+++ b/src/api/apicfg.js
+let projectId = 67372
+let domain = `https://docs.dui88.com/mock/115`
+
+const apiCfg = {
+  getRule: `${domain}/projectx/${projectId}/projectRule.query`,
+  // getHomeInfo: `/projectx/${projectId}/pinganGame/homeInfo.do`,
+  getHomeInfo: `${domain}/projectx/${projectId}/pinganGame/homeInfo.do`,
+  getGroupState: `${domain}/projectx/${projectId}/pinganGame/groupState.do`,
+  getCreateItem: `${domain}/projectx/${projectId}/pinganAssist/createItem.do`,
+  getPrizeInfo: `${domain}/projectx/${projectId}/pinganGame/prizeInfo.do`,
+  createGroup: {
+    uri: `${domain}/projectx/${projectId}/pinganGame/createGroup.do`,
+    method: 'post',
+  },
+  joinGroup: {
+    uri: `${domain}/projectx/${projectId}/pinganGame/joinGroup.do`,
+    method: 'post',
+  },
+  takePrize: {
+    uri: `${domain}/projectx/${projectId}/pinganGame/takePrize.do`,
+    method: 'post',
+  },
+  doAssist: {
+    uri: `${domain}/projectx/${projectId}/pinganAssist/doAssist.do`,
+    method: 'post',
+  },
+}
+
+export default apiCfg;
--- a/src/api/index.js
+++ b/src/api/index.js
+import apiCfg from './apicfg';
+import {getPxToken} from "@spark/projectx";
+import {callApi} from '@spark/api-base'
+
+import {isFromShare, newUser} from 'duiba-utils';
+
+let mergeData = {
+  user_type: newUser ? '0' : '1',
+  is_from_share: isFromShare ? '0' : '1',
+}
+
+const apiList = {
+  ...apiCfg
+}
+
+
+const API = generateAPI(apiList);
+export default API;
+
+function getRequestParams(value) {
+  if (typeof value === 'string') {
+    return {
+      uri: value,
+      method: 'get'
+    }
+  } else if (typeof value === 'object') {
+    const {uri, method = 'post', headers, withToken, secret, secretKey} = value;
+    return {
+      uri,
+      method,
+      headers,
+      withToken,
+      secret,
+      secretKey,
+    }
+  } else {
+    console.error('getRequestParams: 传参有误');
+  }
+}
+
+
+function generateAPI(apiList) {
+  const api = {};
+  for (let key in apiList) {
+    let value = apiList[key];
+
+    const {method, uri, headers: mHeaders, withToken, secret, secretKey} = getRequestParams(value);
+    api[key] = async (params = {}, headers) => {
+      let token;
+      if (withToken) {
+        const {type, payload} = await getPxToken();
+        switch (type) {
+          case 'success':
+            token = payload.token;
+            break;
+          case 'failed':
+            location.reload();
+            break;
+        }
+      }
+
+      let mergedHeaders = {...mHeaders, ...headers}
+      if (withToken && token) {
+        params.token = token;
+      }
+
+      params = {...params, ...mergeData};
+
+      const result = await callApi(uri, params, method, mergedHeaders, false, secret, secretKey);
+      if (result.type === 'success') {
+        return result.payload;
+      }
+      throw new Error(result.payload);
+    }
+  }
+
+  return api;
+}
--- a/src/app.jsx
+++ b/src/app.jsx
+import React, { Component } from "react";
+import ReactDOM from "react-dom";
+import "./app.less";
+import 'spark-design/dist/index.css'
+import { MOCK_STATUS } from '../sparkrc';
+MOCK_STATUS && (require('../mock/index'));
+import MD from '../MD';
+MD();
+//此处为spark-cli动态生成
+import resList from './resconfig/resList';
+import Pagezu_dui_ye_cheng_wei_dui_chang from "./pages/Pagezu_dui_ye_cheng_wei_dui_chang/Pagezu_dui_ye_cheng_wei_dui_chang.jsx";
+import Pageyao_qing_ru_dui_fen_xiang_luo from "./pages/Pageyao_qing_ru_dui_fen_xiang_luo/Pageyao_qing_ru_dui_fen_xiang_luo.jsx";
+import Pagezhu_li_pkzhu_li_fen from "./pages/Pagezhu_li_pkzhu_li_fen/Pagezhu_li_pkzhu_li_fen.jsx";
+import Dig from "./pages/dig/dig.jsx";
+import API from './api';
+
+
+import { getModalHoc } from "spark-design";
+import Rule from "./components/comhuo_dong_gui_ze_dan_chuang/comhuo_dong_gui_ze_dan_chuang.jsx";
+const RuleModal = getModalHoc(Rule);
+import Prize from "./components/Comwo_de_jiang_pin_ye_mian/Comwo_de_jiang_pin_ye_mian.jsx";
+const PrizeModal = getModalHoc(Prize);
+import Full from "./components/Comman_yuan_dan_chuang/Comman_yuan_dan_chuang.jsx";
+const FullModal = getModalHoc(Full);
+import More from "./components/Comru_dui_dan_chuang_cheng_gong_ru/Comru_dui_dan_chuang_cheng_gong_ru.jsx";
+const MoreModal = getModalHoc(More);
+import GetBean from "./components/Comru_dui_dan_chuang_zu_dui_cheng/Comru_dui_dan_chuang_zu_dui_cheng.jsx";
+const GetBeanModal = getModalHoc(GetBean);
+import Gone from "./components/Comru_dui_dan_chuang_dui_wu_bu/Comru_dui_dan_chuang_dui_wu_bu.jsx";
+const GoneModal = getModalHoc(Gone);
+import Already from "./components/Comru_dui_dan_chuang_ben_ren_ru_12/Comru_dui_dan_chuang_ben_ren_ru_12.jsx";
+const AlreadyModal = getModalHoc(Already);
+import Self from "./components/Comru_dui_dan_chuang_ben_ren_ru_15/Comru_dui_dan_chuang_ben_ren_ru_15.jsx";
+const SelfModal = getModalHoc(Self);
+import Success from "./components/Comzhu_li_dan_chuang_zhu_li_cheng/Comzhu_li_dan_chuang_zhu_li_cheng.jsx";
+const SuccessModal = getModalHoc(Success);
+import Done from "./components/Comzhu_li_dan_chuang_chong_fu_zhu/Comzhu_li_dan_chuang_chong_fu_zhu.jsx";
+const DoneModal = getModalHoc(Done);
+import Self_ from "./components/Comzhu_li_dan_chuang_wei_zi_ji/Comzhu_li_dan_chuang_wei_zi_ji.jsx";
+const Self_Modal = getModalHoc(Self_);
+import End from "./components/Comzhu_li_dan_chuang_ben_chang_huo/Comzhu_li_dan_chuang_ben_chang_huo.jsx";
+const EndModal = getModalHoc(End);
+
+import Profile from './components/profile/profile.jsx'
+
+const MODAL_MAP = {
+  rule: RuleModal,
+  prize: PrizeModal,
+
+  full: FullModal,
+  more: MoreModal,
+  getBean: GetBeanModal,
+  gone: GoneModal,
+  already: AlreadyModal,
+  self: SelfModal,
+
+  success: SuccessModal,
+  done: DoneModal,
+  self_: Self_Modal,
+  end: EndModal,
+}
+const DATA_MAP = {
+  rule: '',
+  prize: '',
+}
+
+// const shared = Math.random() * 2
+const shared = 0
+
+class App extends Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      modalState: '',
+      resList: resList,
+      // current: shared ? 'main' : 'sub',
+      current: 'main',
+    }
+  }
+
+  async componentDidMount () {
+    let data = ''
+    // data = await API.getRule()
+    data = `await API.getRule()` + `活动规则`.repeat(Math.random() * 20)
+    DATA_MAP.rule = data
+
+    // data = await API.getHomeInfo()
+
+    DATA_MAP.prize = [
+      { name: '我的奖品', code: '奖品编码：20202', info: '该权益已过期，请联系客服', status: 'fetch', src: '' },
+      { name: '我的品', code: '奖品编码：20202', info: '该过期，请联系客服', status: 'fail', src: '' },
+      { name: '我的奖品', code: '奖品20202', info: '该权期，请联系客服', status: 'invalid', src: '' },
+      { name: '我奖品', code: '奖品编码：20202', info: '该，请联系客服', status: 'fetch', src: '' },
+      { name: '我奖品', code: '奖品编码：20202', info: '该，请联系客服', status: 'fetch', src: '' },
+      { name: '我奖品', code: '奖品编码：20202', info: '该，请联系客服', status: 'fetch', src: '' },
+      { name: '我奖品', code: '奖品编码：20202', info: '该，请联系客服', status: 'fetch', src: '' },
+      { name: '我奖品', code: '奖品编码：20202', info: '该，请联系客服', status: 'fetch', src: '' },
+      { name: '我奖品', code: '奖品编码：20202', info: '该，请联系客服', status: 'fetch', src: '' },
+    ]
+
+    console.log(data)
+  }
+
+  render () {
+    return (
+      <div>
+        {/* <Profile srcs={[
+          this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,
+          this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,
+          this.state.resList['0b0d3caa-d1ff-409d-a409-08bff66418a0'].url,
+          this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,
+          this.state.resList['0b0d3caa-d1ff-409d-a409-08bff66418a0'].url,
+        ]}
+        ></Profile>
+        <Profile srcs={[this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url]} hasText='true'></Profile>
+        <Profile srcs={[this.state.resList['dafd85f3-e303-4fd6-aa34-067c09c3f72e'].url]} hasText='true'></Profile> */}
+        { this.switcher(this.state.current)}
+        {
+          this.state.modalState && (
+            <section className="modal-bg">
+              {this.getModal(this.state.modalState)}
+            </section>
+          )
+        }
+      </div >
+    );
+  }
+
+
+  switcher = (url) => {
+    switch (url) {
+      case 'main':
+        return <Pagezu_dui_ye_cheng_wei_dui_chang modal={this.openModal} go={this.go}></Pagezu_dui_ye_cheng_wei_dui_chang>
+      case 'sub':
+        return <Pageyao_qing_ru_dui_fen_xiang_luo modal={this.openModal} go={this.go}></Pageyao_qing_ru_dui_fen_xiang_luo>
+      case 'dig':
+        return <Dig modal={this.openModal} go={this.go}></Dig>
+      case 'help':
+        return <Pagezhu_li_pkzhu_li_fen modal={this.openModal} go={this.go}></Pagezhu_li_pkzhu_li_fen>
+      default:
+        break;
+    }
+  }
+
+  go = (url) => {
+    this.closeModal()
+    console.log(url);
+    this.setState({ current: url })
+  }
+
+  getModal = (str) => {
+    const Modal = str ? MODAL_MAP[str] : null
+    return <Modal closeModal={this.closeModal} data={DATA_MAP[str]} go={this.go}></Modal>
+  }
+  openModal = (str) => {
+    this.setState({ modalState: str })
+  }
+  closeModal = () => {
+    this.setState({ modalState: '' })
+  }
+}
+
+ReactDOM.render(<App />, document.getElementById("root"));
--- a/src/app.less
+++ b/src/app.less
+* {
+  margin: 0;
+  padding: 0;
+}
+html,
+body {
+  font-size: 24px;
+  width: 100%;
+  height: 100%;
+}
--- a/src/components/comhuo_dong_gui_ze_dan_chuang/comhuo_dong_gui_ze_dan_chuang.jsx
+++ b/src/components/comhuo_dong_gui_ze_dan_chuang/comhuo_dong_gui_ze_dan_chuang.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comhuo_dong_gui_ze_dan_chuang.less';
+class Comhuo_dong_gui_ze_dan_chuang extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="huo_dong_gui_ze_dan_chuang ">
+        <img className="dan_chuang_25 " src={this.state.resList['22eb6446-239b-4994-8698-b85904466b78'].url} />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <span className="tu_ceng_1huo_dong_gui_ze ">
+          {this.props.data}
+        </span>
+      </div>
+    );
+  }
+}
+export default Comhuo_dong_gui_ze_dan_chuang;
--- a/src/components/comhuo_dong_gui_ze_dan_chuang/comhuo_dong_gui_ze_dan_chuang.less
+++ b/src/components/comhuo_dong_gui_ze_dan_chuang/comhuo_dong_gui_ze_dan_chuang.less
+.huo_dong_gui_ze_dan_chuang {
+  width: 95px;
+  height: 95px;
+  opacity: 1;
+  left: 83px;
+  top: 398px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .dan_chuang_25 {
+    width: 641px;
+    height: 701px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 8px;
+    left: 535px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .tu_ceng_1huo_dong_gui_ze {
+    width: 437px;
+    height: 392px;
+    opacity: 1;
+    left: 71px;
+    top: 192px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 24px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comman_yuan_dan_chuang/comman_yuan_dan_chuang.jsx
+++ b/src/components/comman_yuan_dan_chuang/comman_yuan_dan_chuang.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comman_yuan_dan_chuang.less';
+class Comman_yuan_dan_chuang extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="man_yuan_dan_chuang ">
+        <img
+          className="que_ren_dui_huan_dan_chuang_24 "
+          src={this.state.resList['62339462-0562-48dc-ad2e-6a185c687b73'].url}
+        />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <span className="ni_lai_wan_liao_gai_dui_wu ">你来晚了，该队伍以满员 自己发起组队成团获更多奖励</span>
+      </div>
+    );
+  }
+}
+export default Comman_yuan_dan_chuang;
--- a/src/components/comman_yuan_dan_chuang/comman_yuan_dan_chuang.less
+++ b/src/components/comman_yuan_dan_chuang/comman_yuan_dan_chuang.less
+.man_yuan_dan_chuang {
+  width: 641px;
+  height: 577px;
+  opacity: 1;
+  left: 83px;
+  top: 450px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .que_ren_dui_huan_dan_chuang_24 {
+    width: 641px;
+    height: 577px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 8px;
+    left: 535px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ni_lai_wan_liao_gai_dui_wu {
+    width: 506px;
+    height: 97px;
+    opacity: 1;
+    left: 43px;
+    top: 200px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comru_dui_dan_chuang_ben_ren_ru_12/comru_dui_dan_chuang_ben_ren_ru_12.jsx
+++ b/src/components/comru_dui_dan_chuang_ben_ren_ru_12/comru_dui_dan_chuang_ben_ren_ru_12.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comru_dui_dan_chuang_ben_ren_ru_12.less';
+class Comru_dui_dan_chuang_ben_ren_ru_12 extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="ru_dui_dan_chuang_ben_ren_ru_12 ">
+        <img
+          className="que_ren_dui_huan_dan_chuang_14 "
+          src={this.state.resList['4884e0f6-58c3-4c08-8b23-9cbea1097d29'].url}
+        />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <img className="an_niu_13 " src={this.state.resList['51136539-0107-42ed-9eab-3631d229370e'].url} />
+        <span className="ni_yi_jing_zai_dui_wu_zhong ">你已经在队伍中了 不要急 成团就能领金豆哦</span>
+      </div>
+    );
+  }
+}
+export default Comru_dui_dan_chuang_ben_ren_ru_12;
--- a/src/components/comru_dui_dan_chuang_ben_ren_ru_12/comru_dui_dan_chuang_ben_ren_ru_12.less
+++ b/src/components/comru_dui_dan_chuang_ben_ren_ru_12/comru_dui_dan_chuang_ben_ren_ru_12.less
+.ru_dui_dan_chuang_ben_ren_ru_12 {
+  width: 641px;
+  height: 577px;
+  opacity: 1;
+  left: 83px;
+  top: 450px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .que_ren_dui_huan_dan_chuang_14 {
+    width: 641px;
+    height: 577px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_13 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 138px;
+    top: 407px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 10px;
+    left: 535px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ni_yi_jing_zai_dui_wu_zhong {
+    width: 315px;
+    height: 157px;
+    opacity: 1;
+    left: 137px;
+    top: 171px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comru_dui_dan_chuang_ben_ren_ru_15/comru_dui_dan_chuang_ben_ren_ru_15.jsx
+++ b/src/components/comru_dui_dan_chuang_ben_ren_ru_15/comru_dui_dan_chuang_ben_ren_ru_15.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comru_dui_dan_chuang_ben_ren_ru_15.less';
+class Comru_dui_dan_chuang_ben_ren_ru_15 extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="ru_dui_dan_chuang_ben_ren_ru_15 ">
+        <img
+          className="que_ren_dui_huan_dan_chuang_17 "
+          src={this.state.resList['6d84db49-288f-48ae-9c77-e3c7d6727c30'].url}
+        />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <img className="an_niu_16 " src={this.state.resList['51136539-0107-42ed-9eab-3631d229370e'].url} />
+        <span className="gui_ren_duo_wang_shi_zhe_bu ">贵人多忘事 这不是你的队伍么 去养成神兽，奖励多多呢</span>
+      </div>
+    );
+  }
+}
+export default Comru_dui_dan_chuang_ben_ren_ru_15;
--- a/src/components/comru_dui_dan_chuang_ben_ren_ru_15/comru_dui_dan_chuang_ben_ren_ru_15.less
+++ b/src/components/comru_dui_dan_chuang_ben_ren_ru_15/comru_dui_dan_chuang_ben_ren_ru_15.less
+.ru_dui_dan_chuang_ben_ren_ru_15 {
+  width: 641px;
+  height: 580px;
+  opacity: 1;
+  left: 83px;
+  top: 450px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .que_ren_dui_huan_dan_chuang_17 {
+    width: 641px;
+    height: 580px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_16 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 138px;
+    top: 407px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 10px;
+    left: 535px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .gui_ren_duo_wang_shi_zhe_bu {
+    width: 432px;
+    height: 159px;
+    opacity: 1;
+    left: 78px;
+    top: 171px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comru_dui_dan_chuang_cheng_gong_ru/comru_dui_dan_chuang_cheng_gong_ru.jsx
+++ b/src/components/comru_dui_dan_chuang_cheng_gong_ru/comru_dui_dan_chuang_cheng_gong_ru.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comru_dui_dan_chuang_cheng_gong_ru.less';
+class Comru_dui_dan_chuang_cheng_gong_ru extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="ru_dui_dan_chuang_cheng_gong_ru ">
+        <img className="dan_chuang_23 " src={this.state.resList['a3d0f917-e54b-41e4-b4ca-6c41d7745829'].url} />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <img className="an_niu_22 " src={this.state.resList['da96b20a-ad15-4cc5-b232-2b7124e86f72'].url} />
+        <span className="gong_xi_ni_cheng_gong_jia_ru ">恭喜你 成功加入该队伍 还差一人就能分金豆啦！</span>
+      </div>
+    );
+  }
+}
+export default Comru_dui_dan_chuang_cheng_gong_ru;
--- a/src/components/comru_dui_dan_chuang_cheng_gong_ru/comru_dui_dan_chuang_cheng_gong_ru.less
+++ b/src/components/comru_dui_dan_chuang_cheng_gong_ru/comru_dui_dan_chuang_cheng_gong_ru.less
+.ru_dui_dan_chuang_cheng_gong_ru {
+  width: 749px;
+  height: 760px;
+  opacity: 1;
+  left: 1px;
+  top: 299px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .dan_chuang_23 {
+    width: 749px;
+    height: 760px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_22 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 220px;
+    top: 558px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 158px;
+    left: 616px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .gong_xi_ni_cheng_gong_jia_ru {
+    width: 410px;
+    height: 157px;
+    opacity: 1;
+    left: 175px;
+    top: 322px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comru_dui_dan_chuang_dui_wu_bu/comru_dui_dan_chuang_dui_wu_bu.jsx
+++ b/src/components/comru_dui_dan_chuang_dui_wu_bu/comru_dui_dan_chuang_dui_wu_bu.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comru_dui_dan_chuang_dui_wu_bu.less';
+class Comru_dui_dan_chuang_dui_wu_bu extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="ru_dui_dan_chuang_dui_wu_bu ">
+        <img
+          className="que_ren_dui_huan_dan_chuang_19 "
+          src={this.state.resList['a809d1c3-6cb3-453f-9426-52b47ded2c38'].url}
+        />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <img className="an_niu_18 " src={this.state.resList['51136539-0107-42ed-9eab-3631d229370e'].url} />
+        <span className="hao_yi_han_gai_dui_wu_yi ">好遗憾 该队伍已经不存在了 加入当天队伍才能分金豆哦</span>
+      </div>
+    );
+  }
+}
+export default Comru_dui_dan_chuang_dui_wu_bu;
--- a/src/components/comru_dui_dan_chuang_dui_wu_bu/comru_dui_dan_chuang_dui_wu_bu.less
+++ b/src/components/comru_dui_dan_chuang_dui_wu_bu/comru_dui_dan_chuang_dui_wu_bu.less
+.ru_dui_dan_chuang_dui_wu_bu {
+  width: 641px;
+  height: 578px;
+  opacity: 1;
+  left: 83px;
+  top: 450px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .que_ren_dui_huan_dan_chuang_19 {
+    width: 641px;
+    height: 578px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_18 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 138px;
+    top: 407px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 10px;
+    left: 535px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .hao_yi_han_gai_dui_wu_yi {
+    width: 474px;
+    height: 157px;
+    opacity: 1;
+    left: 57px;
+    top: 171px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comru_dui_dan_chuang_zu_dui_cheng/comru_dui_dan_chuang_zu_dui_cheng.jsx
+++ b/src/components/comru_dui_dan_chuang_zu_dui_cheng/comru_dui_dan_chuang_zu_dui_cheng.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comru_dui_dan_chuang_zu_dui_cheng.less';
+class Comru_dui_dan_chuang_zu_dui_cheng extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="ru_dui_dan_chuang_zu_dui_cheng ">
+        <img className="zu_101321 " src={this.state.resList['0155bd45-7f45-4b4a-a524-056bcdb2ca0b'].url} />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <img className="an_niu_20 " src={this.state.resList['22f576bc-4e89-4cb5-bd1c-a9a4a4a25f3f'].url} />
+        <span className="ni_men_guo_yu_you_xiu_yi ">你们过于优秀 已经组队成功啦！ 去领取你的专属奖励吧</span>
+      </div>
+    );
+  }
+}
+export default Comru_dui_dan_chuang_zu_dui_cheng;
--- a/src/components/comru_dui_dan_chuang_zu_dui_cheng/comru_dui_dan_chuang_zu_dui_cheng.less
+++ b/src/components/comru_dui_dan_chuang_zu_dui_cheng/comru_dui_dan_chuang_zu_dui_cheng.less
+.ru_dui_dan_chuang_zu_dui_cheng {
+  width: 749px;
+  height: 760px;
+  opacity: 1;
+  left: 1px;
+  top: 299px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .zu_101321 {
+    width: 749px;
+    height: 760px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_20 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 220px;
+    top: 558px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 158px;
+    left: 616px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ni_men_guo_yu_you_xiu_yi {
+    width: 393px;
+    height: 157px;
+    opacity: 1;
+    left: 180px;
+    top: 322px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comwa_dou_jie_suan_ye/comwa_dou_jie_suan_ye.jsx
+++ b/src/components/comwa_dou_jie_suan_ye/comwa_dou_jie_suan_ye.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comwa_dou_jie_suan_ye.less';
+class Comwa_dou_jie_suan_ye extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="wa_dou_jie_suan_ye ">
+        <img className="dan_chuang_57 " src={this.state.resList['fa7fd217-5bf0-4d71-8c5d-2df608ac8d89'].url} />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <img className="wen_zi_nei_rong_55 " src={this.state.resList['2a971ea4-c0cd-4127-88e8-73dfb8c7ba57'].url} />
+        <img className="an_niu_56 " src={this.state.resList['0c995cbb-2c6b-48c5-b2f9-475b310124b6'].url} onClick={() => this.props.go()} />
+        <div className="qing_tong ">
+          <img className="duo_bian_xing_54 " src={this.state.resList['87cf61ce-63a7-42e1-93ad-8aecb76da722'].url} />
+          <img className="duo_bian_xing_53 " src={this.state.resList['35f0798c-9eef-4ec7-91e5-2890d770d9f7'].url} />
+          <img className="ti_huan_52 " src={this.props.srcs[1]} />
+          <img className="duo_bian_xing_51 " src={this.state.resList['d2643774-202e-490a-af46-c846d7309d46'].url} />
+          <span>{this.props.data[1]}金豆</span>
+        </div>
+        <div className="huang_jin ">
+          <img className="duo_bian_xing_50 " src={this.state.resList['069df023-2a16-4171-9f35-636c2fe5209b'].url} />
+          <img className="duo_bian_xing_49 " src={this.state.resList['dcb2512c-4d17-4da2-a878-b3f37709f81e'].url} />
+          <img className="ti_huan_48 " src={this.props.srcs[0]} />
+          <img className="duo_bian_xing_47 " src={this.state.resList['73e13b6f-8f09-4737-83a5-5dbb784b2c37'].url} />
+          <span>{this.props.data[0]}金豆</span>
+        </div>
+        <div className="wang_zhe ">
+          <img className="duo_bian_xing_46 " src={this.state.resList['3a210a3f-cbdb-45fd-b0f7-9a05f285592b'].url} />
+          <img className="duo_bian_xing_45 " src={this.state.resList['ee026a95-0203-4bfb-bb51-64396ca8e75d'].url} />
+          <img className="ti_huan_44 " src={this.props.srcs[2]} />
+          <img className="duo_bian_xing_43 " src={this.state.resList['034cfa42-6515-40b1-9a5a-d30f3f4cf82c'].url} />
+          <span>{this.props.data[2]}金豆</span>
+        </div>
+      </div>
+    );
+  }
+}
+export default Comwa_dou_jie_suan_ye;
--- a/src/components/comwa_dou_jie_suan_ye/comwa_dou_jie_suan_ye.less
+++ b/src/components/comwa_dou_jie_suan_ye/comwa_dou_jie_suan_ye.less
+.wa_dou_jie_suan_ye {
+  width: 750px;
+  height: 815px;
+  opacity: 1;
+  top: 283px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .dan_chuang_57 {
+    width: 750px;
+    height: 815px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_56 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 221px;
+    top: 644px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 125px;
+    left: 616px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .wen_zi_nei_rong_55 {
+    width: 448px;
+    height: 540px;
+    opacity: 1;
+    left: 151px;
+    top: 232px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .qing_tong {
+    width: 171px;
+    // height: 156px;
+    height: 200px;
+    opacity: 1;
+    left: 110px;
+    top: 353px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    span {
+      position: absolute;
+      bottom: 0;
+      color: #764b3b;
+      font-weight: bold;
+      margin-left: 40px;
+    }
+    .duo_bian_xing_54 {
+      width: 171px;
+      height: 156px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .duo_bian_xing_53 {
+      width: 111px;
+      height: 127px;
+      opacity: 1;
+      left: 30px;
+      top: 14px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .ti_huan_52 {
+      width: 115px;
+      height: 115px;
+      opacity: 1;
+      left: 28px;
+      top: 17px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 110%, 0% 80%, 0% 28%);
+    }
+    .duo_bian_xing_51 {
+      width: 123px;
+      height: 40px;
+      opacity: 1;
+      left: 24px;
+      top: 115px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+  .huang_jin {
+    width: 171px;
+    // height: 155px;
+    height: 200px;
+    opacity: 1;
+    left: 294px;
+    top: 354px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    span {
+      position: absolute;
+      bottom: 0;
+      color: #764b3b;
+      font-weight: bold;
+      margin-left: 40px;
+    }
+    .duo_bian_xing_50 {
+      width: 171px;
+      height: 155px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .duo_bian_xing_49 {
+      width: 112px;
+      height: 126px;
+      opacity: 1;
+      left: 29px;
+      top: 14px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .ti_huan_48 {
+      width: 115px;
+      height: 115px;
+      opacity: 1;
+      left: 28px;
+      top: 15px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 110%, 0% 80%, 0% 28%);
+    }
+    .duo_bian_xing_47 {
+      width: 123px;
+      height: 40px;
+      opacity: 1;
+      left: 24px;
+      top: 114px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+  .wang_zhe {
+    width: 171px;
+    // height: 155px;
+    height: 200px;
+    opacity: 1;
+    left: 478px;
+    top: 353px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    span {
+      position: absolute;
+      bottom: 0;
+      color: #764b3b;
+      font-weight: bold;
+      margin-left: 40px;
+    }
+    .duo_bian_xing_46 {
+      width: 171px;
+      height: 155px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .duo_bian_xing_45 {
+      width: 111px;
+      height: 126px;
+      opacity: 1;
+      left: 29px;
+      top: 14px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .ti_huan_44 {
+      width: 115px;
+      height: 115px;
+      opacity: 1;
+      left: 26px;
+      top: 18px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 110%, 0% 80%, 0% 28%);
+    }
+    .duo_bian_xing_43 {
+      width: 124px;
+      height: 40px;
+      opacity: 1;
+      left: 23px;
+      top: 115px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+}
--- a/src/components/comwo_de_jiang_pin_ye_mian/comwo_de_jiang_pin_ye_mian.jsx
+++ b/src/components/comwo_de_jiang_pin_ye_mian/comwo_de_jiang_pin_ye_mian.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comwo_de_jiang_pin_ye_mian.less';
+class Comwo_de_jiang_pin_ye_mian extends Component {
+
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList, };
+    this.getStatus = {
+      fetch: this.state.resList['02716110-98a2-4bc1-a324-2f10de3c2947'].url,
+      owned: this.state.resList['156b8635-62bf-4c0d-9612-bc4b718cdc49'].url,
+      refetch: this.state.resList['c8327309-6fe3-4768-8c26-9c19cb548c5f'].url,
+      fail: this.state.resList['d1f458a4-fa80-41e8-89f4-018a43820767'].url,
+      invalid: this.state.resList['1f060e09-bf30-4ae2-b7e5-4a8f2be2f82b'].url,
+    }
+  }
+
+  render () {
+    return (
+      <div className="wo_de_jiang_pin_ye_mian ">
+        <img className="bei_jing_yuan_su " src={this.state.resList['f34aeb89-a630-4bc0-93ae-3374615e95ae'].url} />
+        <span className="wo_de_jiang_pin ">我的奖品</span>
+        <div className="prizes">
+          {this.getPrizes()}
+        </div>
+        <img className="fan_hui " src={this.state.resList['d7237c7b-dd19-4ea3-b4e7-619423891dd8'].url} onClick={() => this.props.closeModal()} />
+      </div>
+    );
+  }
+
+  getPrizes = () => {
+    let array = []
+    this.props.data.forEach((i, index) => {
+      array.push(<div className="prize" key={i.status + index}>
+        {/* <img src={i.src} /> */}
+        <img src={this.state.resList['9e849edf-d4c5-4a78-98cf-694b88084376'].url} />
+        <div className="info">
+          <div>{i.name}</div>
+          <div>{i.code}</div>
+          <div>{i.info}</div>
+        </div>
+        <img src={this.getStatus[i.status]} />
+      </div>)
+    })
+    return array
+  }
+}
+export default Comwo_de_jiang_pin_ye_mian;
--- a/src/components/comwo_de_jiang_pin_ye_mian/comwo_de_jiang_pin_ye_mian.less
+++ b/src/components/comwo_de_jiang_pin_ye_mian/comwo_de_jiang_pin_ye_mian.less
+.wo_de_jiang_pin_ye_mian {
+  width: 747px;
+  height: 1146px;
+  opacity: 1;
+  left: 2px;
+  top: 478px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .bei_jing_yuan_su {
+    width: 747px;
+    height: 1146px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .wo_de_jiang_pin {
+    width: 157px;
+    height: 35px;
+    opacity: 1;
+    left: 296px;
+    top: 163px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+  .prizes{
+    width: 700px;
+    height: 850px;
+    overflow: scroll;
+    opacity: 1;
+    left: 30px;
+    top: 240px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .prize{
+      margin:0 30px 30px 30px;
+      display: flex;
+      align-items: center;
+    }
+    .info{
+      flex:1;
+      margin:0 15px;
+      max-width: 350px;
+    }
+    img:first-child{
+      width: 125px;
+      height: 125px;
+    }
+    img:last-child{
+      width: 156px;
+      height: 71px;
+    }
+  }
+  .wen_zi_nei_rong_30 {
+    width: 325px;
+    height: 654px;
+    opacity: 1;
+    left: 192px;
+    top: 253px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .wo_de_jiang_pin_wo_de_jiang_42 {
+      width: 314px;
+      height: 24px;
+      opacity: 1;
+      left: 1px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .qing_yu_2020nian_41 {
+      width: 325px;
+      height: 21px;
+      opacity: 1;
+      top: 67px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .jiang_pin_bian_ma_20240 {
+      width: 304px;
+      height: 21px;
+      opacity: 1;
+      left: 1px;
+      top: 38px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .wo_de_jiang_pin_wo_de_jiang_39 {
+      width: 314px;
+      height: 24px;
+      opacity: 1;
+      left: 1px;
+      top: 150px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .jiang_pin_bian_ma_20238 {
+      width: 304px;
+      height: 21px;
+      opacity: 1;
+      left: 1px;
+      top: 191px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .wo_de_jiang_pin_wo_de_jiang_37 {
+      width: 314px;
+      height: 24px;
+      opacity: 1;
+      left: 1px;
+      top: 280px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .qing_yu_2020nian_36 {
+      width: 325px;
+      height: 21px;
+      opacity: 1;
+      top: 347px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .jiang_pin_bian_ma_20235 {
+      width: 304px;
+      height: 21px;
+      opacity: 1;
+      left: 1px;
+      top: 318px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .wo_de_jiang_pin_wo_de_jiang_34 {
+      width: 314px;
+      height: 24px;
+      opacity: 1;
+      left: 1px;
+      top: 424px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .gai_quan_yi_yi_guo_qi_qing {
+      width: 312px;
+      height: 22px;
+      opacity: 1;
+      top: 491px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .jiang_pin_bian_ma_20233 {
+      width: 304px;
+      height: 21px;
+      opacity: 1;
+      left: 1px;
+      top: 462px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .wo_de_jiang_pin_wo_de_jiang_32 {
+      width: 314px;
+      height: 24px;
+      opacity: 1;
+      left: 1px;
+      top: 566px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .jiang_pin_yi_guo_qi_shi_xiao {
+      width: 157px;
+      height: 21px;
+      opacity: 1;
+      left: 1px;
+      top: 633px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+    .jiang_pin_bian_ma_20231 {
+      width: 304px;
+      height: 21px;
+      opacity: 1;
+      left: 1px;
+      top: 604px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 22px;
+      color: rgba(115, 71, 55, 1);
+    }
+  }
+  .jiang_pin_qu {
+    width: 120px;
+    height: 686px;
+    opacity: 1;
+    left: 56px;
+    top: 234px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .ju_xing_6097 {
+      width: 120px;
+      height: 120px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      background-color: rgba(255, 255, 255, 1);
+    }
+    .ju_xing_29 {
+      width: 120px;
+      height: 120px;
+      opacity: 1;
+      top: 139px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      background-color: rgba(255, 255, 255, 1);
+    }
+    .ju_xing_28 {
+      width: 120px;
+      height: 120px;
+      opacity: 1;
+      top: 280px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      background-color: rgba(255, 255, 255, 1);
+    }
+    .ju_xing_27 {
+      width: 120px;
+      height: 120px;
+      opacity: 1;
+      top: 424px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      background-color: rgba(255, 255, 255, 1);
+    }
+    .ju_xing_26 {
+      width: 120px;
+      height: 120px;
+      opacity: 1;
+      top: 566px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      background-color: rgba(255, 255, 255, 1);
+    }
+  }
+  .qu_shi_yong {
+    width: 156px;
+    height: 71px;
+    opacity: 1;
+    left: 538px;
+    top: 397px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .chong_xin_ling_qu {
+    width: 156px;
+    height: 71px;
+    opacity: 1;
+    left: 538px;
+    top: 538px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ling_qu_shi_bai {
+    width: 154px;
+    height: 70px;
+    opacity: 1;
+    left: 539px;
+    top: 681px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .yi_shi_xiao {
+    width: 154px;
+    height: 70px;
+    opacity: 1;
+    left: 539px;
+    top: 824px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .li_ji_ling_qu {
+    width: 156px;
+    height: 71px;
+    opacity: 1;
+    left: 538px;
+    top: 258px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .fan_hui {
+    width: 68px;
+    height: 22px;
+    opacity: 1;
+    left: 30px;
+    top: 176px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}
--- a/src/components/comzhu_li_dan_chuang_ben_chang_huo/comzhu_li_dan_chuang_ben_chang_huo.jsx
+++ b/src/components/comzhu_li_dan_chuang_ben_chang_huo/comzhu_li_dan_chuang_ben_chang_huo.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comzhu_li_dan_chuang_ben_chang_huo.less';
+class Comzhu_li_dan_chuang_ben_chang_huo extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="zhu_li_dan_chuang_ben_chang_huo ">
+        <img
+          className="que_ren_dui_huan_dan_chuang_3 "
+          src={this.state.resList['4e45f812-a758-421e-920f-25277b900537'].url}
+        />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <img className="an_niu_2 " src={this.state.resList['51136539-0107-42ed-9eab-3631d229370e'].url} onClick={() => console.log(1)} />
+        <span className="ben_chang_huo_dong_yi_jie_shu ">本场活动已结束 去养成神兽，奖励多多呢</span>
+      </div>
+    );
+  }
+}
+export default Comzhu_li_dan_chuang_ben_chang_huo;
--- a/src/components/comzhu_li_dan_chuang_ben_chang_huo/comzhu_li_dan_chuang_ben_chang_huo.less
+++ b/src/components/comzhu_li_dan_chuang_ben_chang_huo/comzhu_li_dan_chuang_ben_chang_huo.less
+.zhu_li_dan_chuang_ben_chang_huo {
+  width: 641px;
+  height: 576px;
+  opacity: 1;
+  left: 83px;
+  top: 450px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .que_ren_dui_huan_dan_chuang_3 {
+    width: 641px;
+    height: 576px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_2 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 138px;
+    top: 407px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 10px;
+    left: 535px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ben_chang_huo_dong_yi_jie_shu {
+    width: 432px;
+    height: 98px;
+    opacity: 1;
+    left: 78px;
+    top: 202px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+  .ju_xing_4471 {
+    width: 42px;
+    height: 46px;
+    opacity: 1;
+    left: 155px;
+    top: 196px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    background-color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comzhu_li_dan_chuang_chong_fu_zhu/comzhu_li_dan_chuang_chong_fu_zhu.jsx
+++ b/src/components/comzhu_li_dan_chuang_chong_fu_zhu/comzhu_li_dan_chuang_chong_fu_zhu.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comzhu_li_dan_chuang_chong_fu_zhu.less';
+class Comzhu_li_dan_chuang_chong_fu_zhu extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="zhu_li_dan_chuang_chong_fu_zhu ">
+        <img
+          className="que_ren_dui_huan_dan_chuang_11 "
+          src={this.state.resList['e4f7b188-a4d9-478a-8ff9-51360cea6d24'].url}
+        />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.go('main')} />
+        <img className="an_niu_10 " src={this.state.resList['51136539-0107-42ed-9eab-3631d229370e'].url} onClick={() => console.log(1)} />
+        <span className="jin_tian_yi_wei_hao_you_zhu " >今天已为好友助力 不能重复助力哦</span>
+      </div>
+    );
+  }
+}
+export default Comzhu_li_dan_chuang_chong_fu_zhu;
--- a/src/components/comzhu_li_dan_chuang_chong_fu_zhu/comzhu_li_dan_chuang_chong_fu_zhu.less
+++ b/src/components/comzhu_li_dan_chuang_chong_fu_zhu/comzhu_li_dan_chuang_chong_fu_zhu.less
+.zhu_li_dan_chuang_chong_fu_zhu {
+  width: 641px;
+  height: 579px;
+  opacity: 1;
+  left: 83px;
+  top: 450px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .que_ren_dui_huan_dan_chuang_11 {
+    width: 641px;
+    height: 579px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_10 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 138px;
+    top: 407px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 10px;
+    left: 535px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .jin_tian_yi_wei_hao_you_zhu {
+    width: 311px;
+    height: 96px;
+    opacity: 1;
+    left: 138px;
+    top: 202px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comzhu_li_dan_chuang_dang_ju_you/comzhu_li_dan_chuang_dang_ju_you.jsx
+++ b/src/components/comzhu_li_dan_chuang_dang_ju_you/comzhu_li_dan_chuang_dang_ju_you.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comzhu_li_dan_chuang_dang_ju_you.less';
+class Comzhu_li_dan_chuang_dang_ju_you extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="zhu_li_dan_chuang_dang_ju_you ">
+        <img
+          className="que_ren_dui_huan_dan_chuang_5 "
+          src={this.state.resList['729b9b89-928c-4ddc-9b11-1c43e72790d8'].url}
+        />
+        <img className="an_niu_4 " src={this.state.resList['978d4c36-16ec-4bf6-9669-82696a097bc9'].url} />
+        <span className="hao_you_ben_ju_you_xi_yi ">好友本局游戏已结束 一起参与获得挖金豆拿黄金吧</span>
+      </div>
+    );
+  }
+}
+export default Comzhu_li_dan_chuang_dang_ju_you;
--- a/src/components/comzhu_li_dan_chuang_dang_ju_you/comzhu_li_dan_chuang_dang_ju_you.less
+++ b/src/components/comzhu_li_dan_chuang_dang_ju_you/comzhu_li_dan_chuang_dang_ju_you.less
+.zhu_li_dan_chuang_dang_ju_you {
+  width: 641px;
+  height: 578px;
+  opacity: 1;
+  left: 83px;
+  top: 450px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .que_ren_dui_huan_dan_chuang_5 {
+    width: 641px;
+    height: 578px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_4 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 138px;
+    top: 407px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .hao_you_ben_ju_you_xi_yi {
+    width: 512px;
+    height: 96px;
+    opacity: 1;
+    left: 39px;
+    top: 202px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comzhu_li_dan_chuang_wei_zi_ji/comzhu_li_dan_chuang_wei_zi_ji.jsx
+++ b/src/components/comzhu_li_dan_chuang_wei_zi_ji/comzhu_li_dan_chuang_wei_zi_ji.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comzhu_li_dan_chuang_wei_zi_ji.less';
+class Comzhu_li_dan_chuang_wei_zi_ji extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="zhu_li_dan_chuang_wei_zi_ji ">
+        <img
+          className="que_ren_dui_huan_dan_chuang_7 "
+          src={this.state.resList['ff0719ee-3bee-4527-9223-68b241370ec6'].url}
+        />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.go('main')} />
+        <img className="an_niu_6 " src={this.state.resList['7f61f798-7bf9-41e6-817f-99b6f6054177'].url} onClick={() => this.props.go('main')} />
+        <span className="bu_ke_yi_wei_zi_ji_dui ">不可以为自己队伍助力哦</span>
+      </div>
+    );
+  }
+}
+export default Comzhu_li_dan_chuang_wei_zi_ji;
--- a/src/components/comzhu_li_dan_chuang_wei_zi_ji/comzhu_li_dan_chuang_wei_zi_ji.less
+++ b/src/components/comzhu_li_dan_chuang_wei_zi_ji/comzhu_li_dan_chuang_wei_zi_ji.less
+.zhu_li_dan_chuang_wei_zi_ji {
+  width: 641px;
+  height: 472px;
+  opacity: 1;
+  left: 83px;
+  top: 450px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .que_ren_dui_huan_dan_chuang_7 {
+    width: 641px;
+    height: 472px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_6 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 138px;
+    top: 322px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 10px;
+    left: 535px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .bu_ke_yi_wei_zi_ji_dui {
+    width: 433px;
+    height: 35px;
+    opacity: 1;
+    left: 78px;
+    top: 201px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/comzhu_li_dan_chuang_zhu_li_cheng/comzhu_li_dan_chuang_zhu_li_cheng.jsx
+++ b/src/components/comzhu_li_dan_chuang_zhu_li_cheng/comzhu_li_dan_chuang_zhu_li_cheng.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comzhu_li_dan_chuang_zhu_li_cheng.less';
+class Comzhu_li_dan_chuang_zhu_li_cheng extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="zhu_li_dan_chuang_zhu_li_cheng ">
+        <img className="zu_10139 " src={this.state.resList['b3233f64-6e3b-4638-9b81-eb8e6c489f62'].url} />
+        <img className="close" src={this.state.resList['43856136-a5ec-42c9-8d2a-94d75fded18f'].url} onClick={() => this.props.closeModal()} />
+        <img className="an_niu_8 " src={this.state.resList['978d4c36-16ec-4bf6-9669-82696a097bc9'].url} onClick={() => this.props.go('main')} />
+        <span className="gong_xi_ni_zhu_li_cheng_gong " >恭喜你助力成功 一起参与获得挖金豆拿黄金吧</span>
+      </div>
+    );
+  }
+}
+export default Comzhu_li_dan_chuang_zhu_li_cheng;
--- a/src/components/comzhu_li_dan_chuang_zhu_li_cheng/comzhu_li_dan_chuang_zhu_li_cheng.less
+++ b/src/components/comzhu_li_dan_chuang_zhu_li_cheng/comzhu_li_dan_chuang_zhu_li_cheng.less
+.zhu_li_dan_chuang_zhu_li_cheng {
+  width: 749px;
+  height: 760px;
+  opacity: 1;
+  left: 1px;
+  top: 299px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .zu_10139 {
+    width: 749px;
+    height: 760px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_8 {
+    width: 316px;
+    height: 78px;
+    opacity: 1;
+    left: 220px;
+    top: 558px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .close {
+    width: 95px;
+    height: 95px;
+    top: 158px;
+    left: 616px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .gong_xi_ni_zhu_li_cheng_gong {
+    width: 512px;
+    height: 96px;
+    opacity: 1;
+    left: 121px;
+    top: 353px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(115, 71, 55, 1);
+  }
+}
--- a/src/components/profile/profile.jsx
+++ b/src/components/profile/profile.jsx
+'use strict';
+
+import React, { Component } from 'react';
+
+import './profile.less';
+class Profile extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render () {
+        return (
+            <div className={`_profile ${this.props.className}`}>
+                <div className="imgs">
+                    {this.pic(this.props.srcs[0])}
+                    {this.getRes()}
+                </div>
+                {this.props.hasText ? <span className="info">助力好友:{this.props.srcs.length - 1}</span> : ''}
+            </div>
+        );
+    }
+
+    getRes=()=>{
+        let array = []
+        for (let i = 1; i < Math.min(this.props.srcs.length,4); i++) {
+            const e = this.props.srcs[i]
+            array.push(this.pic(e,1,(i-1)*25+50))
+        }
+        return array
+    }
+
+    pic = (src, width = 2, left) => {
+        return (<div className={width == 1 ? 'sub' : 'main'} key={src.substr(0, 5)} style={{
+            border: `${width}px solid white`,
+            backgroundImage: `url(${src})`,
+            left:`${left}%`,
+        }} >
+        </div>)
+    }
+}
+export default Profile;
\ No newline at end of file
--- a/src/components/profile/profile.less
+++ b/src/components/profile/profile.less
+._profile {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .imgs {
+    position: relative;
+    width: 100px;
+    height: 100px;
+    .main {
+      width: 88px;
+      height: 88px;
+      border-radius: 44px;
+      background-size: 100% 100%;
+    }
+    .sub {
+      position: absolute;
+      bottom: 0;
+      width: 32px;
+      height: 32px;
+      border-radius: 16px;
+      background-size: 100% 100%;
+    }
+    .sub:last-child:before {
+      content: '···';
+      color: white;
+      background-color: rgba(0, 0, 0, 0.5);
+      border-radius: 50%;
+      width: 100%;
+      position: absolute;
+      text-align: center;
+      font-weight: bold;
+    }
+  }
+  .info {
+    color: white;
+    text-shadow: 0 2px 0 #9f5e28, 2px 0 0 #9f5e28, 0 -2px 0 #9f5e28,
+      -2px 0 0 #9f5e28;
+    font-weight: bold;
+  }
+}
--- a/src/pages/dig/dig.jsx
+++ b/src/pages/dig/dig.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import { getModalHoc } from "spark-design";
+import gain from "../../components/Comwa_dou_jie_suan_ye/Comwa_dou_jie_suan_ye.jsx";
+const GainModal = getModalHoc(gain);
+import { getSVGA } from '../../SVGA/index.js';
+
+
+import './dig.less';
+class Dig extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            resList: resList,
+            modal: false,
+            // pandaAni1 :'',
+            // pandaAni2 : '',
+            // pandaAni3 : '',
+            // kuangcheAni : '',
+            // faguangAni :'',
+            // jindouAni : '',
+        };
+        this.time = '99:99'
+        this.data = [123,213,312]
+
+    }
+
+    componentDidMount(){
+        this.playSvga()
+    }
+
+    render () {
+        return (
+            <div className="home ">
+                <img className="sky " src={this.state.resList['fa6e1de5-578a-4947-8eb8-6577eeed2436'].url} />
+                <img className="bg " src={this.state.resList['fdb33f6c-95dd-4319-a8b4-92681b6d5a98'].url} />
+                <img className="fw " src={this.state.resList['56976260-fcc4-49c4-b4d2-ed9833b8b128'].url} />
+                <img className="earth " src={this.state.resList['536c1bda-87f3-4559-a649-1198e1cf4978'].url} />
+                <img className="car" src={this.state.resList['4999062e-817a-493d-bcf3-0e63a31f5c3a'].url} />
+                <img className="light" src={this.state.resList['6cd37293-1eca-47c6-8e98-45fdeca4dacf'].url} />
+                <img className="carMark" src={this.state.resList['8616d3e7-89cc-47c6-96f7-67aa75e04c93'].url} />
+                <img className="carMark" src={this.state.resList['f09b9a4d-17f7-457e-839e-f2dc5ce46198'].url} />
+                <img className="timer" src={this.state.resList['95cd1f99-4ed2-4b57-9c31-f061018afa7e'].url} onClick={this.gain} />
+                <span className="time">{this.time}</span>
+                <img className="stone " src={this.state.resList['1142ca7b-6920-47f1-b4a4-30ae85db147c'].url} />
+                <img className="cactus " src={this.state.resList['17b6ba20-9de4-44a5-a642-01bb306b279d'].url} />
+                <img className="cloud " src={this.state.resList['ba1d0dcd-a87e-4cc4-8bed-43b330f913cf'].url} />
+                <div className="btnShell" onClick={() => { console.log(1); }}>
+                    <img className="btn " src={this.state.resList['11b74972-220a-4d70-a46d-12ce437cdb4e'].url} />
+                </div>
+                <img className="title " src={this.state.resList['f00e7c09-13f3-45af-814e-b8687aa421f6'].url} />
+                <img className="rule " src={this.state.resList['f12ea74f-0281-4045-9c3f-74a1a75c3a2e'].url} onClick={() => { this.props.modal('rule') }} />
+                <img className="record " src={this.state.resList['0023f7d8-5251-4ee9-9157-e97bac2f12b7'].url} onClick={() => { this.props.modal('prize') }} />
+                <img className="logo " src={this.state.resList['f695edaf-f06c-4c1b-a503-cbfe02a8e5c2'].url} />
+                <div className="kuang" style={{ backgroundImage: `url(${this.state.resList['d5d649e2-a4eb-4f90-a5f8-102aef0da67f'].url})` }}>
+                    <div className="main">已挖<span className="bean"><img src={this.state.resList['df043cce-f329-472c-8ddc-fa491c0138c3'].url} />{this.time}</span>金豆</div>
+                    <div className="sub">当前速度可挖{this.time}金豆</div>
+                </div>
+                <div className="speed" onClick={() => { console.log(1); }}>
+                    <img className="speedUp" src={this.state.resList['05686032-6679-4978-aeda-af5583cc83c9'].url} />
+                </div>
+                <img className="draftTime" src={this.state.resList['f0fd2033-9859-4488-8604-c54969cba789'].url} />
+                <div className="per" dangerouslySetInnerHTML={{__html:`每分钟<br/>挖${this.time.substr(0,2)}颗豆`}}></div>
+                <img className="circle" src={this.state.resList['99c10125-0d70-4eed-8004-5432a53b78bd'].url} />
+                <div className="draft">
+                    <img className="draft_" src={this.state.resList['decaa54b-b5c1-4ce7-9f42-07587f7cf04e'].url} />
+                </div>
+                    {this.state.modal ? <GainModal closeModal={this.closeModal} data={this.data} go={() => this.props.go('main')}
+                    srcs={[
+                        this.state.resList['fd5e81a5-e880-4b17-b3d2-0f342d2c1e9e'].url,
+                        this.state.resList['0b0d3caa-d1ff-409d-a409-08bff66418a0'].url,
+                        this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,
+                    ]}></GainModal> : <></>}
+                    <div className="panda0"></div>
+                    <div className="panda1"></div>
+                    <div className="panda2"></div>
+                    <div className="kuangche"></div>
+                    <div className="faguang"></div>
+                    <div className="jindou"></div>
+            </div>
+        );
+    }
+
+    async playSvga() {
+        /**
+         * 快速装载一个svga动画
+         * @param name 资源name
+         * @param className 挂载元素的class name
+         * @param frame 从第几帧开始。默认0帧
+         * @param callback 回调
+         * @param loops 播放次数。默认为空，循环播放。
+         * @param clearsAfterStop 
+         */
+        this.pandaAni1 = await getSVGA("panda1", ".panda0", 0, null)
+        this.pandaAni2 = await getSVGA("panda1", ".panda1", 0, null)
+        // this.pandaAni3 = await getSVGA("panda2", ".panda2", 0, null)
+    
+        // this.kuangcheAni = await getSVGA("kuangche", ".kuangche", 0, null)
+        // this.faguangAni = await getSVGA("faguang", ".faguang", 0, null)
+    
+        // this.jindouAni = await getSVGA("jindou", ".jindou", 0, null)
+      }
+
+    gain = async () => {
+        this.setState({ modal: true })
+    }
+    closeModal = () => {
+        this.setState({ modal: false })
+    }
+}
+export default Dig;
\ No newline at end of file
--- a/src/pages/dig/dig.less
+++ b/src/pages/dig/dig.less
+.home {
+  width: 750px;
+  height: 1624px;
+  opacity: 1;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  left: 0px;
+  top: 0px;
+  .panda0 {
+    width: 250px;
+    height: 295px;
+    position: absolute;
+    top: 780px;
+    left: 55px;
+  }
+  .panda1 {
+    width: 250px;
+    height: 295px;
+    position: absolute;
+    top: 800px;
+    left: 155px;
+  }
+  .panda2 {
+    width: 250px;
+    height: 295px;
+    position: absolute;
+    top: 766px;
+    left: 465px;
+  }
+  // .kuangche {
+  //   width: 750px;
+  //   height: 1624px;
+  //   position: absolute;
+  //   top: 0;
+  //   left: 0;
+  // }
+  // .jindou {
+  //   width: 203px;
+  //   height: 251px;
+  //   left: -28px;
+  //   bottom: -26px;
+  //   position: absolute;
+  // }
+  // .faguang {
+  //   width: 170px;
+  //   height: 152px;
+  //   position: absolute;
+  //   top: 10px;
+  //   left: 40px;
+  // }
+  .sky {
+    width: 750px;
+    height: 1118px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .bg {
+    width: 750px;
+    height: 397px;
+    opacity: 1;
+    top: 550px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .timer {
+    width: 253px;
+    height: 58px;
+    opacity: 1;
+    top: 600px;
+    left: 255px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .circle {
+    width: 152px;
+    height: 154px;
+    opacity: 1;
+    top: 670px;
+    left: 30px;
+    position: absolute;
+    animation: 2s linear 0s infinite normal roll;
+  }
+  @keyframes roll {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .draftTime {
+    width: 152px;
+    height: 154px;
+    opacity: 1;
+    top: 670px;
+    left: 30px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .per {
+    width: 150px;
+    top: 720px;
+    left: 30px;
+    position: absolute;
+    color: white;
+    text-align: center;
+    font-weight: bold;
+  }
+  .draft {
+    width: 41px;
+    height: 32px;
+    opacity: 1;
+    top: 690px;
+    left: 90px;
+    position: absolute;
+  }
+  .draft_ {
+    width: 41px;
+    height: 32px;
+    transform: translate(-100%, -100%);
+    animation-name: swing;
+    animation-duration: 500ms;
+    animation-direction: alternate;
+    animation-iteration-count: infinite;
+  }
+  @keyframes swing {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(30deg);
+    }
+  }
+  .kuang {
+    width: 550px;
+    height: 152px;
+    opacity: 1;
+    top: 670px;
+    left: 100px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    .main {
+      font-size: 0.3rem;
+      color: #ad5600;
+      font-weight: 540;
+      margin: -0.05rem 0 0.05rem 0;
+      .bean {
+        font-size: 0.4rem;
+        font-weight: bold;
+        img {
+          margin-bottom: -0.1rem;
+          width: 52px;
+          height: 41px;
+        }
+      }
+    }
+    .sub {
+      font-size: 0.1rem;
+      color: #ad5600;
+    }
+  }
+
+  .speed {
+    width: 165px;
+    height: 165px;
+    opacity: 1;
+    top: 745px;
+    right: -45px;
+    position: absolute;
+  }
+  .speedUp {
+    transform-origin: 0px 0px 0px;
+    transform: translate(-50%, -50%);
+    animation: 0.5s linear 0s infinite alternate bigger;
+  }
+  @keyframes bigger {
+    from {
+      width: 155px;
+      height: 155px;
+    }
+    to {
+      width: 185px;
+      height: 185px;
+    }
+  }
+
+  .time {
+    color: red;
+    font-weight: bold;
+    font-size: 0.1rem;
+    opacity: 1;
+    top: 612px;
+    left: 418px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .earth {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    // top: 688px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .car {
+    width: 131px;
+    height: 95px;
+    opacity: 0;
+    top: 830px;
+    left: 330px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    animation: move 3s infinite linear normal;
+    // animation: move 2s 1s infinite linear normal;
+  }
+  // .car:before {
+  //   animation: move_ 1s ease 0s infinite;
+  // }
+  // @keyframes move_ {
+  //   0%,
+  //   33% {
+  //     opacity: 0;
+  //   }
+  // }
+  @keyframes move {
+    0%,
+    33% {
+      opacity: 0;
+    }
+    44.2% {
+      top: 854px;
+      left: 354px;
+      opacity: 1;
+    }
+    100% {
+      top: 950px;
+      left: 450px;
+      opacity: 1;
+    }
+  }
+  .light {
+    width: 319px;
+    height: 183px;
+    opacity: 1;
+    top: 690px;
+    left: 220px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    animation: blink 3s infinite linear normal;
+    // animation: Blink 3s infinite linear normal;
+  }
+  // @w: 220px;
+  // @h: 690px;
+  // @x: 24px;
+  // @y: 24px;
+  // .loop (@n, @index: 0) when (@n*@index <= 100) {
+  //   @keyframeSel: percentage(@n*@index/100);
+  //   @{keyframeSel}{
+  //     top:@h+@index*@y;
+  //     left:@w+@index*@x;
+  //     .show(@index)
+  //   }
+  //   .loop(@n, (@index + 1));
+  // }
+  // .show(@index)when(mod(@index,2)=1){
+  //   opacity: 1;
+  // }
+  // .show(@index)when(mod(@index,2)=0){
+  //   opacity: 0;
+  // }
+  // @keyframes Blink {
+  //   .loop(20);
+  // }
+  @keyframes blink {
+    0%,
+    33% {
+      opacity: 0;
+    }
+    44.2% {
+      top: 714px;
+      left: 244px;
+      opacity: 0.5;
+    }
+    55.4% {
+      top: 738px;
+      left: 268px;
+      opacity: 0;
+    }
+    66.6% {
+      top: 762px;
+      left: 292px;
+      opacity: 0.5;
+    }
+    77.8% {
+      top: 786px;
+      left: 316px;
+      opacity: 0;
+    }
+    100% {
+      top: 810px;
+      left: 340px;
+      opacity: 0.5;
+    }
+  }
+
+  .carMark {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .stone {
+    width: 750px;
+    height: 385px;
+    opacity: 1;
+    top: 723px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .cactus {
+    width: 750px;
+    height: 565px;
+    opacity: 1;
+    top: 815px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .cloud {
+    width: 750px;
+    height: 319px;
+    opacity: 0.9490196078431372;
+    top: 252px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .fw {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .btnShell {
+    width: 581px;
+    height: 150px;
+    opacity: 1;
+    left: 89px;
+    top: 1266px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .btn {
+    width: 581px;
+    height: 150px;
+    animation: 1.2s linear 0s infinite normal bubble;
+  }
+  @keyframes bubble {
+    30% {
+      transform: scale(1);
+    }
+    45% {
+      transform: scale(1.15);
+    }
+    60% {
+      transform: scale(1);
+    }
+    75% {
+      transform: scale(1.07);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
+  .title {
+    width: 495px;
+    height: 320px;
+    opacity: 1;
+    left: 131px;
+    top: 280px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .rule {
+    width: 138px;
+    height: 64px;
+    opacity: 1;
+    top: 275px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .record {
+    width: 143px;
+    height: 64px;
+    opacity: 1;
+    left: 607px;
+    top: 275px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .logo {
+    width: 671px;
+    height: 41px;
+    opacity: 1;
+    left: 43px;
+    top: 219px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}
--- a/src/pages/pagegua_pei_1/pagegua_pei_1.jsx
+++ b/src/pages/pagegua_pei_1/pagegua_pei_1.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagegua_pei_1.less';
+class Pagegua_pei_1 extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="gua_pei_1 ">
+        <div className="ju_xing_3015 " />
+        <img className="tu_ceng_2746 " />
+        <img
+          className="ju_zhong_xiang_dui_gua_pei_can "
+          src={this.state.resList['eb1eb203-0d09-4006-86ab-bb57b94baaae'].url}
+        />
+        <img className="tu_ceng_1448 " src={this.state.resList['4217fbf5-ca7a-4d81-8d44-2bcd14a1bd1a'].url} />
+        <img className="tu_ceng_1206 " src={this.state.resList['e3d2e3c3-ece0-48fb-91d4-f89e009c780b'].url} />
+      </div>
+    );
+  }
+}
+export default Pagegua_pei_1;
--- a/src/pages/pagegua_pei_1/pagegua_pei_1.less
+++ b/src/pages/pagegua_pei_1/pagegua_pei_1.less
+.gua_pei_1 {
+  width: 752px;
+  height: 1626px;
+  opacity: 1;
+  left: -1px;
+  top: -1px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .ju_xing_3015 {
+    width: 752px;
+    height: 100px;
+    opacity: 0.6;
+    top: 1438px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    background-color: rgba(0, 0, 0, 1);
+  }
+  .tu_ceng_2746 {
+    width: 0px;
+    height: 0px;
+    opacity: 1;
+    left: 1px;
+    top: 1px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ju_zhong_xiang_dui_gua_pei_can {
+    width: 750px;
+    height: 1624px;
+    opacity: 0.47843137254901963;
+    left: 1px;
+    top: 1px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .tu_ceng_1448 {
+    width: 752px;
+    height: 1626px;
+    opacity: 0.6;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .tu_ceng_1206 {
+    width: 752px;
+    height: 1626px;
+    opacity: 0.6;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}
--- a/src/pages/pagelogo58/pagelogo58.jsx
+++ b/src/pages/pagelogo58/pagelogo58.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagelogo58.less';
+class Pagelogo58 extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return <img className="logo58 " src={this.state.resList['b527619d-6923-4f9a-ab5a-23e3672c691c'].url} />;
+  }
+}
+export default Pagelogo58;
--- a/src/pages/pagelogo58/pagelogo58.less
+++ b/src/pages/pagelogo58/pagelogo58.less
+.logo58 {
+  width: 671px;
+  height: 41px;
+  opacity: 1;
+  left: 43px;
+  top: 219px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+}
--- a/src/pages/pageyao_qing_ru_dui_fen_xiang_luo/pageyao_qing_ru_dui_fen_xiang_luo.jsx
+++ b/src/pages/pageyao_qing_ru_dui_fen_xiang_luo/pageyao_qing_ru_dui_fen_xiang_luo.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+import API from '../../api';
+
+import './pageyao_qing_ru_dui_fen_xiang_luo.less';
+class Pageyao_qing_ru_dui_fen_xiang_luo extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="yao_qing_ru_dui_fen_xiang_luo ">
+        <img className="bei_jing_78 " src={this.state.resList['18cae90b-0241-442b-81dc-ce9003f6eae3'].url} />
+        <img className="guang_77 " src={this.state.resList['1797082f-b2d3-4afc-909e-584f5a019bd5'].url} />
+        <img className="an_niu_76 " src={this.state.resList['83b8b08e-3209-4f84-9edf-b98fab1aa4a7'].url} onClick={() => this.join()} />
+        <img className="biao_ti_75 " src={this.state.resList['075220b6-5a2b-4498-9fe1-46905ceb3f3f'].url} />
+        <img className="qi_pao_74 " src={this.state.resList['167b407a-4815-4559-b319-03403ef81dd2'].url} />
+        <img className="logo73 " src={this.state.resList['b527619d-6923-4f9a-ab5a-23e3672c691c'].url} />
+      </div>
+    );
+  }
+
+  join = async () => {
+    const map = ['full', 'more', 'getBean', 'gone', 'already', 'self']
+    let data = await API.joinGroup()
+    data = ~~(Math.random() * 6)
+    console.log(data);
+    this.props.modal(map[data])
+  }
+}
+export default Pageyao_qing_ru_dui_fen_xiang_luo;
--- a/src/pages/pageyao_qing_ru_dui_fen_xiang_luo/pageyao_qing_ru_dui_fen_xiang_luo.less
+++ b/src/pages/pageyao_qing_ru_dui_fen_xiang_luo/pageyao_qing_ru_dui_fen_xiang_luo.less
+.yao_qing_ru_dui_fen_xiang_luo {
+  width: 750px;
+  height: 1624px;
+  opacity: 1;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .bei_jing_78 {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .guang_77 {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_76 {
+    width: 441px;
+    height: 149px;
+    opacity: 1;
+    left: 155px;
+    top: 1225px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .biao_ti_75 {
+    width: 537px;
+    height: 296px;
+    opacity: 1;
+    left: 105px;
+    top: 352px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .qi_pao_74 {
+    width: 480px;
+    height: 114px;
+    opacity: 1;
+    left: 91px;
+    top: 801px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .logo73 {
+    width: 671px;
+    height: 41px;
+    opacity: 1;
+    left: 43px;
+    top: 219px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}
--- a/src/pages/pagezhu_li_pkzhu_li_fen/pagezhu_li_pkzhu_li_fen.jsx
+++ b/src/pages/pagezhu_li_pkzhu_li_fen/pagezhu_li_pkzhu_li_fen.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+import API from '../../api';
+
+import './pagezhu_li_pkzhu_li_fen.less';
+class Pagezhu_li_pkzhu_li_fen extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="zhu_li_pkzhu_li_fen ">
+        <img className="bei_jing_72 " src={this.state.resList['18cae90b-0241-442b-81dc-ce9003f6eae3'].url} />
+        <img className="guang_71 " src={this.state.resList['13771043-8130-48ee-bcc6-9c79275384f5'].url} />
+        <img className="an_niu_70 " src={this.state.resList['c4113565-a061-4120-bc33-96cc7c5ce66e'].url} onClick={() => this.help()} />
+        <img className="biao_ti_69 " src={this.state.resList['075220b6-5a2b-4498-9fe1-46905ceb3f3f'].url} />
+        <img className="qi_pao_68 " src={this.state.resList['4cad75ea-238b-44e6-b198-fad65db70830'].url} />
+        <img className="logo67 " src={this.state.resList['b527619d-6923-4f9a-ab5a-23e3672c691c'].url} />
+      </div>
+    );
+  }
+  help = async () => {
+    const map = ['success', 'done', 'self_', 'end']
+    let data = await API.joinGroup()
+    data = ~~(Math.random() * 4)
+    console.log(data);
+    this.props.modal(map[data])
+  }
+}
+export default Pagezhu_li_pkzhu_li_fen;
--- a/src/pages/pagezhu_li_pkzhu_li_fen/pagezhu_li_pkzhu_li_fen.less
+++ b/src/pages/pagezhu_li_pkzhu_li_fen/pagezhu_li_pkzhu_li_fen.less
+.zhu_li_pkzhu_li_fen {
+  width: 750px;
+  height: 1624px;
+  opacity: 1;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .bei_jing_72 {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .guang_71 {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_70 {
+    width: 441px;
+    height: 149px;
+    opacity: 1;
+    left: 155px;
+    top: 1225px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .biao_ti_69 {
+    width: 537px;
+    height: 296px;
+    opacity: 1;
+    left: 105px;
+    top: 352px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .qi_pao_68 {
+    width: 476px;
+    height: 114px;
+    opacity: 1;
+    left: 92px;
+    top: 801px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .logo67 {
+    width: 671px;
+    height: 41px;
+    opacity: 1;
+    left: 43px;
+    top: 219px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}
--- a/src/pages/pagezu_dui_ye/pagezu_dui_ye.jsx
+++ b/src/pages/pagezu_dui_ye/pagezu_dui_ye.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+//import API from '../../api';
+import './pagezu_dui_ye.less';
+
+class Pagezu_dui_ye extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList, };
+  }
+  render () {
+    return (
+      <div className="zu_dui_ye ">
+        <img className="bei_jing_66 " src={this.state.resList['f9855d13-2af3-49ca-94ed-52d800c865e6'].url} />
+        <img className="guang_65 " src={this.state.resList['eb4018e6-4891-47a2-a508-8c54c6c6c4d9'].url} />
+        <img className="an_niu_qu_pkqiang_jin " src={this.state.resList['2de1fce8-edfe-4dc4-a330-602eeb123bef'].url} onClick={() => this.props.go()} />
+        <span className="ben_chang_zui_duo_ke_wa_164 ">本场最多可挖1000金豆</span>
+        <img className="biao_ti_63 " src={this.state.resList['b38b4cc6-1478-48a0-9ce4-b82a5533463a'].url} />
+        {/* <img
+          className="huo_dong_jie_zhi_shi_jian_62 "
+          src={this.state.resList['557e90cc-7d05-46af-9a24-e504501e63ae'].url}
+        /> */}
+        <img className="huo_dong_gui_ze_tp61 " src={this.state.resList['02e80b50-c8dd-4f53-827f-44ae97f02784'].url} onClick={() => this.props.modal('rule')} />
+        <img className="wo_de_jiang_pin_tp60 " src={this.state.resList['8b3e303d-bc52-43fc-ad13-d010c9e4aee2'].url} onClick={() => this.props.modal('prize')} />
+        <img className="logo59 " src={this.state.resList['b527619d-6923-4f9a-ab5a-23e3672c691c'].url} />
+      </div>
+    );
+  }
+
+
+}
+export default Pagezu_dui_ye;
--- a/src/pages/pagezu_dui_ye/pagezu_dui_ye.less
+++ b/src/pages/pagezu_dui_ye/pagezu_dui_ye.less
+.zu_dui_ye {
+  width: 750px;
+  height: 1624px;
+  opacity: 1;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .bei_jing_66 {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .guang_65 {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_qu_pkqiang_jin {
+    width: 448px;
+    height: 150px;
+    opacity: 1;
+    left: 192px;
+    top: 1266px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ben_chang_zui_duo_ke_wa_164 {
+    width: 266px;
+    height: 23px;
+    opacity: 1;
+    left: 241px;
+    top: 647px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 24px;
+    color: rgba(231, 62, 38, 1);
+  }
+  .biao_ti_63 {
+    width: 537px;
+    height: 296px;
+    opacity: 1;
+    left: 105px;
+    top: 272px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .huo_dong_jie_zhi_shi_jian_62 {
+    width: 413px;
+    height: 42px;
+    opacity: 1;
+    left: 165px;
+    top: 573px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .huo_dong_gui_ze_tp61 {
+    width: 138px;
+    height: 64px;
+    opacity: 1;
+    top: 276px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .wo_de_jiang_pin_tp60 {
+    width: 143px;
+    height: 64px;
+    opacity: 1;
+    left: 607px;
+    top: 276px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .logo59 {
+    width: 671px;
+    height: 41px;
+    opacity: 1;
+    left: 43px;
+    top: 219px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}
--- a/src/pages/pagezu_dui_ye_cheng_wei_dui_chang/pagezu_dui_ye_cheng_wei_dui_chang.jsx
+++ b/src/pages/pagezu_dui_ye_cheng_wei_dui_chang/pagezu_dui_ye_cheng_wei_dui_chang.jsx
+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagezu_dui_ye_cheng_wei_dui_chang.less';
+import Profile from "../../components/profile/profile.jsx";
+
+class Pagezu_dui_ye_cheng_wei_dui_chang extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render () {
+    return (
+      <div className="zu_dui_ye_cheng_wei_dui_chang ">
+        <img className="yuan_su " src={this.state.resList['b2b271ba-acf1-44c9-9f83-5ca199752088'].url} />
+        <div className="ren_wu_tou_xiang ">
+          <img className="tuo_yuan_89 " src={this.state.resList['9e849edf-d4c5-4a78-98cf-694b88084376'].url} />
+          {/* <img className="tu_ceng_1194kao " src={this.state.resList['facfc90d-6bcb-4456-9dd4-b4904bca9c92'].url} /> */}
+          <img className="tuo_yuan_88 " src={this.state.resList['849e7812-d74d-46b0-a2d5-0e98d42501ec'].url} />
+          {/* <img className="jie_ping_20201 " src={this.state.resList['fd5e81a5-e880-4b17-b3d2-0f342d2c1e9e'].url} /> */}
+          <img className="tou_xiang " src={this.state.resList['dafd85f3-e303-4fd6-aa34-067c09c3f72e'].url} />
+        </div>
+        <img className="guang_87 " src={this.state.resList['e905bee2-cf7c-4a59-9358-0421e5c83684'].url} />
+        <img className="an_niu_86 " src={this.state.resList['fa3027da-2312-4269-8988-d41296992a87'].url} onClick={() => this.props.go('sub')} />
+        {/* <img
+          className="an_niu_zai_yao_qing_1ren "
+          src={this.state.resList['3a9712d5-96d6-4b2d-a229-487578a16a8c'].url}
+        /> */}
+        <span className="dui_chang_ke_huo_de_geng_duo ">队长可获得更多金豆</span>
+        <img className="biao_ti_85 " src={this.state.resList['37296b29-94c7-4500-a929-69e7a105bca1'].url} />
+        <img
+          className="huo_dong_jie_zhi_shi_jian_84 "
+          src={this.state.resList['557e90cc-7d05-46af-9a24-e504501e63ae'].url}
+        />
+        <img className="huo_dong_gui_ze_tp83 " src={this.state.resList['02e80b50-c8dd-4f53-827f-44ae97f02784'].url} onClick={() => this.props.modal('rule')} />
+        <img className="wo_de_jiang_pin_tp82 " src={this.state.resList['8b3e303d-bc52-43fc-ad13-d010c9e4aee2'].url} onClick={() => this.props.modal('prize')} />
+        <img className="tuo_yuan_81 " src={this.state.resList['d8aac164-01e4-4e25-b013-a672363a0857'].url} />
+        <img className="logo80 " src={this.state.resList['b527619d-6923-4f9a-ab5a-23e3672c691c'].url} />
+        {/* <span className="ben_chang_zui_duo_ke_wa_179 ">本场最多可挖1000金豆</span> */}
+        <Profile className="profile" hasText='true' srcs={[
+        this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,
+        this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,
+        this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,
+        this.state.resList['0b0d3caa-d1ff-409d-a409-08bff66418a0'].url,
+        this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,
+        this.state.resList['0b0d3caa-d1ff-409d-a409-08bff66418a0'].url,
+      ]}></Profile>
+        <Profile className="profile_" srcs={[this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,]} hasText='true'></Profile>
+        <Profile className="profile__" srcs={[this.state.resList['f0deb9c5-04a1-4311-bdad-93060e1ddad3'].url,]} hasText='true'></Profile>
+      </div>
+    );
+  }
+}
+export default Pagezu_dui_ye_cheng_wei_dui_chang;
--- a/src/pages/pagezu_dui_ye_cheng_wei_dui_chang/pagezu_dui_ye_cheng_wei_dui_chang.less
+++ b/src/pages/pagezu_dui_ye_cheng_wei_dui_chang/pagezu_dui_ye_cheng_wei_dui_chang.less
+.zu_dui_ye_cheng_wei_dui_chang {
+  width: 750px;
+  height: 1624px;
+  opacity: 1;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .yuan_su {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ren_wu_tou_xiang {
+    width: 563px;
+    height: 182px;
+    opacity: 1;
+    left: 91px;
+    top: 868px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .tuo_yuan_89 {
+      width: 83px;
+      height: 82px;
+      opacity: 1;
+      left: 3px;
+      top: 3px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .tu_ceng_1194kao {
+      width: 89px;
+      height: 89px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .tuo_yuan_88 {
+      width: 83px;
+      height: 81px;
+      opacity: 1;
+      left: 112px;
+      top: 58px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .jie_ping_20201 {
+      width: 129px;
+      height: 128px;
+      opacity: 1;
+      left: 79px;
+      top: 54px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .tou_xiang {
+      width: 88px;
+      height: 88px;
+      opacity: 1;
+      left: 475px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+  .guang_87 {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_86 {
+    width: 441px;
+    height: 150px;
+    opacity: 1;
+    left: 155px;
+    top: 1272px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .an_niu_zai_yao_qing_1ren {
+    width: 550px;
+    height: 150px;
+    opacity: 1;
+    left: 104px;
+    top: 1266px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .dui_chang_ke_huo_de_geng_duo {
+    width: 217px;
+    height: 23px;
+    opacity: 1;
+    left: 266px;
+    top: 1243px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 24px;
+    color: rgba(231, 62, 38, 1);
+  }
+  .biao_ti_85 {
+    width: 537px;
+    height: 296px;
+    opacity: 1;
+    left: 105px;
+    top: 270px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .huo_dong_jie_zhi_shi_jian_84 {
+    width: 413px;
+    height: 42px;
+    opacity: 1;
+    left: 165px;
+    top: 573px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .huo_dong_gui_ze_tp83 {
+    width: 138px;
+    height: 64px;
+    opacity: 1;
+    top: 276px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .wo_de_jiang_pin_tp82 {
+    width: 143px;
+    height: 64px;
+    opacity: 1;
+    left: 607px;
+    top: 276px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .tuo_yuan_81 {
+    width: 88px;
+    height: 88px;
+    opacity: 1;
+    left: 200px;
+    top: 922px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .logo80 {
+    width: 671px;
+    height: 41px;
+    opacity: 1;
+    left: 43px;
+    top: 219px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .ben_chang_zui_duo_ke_wa_179 {
+    width: 266px;
+    height: 23px;
+    opacity: 1;
+    left: 241px;
+    top: 647px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 24px;
+    color: rgba(231, 62, 38, 1);
+  }
+  .profile {
+    position: absolute;
+    top: 860px;
+    left: 90px;
+  }
+  .profile_ {
+    position: absolute;
+    top: 920px;
+    left: 190px;
+  }
+  .profile__ {
+    position: absolute;
+    top: 865px;
+    left: 555px;
+  }
+}
--- a/src/resconfig/res.js
+++ b/src/resconfig/res.js
+
+/**
+ * 目前没有用到
+ * @param {*} resList 
+ * @param {*} uuid 
+ */
+const getSrcByUuid = (resList, uuid) => {
+    resList = resList || [];
+    for (let i = 0; i < resList.length; i++) {
+        if (resList[i].uuid == uuid) {
+            return resList[i].url
+        }
+    }
+}
+module.exports = {
+    getSrcByUuid
+}
\ No newline at end of file
--- a/src/resconfig/resList.js
+++ b/src/resconfig/resList.js