111

src/app.jsx

@@ -11,7 +11,7 @@ import getQueryParams from "./utils/getQueryParams";
 
 console.log('getQueryParams()', getQueryParams())
 const { page, modal, ddd } = getQueryParams();
-import Fuck from './pages/fuck/fuck.jsx';
+
 import Index from './pages/index/index.jsx';
 
 class App extends Component {
@@ -21,9 +21,9 @@ class App extends Component {
 
     let current;
     switch (page) {
-      case 'fuck':
-        current = <Fuck />
-        break;
+      // case 'fuck':
+      //   current = <Fuck />
+      //   break;
       default:
         current = <Index />
         break;

src/components/alert/alert.jsx

+'use strict';
+
+import React from 'react';
+import { RES_PATH } from '../../../sparkrc.js';
+import { observer } from 'mobx-react';
+import store from '../../store/index';
+import modalStore from '@src/store/modal';
+import API from '../../api';
+import './alert.less';
+
+@observer
+class Alert extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div className="alert">
+        <span className="alert_bg"></span>
+        <span className="alert_ok"></span>
+        <span className="alert_close"></span>
+      </div>
+    );
+  }
+}
+export default Alert;

src/components/alert/alert.less

+@import "../../res.less";
+.alert {
+  width: 659px;
+  height: 489px;
+  left: 46px;
+  top: 527px;
+  position: absolute;
+  .alert_bg {
+    width: 657px;
+    height: 482px;
+    left: 0px;
+    top: 7px;
+    position: absolute;
+    .sparkBg("alert/alert_bg.png");
+  }
+  .alert_ok {
+    width: 415px;
+    height: 101px;
+    left: 122px;
+    top: 301px;
+    position: absolute;
+    .sparkBg("alert/alert_ok.png");
+  }
+  .alert_close {
+    width: 82px;
+    height: 82px;
+    left: 577px;
+    top: 0px;
+    position: absolute;
+    .sparkBg("alert/alert_close.png");
+  }
+}

src/modal/modal.jsx

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

src/pages/fuck/fuck.jsx

-'use strict';
-import API from '@src/api';
-import { ajaxImg } from '@src/utils/ajaxImg';
-import { observer } from 'mobx-react';
-import React, { Component } from 'react';
-import modalStore from '../../store/modal';
-import './fuck.less';
-import { gettestbase64 } from './testbase64';
-
-@observer
-class Fuck extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      currentCity: 'loading....',
-      pic: null
-    }
-    window.API=API;
-  }
-
-  componentDidMount() {
-    // modalStore.pushPop('Award')
-    // modalStore.pushPop('Doassist', {  })
-    // console.log('gettestbase64', gettestbase64())
-    // API.imgUrl(
-    //   {
-    //     img64: gettestbase64()
-    //   }
-    // );
-
-    ajaxImg(
-      '/customActivity/duiba/imgUrl',
-      JSON.stringify({ img64: gettestbase64() })
-    );
-
-    API.getBase64Img({ }).then((data) => {
-      console.log('getBase64Img', data.data)
-      this.setState({ pic: `data:image/png;charset=utf-8;base64,${data.data}` })
-    })
-    API.getQrcode({
-      content: 'https://www.baidu.com/',
-      with: 200,
-      height: 200,
-    }).then((data) => {
-      console.log('getQrcode', data.data)
-      // this.setState({ pic: data.data })
-    })
-  }
-
-  onClick_join = () => {
-    console.log('onClick_join', this.refs.join.value);
-
-    API.join({ city: this.refs.join.value });
-  }
-
-  onClick_rankInfo = () => {
-
-    modalStore.pushPop("Firstlight", {
-      value: 5,
-    });
-    console.log('onClick_rankInfo')
-    API.rankInfo();
-  }
-  onClick_hljurl = () => {
-    const { go, hljurl } = window.hlj_open_sdk;
-    console.log('go',go);
-    console.log('hljurl',hljurl);
-    const url ='hljclient://page?jsonData={"type":7,"pageName":"HTML","data":{"url1":"https://m.helijia.com/mine/index.html?channel=923shiyongyouhuiquan#/coupon"}}';
-    go(hljurl(url));
-  }
-
-  render() {
-    const { currentCity, pic } = this.state;
-    return (
-      <div className="sha1repage">
-        {/* <span className="sharepagebg"></span> */}
-        <button onClick={this.onClick_hljurl}>hljurl</button>
-        <button onClick={this.onClick_rankInfo}>API.rankInfo</button>
-        <br />
-        <button onClick={this.onClick_join}>API.join</button> <input ref="join" type="text" />
-        <img src={pic}></img>
-      </div>
-    );
-  }
-}
-
-export default Fuck;

src/pages/fuck/fuck.less

-@import "../../res.less";
-.sharepage {
-  width: 750px;
-  height: 1624px;
-  left: 0px;
-  top: 0px;
-  position: absolute;
-  .sharepagebg {
-    width: 750px;
-    height: 1624px;
-    left: 0px;
-    top: 0px;
-    position: absolute;
-    .sparkBg("sharepage/sharepagebg.png");
-  }
-}

src/pages/fuck/testbase64.js

-export const gettestbase64 = ()=>{
-
-    return 'data:image/png;base64,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'
-
-
-}
\ No newline at end of file

src/pages/index/index.jsx

@@ -4,57 +4,61 @@ import modalStore from '@src/store/modal';
 import { observer } from 'mobx-react';
 import React from 'react';
 import './index.less';
+
 @observer
 class Index extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      isOn: 1
-    }
-  }
-  
-  onclick_rank=()=>{
-    console.warn('onclick_rank')
+      isOn: 1,
+    };
   }
 
-  onclick_start=()=>{
-    console.warn('onclick_start')
-  }
+  onclick_rank = () => {
+    console.warn('onclick_rank');
+  };
+  onclick_start = () => {
+    console.warn('onclick_start');
+  };
 
-  openMusic(isOn){
-    console.warn('isOn',isOn ? '开':'关');
+  openMusic(isOn) {
+    console.warn('isOn', isOn ? '开' : '关');
   }
-  componentDidMount(){
+
+  componentDidMount() {
     this.openMusic(1);
   }
 
   onClick_music_on = () => {
-    this.setState({isOn:0});
-    this.openMusic(0)
-  }
-
+    this.setState({
+      isOn: 0,
+    });
+    this.openMusic(0);
+  };
   onClick_music_off = () => {
-    this.setState({isOn:1})
-    this.openMusic(1)
-  }
-
+    this.setState({
+      isOn: 1,
+    });
+    this.openMusic(1);
+  };
   onclick_record = () => {
-    console.warn('onclick_record')
-  }
+    console.warn('onclick_record');
+  };
   onclick_rule = () => {
-    modalStore.pushPop("Rule");
-  }
+    modalStore.pushPop('Rule');
+  };
+
   render() {
     const { isOn } = this.state;
     return (
       <div className="index">
         <span className="index_bg"></span>
-        <span onClick={this.onclick_rank}  className="index_rankbtn"></span>
-        {
-          isOn ? (<span onClick={this.onClick_music_on} className="index_on"></span>)
-            :
-            (<span onClick={this.onClick_music_off} className="index_f"></span>)
-        }
+        <span onClick={this.onclick_rank} className="index_rankbtn"></span>
+        {isOn ? (
+          <span onClick={this.onClick_music_on} className="index_on"></span>
+        ) : (
+          <span onClick={this.onClick_music_off} className="index_f"></span>
+        )}
         <span onClick={this.onclick_record} className="index_record"></span>
         <span onClick={this.onclick_rule} className="index_rule"></span>
         <span className="index_tips">今日剩余X次</span>

src/pages/index/index.less

@@ -22,21 +22,21 @@
     position: absolute;
     .sparkBg("index/index_rankbtn.png");
   }
-  .index_f {
+  .index_on {
     width: 57px;
     height: 57px;
     left: 672px;
     top: 231px;
     position: absolute;
-    .sparkBg("index/index_off.png");
+    .sparkBg("index/index_on.png");
   }
-  .index_on {
+  .index_f {
     width: 57px;
     height: 57px;
     left: 672px;
     top: 231px;
     position: absolute;
-    .sparkBg("index/index_on.png");
+    .sparkBg("index/index_off.png");
   }
   .index_record {
     width: 145px;