Skip to content

T
testspark115
Commit 196c61f6 authored by wildfirecode13's avatar wildfirecode13
Browse files
Options

1

parent 38a139f4
Hide whitespace changes
Inline Side-by-side
Showing with 1151 additions and 0 deletions
___cache/ver1/src/api/apicfg.js 0 → 100644
View file @ 196c61f6
const apiCfg = {
getRule:`projectRule.query`,
doJoin: {
uri: `join.do`,
method: "post"
},
}
export default apiCfg;
___cache/ver1/src/api/index.js 0 → 100644
View file @ 196c61f6
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;
}
___cache/ver1/src/api/request.js 0 → 100644
View file @ 196c61f6
import Qs from "qs";
import axios from "axios";
// 分享召回工具类
import { isFromShare, newUser } from 'duiba-utils';
let mergeData = {
user_type: newUser ? '0' : '1',
is_from_share: isFromShare ? '0' : '1',
_t: Date.now()
}
const TIMEOUT = 10000;
const instance = axios.create({
timeout: TIMEOUT, // 请求超时时间
});
instance.interceptors.request.use(
(config) => {
if (config.method === "get") {
config.data = true;
}
config.method === "post"
? (config.data = Qs.stringify({ ...config.data, ...mergeData }))
: (config.params = { ...config.params, ...mergeData });
config.headers["Content-Type"] = "application/x-www-form-urlencoded";
return config;
},
(error) => {
//请求错误处理
Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
// 请求成功
(res) => {
const { status } = res || -1000;
return (status >= 200 && status <= 400) ? res.data : res
}
);
export default instance;
___cache/ver1/src/app.jsx 0 → 100644
View file @ 196c61f6
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./app.less";
import { MOCK_STATUS } from '../sparkrc';
MOCK_STATUS && (require('../mock/index'));
import MD from '../MD';
MD();
//此处为spark-cli动态生成
import Start from "./pages/start/start.jsx";
class App extends Component {
render() {
return (
<Start>请在app.jsx中指定首页</Start>
);
}
}
ReactDOM.render(<App />, document.getElementById("root"));
___cache/ver1/src/app.less 0 → 100644
View file @ 196c61f6
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 24px;
width: 100%;
height: 100%;
}
___cache/ver1/src/assets/start_bg.png 0 → 100644
View file @ 196c61f6
This diff is collapsed.
___cache/ver1/src/pages/start/start.jsx 0 → 100644
View file @ 196c61f6
'use strict';
import React, { Component } from 'react';
import { RES_PATH } from '../../../sparkrc.js';
//import API from '../../api';
import './start.less';
class Start extends Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="start " uuid="9bb7f399-648f-46b3-b294-94966107905d">
<img className="start_bg " uuid="a74886ee-ac0a-4a47-ba82-031bc64a5d4f" src={RES_PATH + 'start_bg.png'} />
<img className="start_biao_ti " uuid="24731bf6-5dc7-4f6d-8d0f-8f6fa81bc3de" src={RES_PATH + 'start_标题.png'} />
<img className="start_an_niu " uuid="6d8b4e61-97a2-4343-be2c-8f6fee1029f1" src={RES_PATH + 'start_按钮.png'} />
<span className="start_mian_fei_you_xi_ci_shu_2 " uuid="675d93df-0cc1-4097-886f-415947bd482c">
免费游戏次数：2
</span>
<img
className="start_huo_qu_ji_fen "
uuid="0cb8c17f-07b2-40e0-9ef3-95d3a70f754e"
src={RES_PATH + 'start_获取积分.png'}
/>
<img
className="start_you_xi_pai_xing "
uuid="c682a807-8b59-422c-b784-8328001eae73"
src={RES_PATH + 'start_游戏排行.png'}
/>
<img
className="start_wo_de_jiang_pin "
uuid="e5b6a7a3-a64c-45e6-8266-f0de29884da7"
src={RES_PATH + 'start_我的奖品.png'}
/>
<img
className="start_huo_dong_gui_ze "
uuid="abee9d1c-e95b-4f4f-9f19-227e251c0788"
src={RES_PATH + 'start_活动规则.png'}
/>
<span className="start_wo_de_ji_fen_1000 " uuid="268ac918-2afd-4d8c-b4f7-b7503b560b72">
我的积分：1000
</span>
<span className="start_ben_zhou_li_shi_zui_gao_fen " uuid="08639d22-3114-4933-9efd-1f3d0d448e48">
本周历史最高分:
</span>
<span className="start_dang_qian_pai_xing_231 " uuid="76b2f04b-84d3-4531-b070-5bbf9256ef6a">
当前排行: 231
</span>
<span className="start_523 " uuid="fa7e4c44-a33c-499a-9241-43e1f4a596b2">
523
</span>
<img
className="start_sheng_yin "
uuid="c42b9e07-d373-4e2b-9c41-83fc1b64a782"
src={RES_PATH + 'start_声音.png'}
/>
</div>
);
}
}
export default Start;
___cache/ver1/src/pages/start/start.less 0 → 100644
View file @ 196c61f6
.start {
width: 750px;
height: 1624px;
position: absolute;
.start_bg {
width: 750px;
height: 1624px;
position: absolute;
}
.start_biao_ti {
width: 633px;
height: 244px;
top: 14%;
left: 64px;
position: absolute;
}
.start_an_niu {
width: 408px;
height: 137px;
left: 171px;
top: 1310px;
position: absolute;
}
.start_mian_fei_you_xi_ci_shu_2 {
width: 151px;
height: 19px;
left: 300px;
top: 1400px;
position: absolute;
font-size: 65px;
color: rgba(255, 254, 254, 1);
}
.start_huo_qu_ji_fen {
width: 87px;
height: 87px;
right: 8%;
left: 600px;
top: 1344px;
position: absolute;
}
.start_you_xi_pai_xing {
width: 84px;
height: 92px;
top: 7%;
left: 425px;
position: absolute;
}
.start_wo_de_jiang_pin {
width: 84px;
height: 93px;
top: 7%;
left: 527px;
position: absolute;
}
.start_huo_dong_gui_ze {
width: 84px;
height: 93px;
top: 7%;
left: 627px;
position: absolute;
}
.start_wo_de_ji_fen_1000 {
width: 214px;
height: 29px;
left: 268px;
top: 1482px;
position: absolute;
font-size: 60px;
color: rgba(40, 83, 159, 1);
}
.start_ben_zhou_li_shi_zui_gao_fen {
width: 186px;
height: 25px;
left: 241px;
top: 517px;
position: absolute;
font-size: 30px;
color: rgba(57, 99, 173, 1);
}
.start_dang_qian_pai_xing_231 {
width: 164px;
height: 25px;
left: 298px;
top: 568px;
position: absolute;
font-size: 30px;
color: rgba(57, 99, 173, 1);
}
.start_523 {
width: 66px;
height: 29px;
left: 437px;
top: 513px;
position: absolute;
font-size: 44px;
color: rgba(200, 51, 44, 1);
}
.start_sheng_yin {
width: 50px;
height: 46px;
left: 39px;
top: 149px;
position: absolute;
}
}
___cache/ver2/src/api/apicfg.js 0 → 100644
View file @ 196c61f6
const apiCfg = {
getRule:`projectRule.query`,
doJoin: {
uri: `join.do`,
method: "post"
},
}
export default apiCfg;
___cache/ver2/src/api/index.js 0 → 100644
View file @ 196c61f6
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;
}
___cache/ver2/src/api/request.js 0 → 100644
View file @ 196c61f6
import Qs from "qs";
import axios from "axios";
// 分享召回工具类
import { isFromShare, newUser } from 'duiba-utils';
let mergeData = {
user_type: newUser ? '0' : '1',
is_from_share: isFromShare ? '0' : '1',
_t: Date.now()
}
const TIMEOUT = 10000;
const instance = axios.create({
timeout: TIMEOUT, // 请求超时时间
});
instance.interceptors.request.use(
(config) => {
if (config.method === "get") {
config.data = true;
}
config.method === "post"
? (config.data = Qs.stringify({ ...config.data, ...mergeData }))
: (config.params = { ...config.params, ...mergeData });
config.headers["Content-Type"] = "application/x-www-form-urlencoded";
return config;
},
(error) => {
//请求错误处理
Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
// 请求成功
(res) => {
const { status } = res || -1000;
return (status >= 200 && status <= 400) ? res.data : res
}
);
export default instance;
___cache/ver2/src/app.jsx 0 → 100644
View file @ 196c61f6
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./app.less";
import { MOCK_STATUS } from '../sparkrc';
MOCK_STATUS && (require('../mock/index'));
import MD from '../MD';
MD();
//此处为spark-cli动态生成
import Start from "./pages/start/start.jsx";
class App extends Component {
render() {
return (
<Start>请在app.jsx中指定首页</Start>
);
}
}
ReactDOM.render(<App />, document.getElementById("root"));
___cache/ver2/src/app.less 0 → 100644
View file @ 196c61f6
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 24px;
width: 100%;
height: 100%;
}
___cache/ver2/src/assets/start_bg.png 0 → 100644
View file @ 196c61f6
This diff is collapsed.
___cache/ver2/src/pages/start/start.jsx 0 → 100644
View file @ 196c61f6
'use strict';
import React, { Component } from 'react';
import { RES_PATH } from '../../../sparkrc.js'; //import API from '../../api';
import './start.less';
class Start extends Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="start " uuid="9bb7f399-648f-46b3-b294-94966107905d">
<img className="start_bg " uuid="a74886ee-ac0a-4a47-ba82-031bc64a5d4f" src={RES_PATH + 'start_bg.png'} />
<img className="start_biao_ti " uuid="24731bf6-5dc7-4f6d-8d0f-8f6fa81bc3de" src={RES_PATH + 'start_标题.png'} />
<img className="start_an_niu " uuid="6d8b4e61-97a2-4343-be2c-8f6fee1029f1" src={RES_PATH + 'start_按钮.png'} />
<span className="start_mian_fei_you_xi_ci_shu_2 " uuid="675d93df-0cc1-4097-886f-415947bd482c">
免费游戏次数：2
</span>
<img
className="start_huo_qu_ji_fen "
uuid="0cb8c17f-07b2-40e0-9ef3-95d3a70f754e"
src={RES_PATH + 'start_获取积分.png'}
/>
<img
className="start_you_xi_pai_xing "
uuid="c682a807-8b59-422c-b784-8328001eae73"
src={RES_PATH + 'start_游戏排行.png'}
/>
<img
className="start_wo_de_jiang_pin "
uuid="e5b6a7a3-a64c-45e6-8266-f0de29884da7"
src={RES_PATH + 'start_我的奖品.png'}
/>
<img
className="start_huo_dong_gui_ze "
uuid="abee9d1c-e95b-4f4f-9f19-227e251c0788"
src={RES_PATH + 'start_活动规则.png'}
/>
<span className="start_wo_de_ji_fen_1000 " uuid="268ac918-2afd-4d8c-b4f7-b7503b560b72">
我的积分：1000
</span>
<span className="start_ben_zhou_li_shi_zui_gao_fen " uuid="08639d22-3114-4933-9efd-1f3d0d448e48">
本周历史最高分:
</span>
<span className="start_dang_qian_pai_xing_231 " uuid="76b2f04b-84d3-4531-b070-5bbf9256ef6a">
当前排行: 231
</span>
<span className="start_523 " uuid="fa7e4c44-a33c-499a-9241-43e1f4a596b2">
523
</span>
<img
className="start_sheng_yin "
uuid="c42b9e07-d373-4e2b-9c41-83fc1b64a782"
src={RES_PATH + 'start_声音.png'}
/>
</div>
);
}
}
export default Start;
___cache/ver2/src/pages/start/start.less 0 → 100644
View file @ 196c61f6
.start {
width: 750px;
height: 1624px;
position: absolute;
.start_bg {
width: 750px;
height: 1624px;
position: absolute;
}
.start_biao_ti {
width: 633px;
height: 244px;
top: 14%;
left: 64px;
position: absolute;
}
.start_an_niu {
width: 408px;
height: 137px;
left: 171px;
top: 1310px;
position: absolute;
}
.start_mian_fei_you_xi_ci_shu_2 {
width: 151px;
height: 19px;
left: 300px;
top: 1400px;
position: absolute;
font-size: 65px;
color: rgba(255, 254, 254, 1);
}
.start_huo_qu_ji_fen {
width: 87px;
height: 87px;
right: 8%;
left: 600px;
top: 1344px;
position: absolute;
}
.start_you_xi_pai_xing {
width: 84px;
height: 92px;
top: 7%;
left: 425px;
position: absolute;
}
.start_wo_de_jiang_pin {
width: 84px;
height: 93px;
top: 7%;
left: 527px;
position: absolute;
}
.start_huo_dong_gui_ze {
width: 84px;
height: 93px;
top: 7%;
left: 627px;
position: absolute;
}
.start_wo_de_ji_fen_1000 {
width: 214px;
height: 29px;
left: 268px;
top: 1482px;
position: absolute;
font-size: 60px;
color: rgba(40, 83, 159, 1);
}
.start_ben_zhou_li_shi_zui_gao_fen {
width: 186px;
height: 25px;
left: 241px;
top: 517px;
position: absolute;
font-size: 30px;
color: rgba(57, 99, 173, 1);
}
.start_dang_qian_pai_xing_231 {
width: 164px;
height: 25px;
left: 298px;
top: 568px;
position: absolute;
font-size: 30px;
color: rgba(57, 99, 173, 1);
}
.start_523 {
width: 66px;
height: 29px;
left: 437px;
top: 513px;
position: absolute;
font-size: 44px;
color: rgba(200, 51, 44, 1);
}
.start_sheng_yin {
width: 50px;
height: 46px;
left: 39px;
top: 149px;
position: absolute;
}
}
project/MD.js 0 → 100644
View file @ 196c61f6
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 // 点击
});
project/mock/collect_0722/index.js 0 → 100644
View file @ 196c61f6
export const join = {
"success": true,
"data": {
message: "参与成功"
}
};
project/mock/common/index.js 0 → 100644
View file @ 196c61f6
export * from './rule';
project/mock/common/rule.js 0 → 100644
View file @ 196c61f6
import { Random } from 'mockjs';
export const rule = {
"success": true,
"data": `活动规则: ${Random.cparagraph(20, 40)}`
};
project/mock/index.js 0 → 100644
View file @ 196c61f6
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
project/mock/proxy.js 0 → 100644
View file @ 196c61f6
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
project/package.json 0 → 100644
View file @ 196c61f6
{
"name": "sparkproject-1610690222695",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "spark dev --type h5",
"prod": "spark build --type h5 --env prod",
"tb": "spark build --type taobao",
"imgmin": "spark assets --imgmin true",
"imgup": "spark assets --imgup true",
"imgminup": "spark assets --imgmin true --imgup true",
"build": "npm run imgminup && npm run prod"
},
"dependencies": {
"axios": "^0.19.2",
"css-loader": "^3.6.0",
"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",
"style-loader": "^1.2.1",
"spark-utils": "^0.0.12",
"duiba-utils": "^1.0.2",
"@spark/api-base": "^1.0.11",
"@spark/projectx": "^1.0.3"
},
"devDependencies": { "mockjs": "^1.1.0" }
}
project/public/index.html 0 → 100644
View file @ 196c61f6
<!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>
project/sparkrc.js 0 → 100644
View file @ 196c61f6
module.exports = {
OUTPUT_DIR: "dist",
SOURCE_DIR: "src",
TEMP_DIR: "./.temp",
ENTRY: "src/app.jsx",
TEMPLATE: "./public/index.html",
MOCK_STATUS: true,
PX2REM: true,
IMAGE_Q1: 0.6, //图片压缩质量
IMAGE_Q2: 0.8,
RES_PATH:'/src/assets/', //资源配置路径，打包发布后会自动替换成cdn链接
RES_PATH_PROD:'/src/assets/'
};
project/src/api/apicfg.js 0 → 100644
View file @ 196c61f6
const apiCfg = {
getRule:`projectRule.query`,
doJoin: {
uri: `join.do`,
method: "post"
},
}
export default apiCfg;
project/src/api/index.js 0 → 100644
View file @ 196c61f6
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;
}
project/src/api/request.js 0 → 100644
View file @ 196c61f6
import Qs from "qs";
import axios from "axios";
// 分享召回工具类
import { isFromShare, newUser } from 'duiba-utils';
let mergeData = {
user_type: newUser ? '0' : '1',
is_from_share: isFromShare ? '0' : '1',
_t: Date.now()
}
const TIMEOUT = 10000;
const instance = axios.create({
timeout: TIMEOUT, // 请求超时时间
});
instance.interceptors.request.use(
(config) => {
if (config.method === "get") {
config.data = true;
}
config.method === "post"
? (config.data = Qs.stringify({ ...config.data, ...mergeData }))
: (config.params = { ...config.params, ...mergeData });
config.headers["Content-Type"] = "application/x-www-form-urlencoded";
return config;
},
(error) => {
//请求错误处理
Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
// 请求成功
(res) => {
const { status } = res || -1000;
return (status >= 200 && status <= 400) ? res.data : res
}
);
export default instance;
project/src/app.jsx 0 → 100644
View file @ 196c61f6
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./app.less";
import { MOCK_STATUS } from '../sparkrc';
MOCK_STATUS && (require('../mock/index'));
import MD from '../MD';
MD();
//此处为spark-cli动态生成
import Start from "./pages/start/start.jsx";
class App extends Component {
render() {
return (
<Start>请在app.jsx中指定首页</Start>
);
}
}
ReactDOM.render(<App />, document.getElementById("root"));
project/src/app.less 0 → 100644
View file @ 196c61f6
* {
margin: 0;
padding: 0;
}
html,
body {
font-size: 24px;
width: 100%;
height: 100%;
}
project/src/assets/start_bg.png 0 → 100644
View file @ 196c61f6
This diff is collapsed.
project/src/pages/start/start.jsx 0 → 100644
View file @ 196c61f6
'use strict';
import React, { Component } from 'react';
import { RES_PATH } from '../../../sparkrc.js';
//import API from '../../api';
import './start.less';
class Start extends Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="start " uuid="9bb7f399-648f-46b3-b294-94966107905d">
<img className="start_bg " uuid="a74886ee-ac0a-4a47-ba82-031bc64a5d4f" src={RES_PATH + 'start_bg.png'} />
<img className="start_biao_ti " uuid="24731bf6-5dc7-4f6d-8d0f-8f6fa81bc3de" src={RES_PATH + 'start_标题.png'} />
<img className="start_an_niu " uuid="6d8b4e61-97a2-4343-be2c-8f6fee1029f1" src={RES_PATH + 'start_按钮.png'} />
<span className="start_mian_fei_you_xi_ci_shu_2 " uuid="675d93df-0cc1-4097-886f-415947bd482c">
免费游戏次数：2
</span>
<img
className="start_huo_qu_ji_fen "
uuid="0cb8c17f-07b2-40e0-9ef3-95d3a70f754e"
src={RES_PATH + 'start_获取积分.png'}
/>
<img
className="start_you_xi_pai_xing "
uuid="c682a807-8b59-422c-b784-8328001eae73"
src={RES_PATH + 'start_游戏排行.png'}
/>
<img
className="start_wo_de_jiang_pin "
uuid="e5b6a7a3-a64c-45e6-8266-f0de29884da7"
src={RES_PATH + 'start_我的奖品.png'}
/>
<img
className="start_huo_dong_gui_ze "
uuid="abee9d1c-e95b-4f4f-9f19-227e251c0788"
src={RES_PATH + 'start_活动规则.png'}
/>
<span className="start_wo_de_ji_fen_1000 " uuid="268ac918-2afd-4d8c-b4f7-b7503b560b72">
我的积分：1000
</span>
<span className="start_ben_zhou_li_shi_zui_gao_fen " uuid="08639d22-3114-4933-9efd-1f3d0d448e48">
本周历史最高分:
</span>
<span className="start_dang_qian_pai_xing_231 " uuid="76b2f04b-84d3-4531-b070-5bbf9256ef6a">
当前排行: 231
</span>
<span className="start_523 " uuid="fa7e4c44-a33c-499a-9241-43e1f4a596b2">
523
</span>
<img
className="start_sheng_yin "
uuid="c42b9e07-d373-4e2b-9c41-83fc1b64a782"
src={RES_PATH + 'start_声音.png'}
/>
</div>
);
}
}
export default Start;
project/src/pages/start/start.less 0 → 100644
View file @ 196c61f6
.start {
width: 750px;
height: 1624px;
position: absolute;
.start_bg {
width: 750px;
height: 1624px;
position: absolute;
}
.start_biao_ti {
width: 633px;
height: 244px;
top: 14%;
left: 64px;
position: absolute;
}
.start_an_niu {
width: 408px;
height: 137px;
left: 171px;
top: 1310px;
position: absolute;
}
.start_mian_fei_you_xi_ci_shu_2 {
width: 151px;
height: 19px;
left: 300px;
top: 1400px;
position: absolute;
font-size: 65px;
color: #fffefe;
}
.start_huo_qu_ji_fen {
width: 87px;
height: 87px;
right: 8%;
left: 600px;
top: 1344px;
position: absolute;
}
.start_you_xi_pai_xing {
width: 84px;
height: 92px;
top: 7%;
left: 425px;
position: absolute;
}
.start_wo_de_jiang_pin {
width: 84px;
height: 93px;
top: 7%;
left: 527px;
position: absolute;
}
.start_huo_dong_gui_ze {
width: 84px;
height: 93px;
top: 7%;
left: 627px;
position: absolute;
}
.start_wo_de_ji_fen_1000 {
width: 214px;
height: 29px;
left: 268px;
top: 1482px;
position: absolute;
font-size: 60px;
color: #28539f;
}
.start_ben_zhou_li_shi_zui_gao_fen {
width: 186px;
height: 25px;
left: 241px;
top: 517px;
position: absolute;
font-size: 30px;
color: #3963ad;
}
.start_dang_qian_pai_xing_231 {
width: 164px;
height: 25px;
left: 298px;
top: 568px;
position: absolute;
font-size: 30px;
color: #3963ad;
}
.start_523 {
width: 66px;
height: 29px;
left: 437px;
top: 513px;
position: absolute;
font-size: 44px;
color: #c8332c;
}
.start_sheng_yin {
width: 50px;
height: 46px;
left: 39px;
top: 149px;
position: absolute;
}
}
spark.config.json 0 → 100644
View file @ 196c61f6
{"proName":"未命名项目","proDesc":"","proPath":"/Users/wanghongyuan/testspark115","createTime":1610690203986}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment