添加路由功能，添加塞纳模拟器

WalterBrightHub · Feb 13, 2020 · d7e8ab8 · d7e8ab8
1 parent bb5b6c3
commit d7e8ab8
Show file tree

Hide file tree

Showing 21 changed files with 1,460 additions and 32 deletions.
diff --git a/.idea/christmas-akylone.iml → .idea/a9pack.iml b/.idea/christmas-akylone.iml → .idea/a9pack.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -1,20 +1,20 @@
 {
   "files": {
-    "main.css": "./static/css/main.ea79c647.chunk.css",
-    "main.js": "./static/js/main.c54bea14.chunk.js",
-    "runtime-main.js": "./static/js/runtime-main.7a238cd1.js",
-    "static/css/2.09eeb1b9.chunk.css": "./static/css/2.09eeb1b9.chunk.css",
-    "static/js/2.01061ec6.chunk.js": "./static/js/2.01061ec6.chunk.js",
-    "index.html": "./index.html",
-    "precache-manifest.0e18dafc2f7d1562c80f31cdd756da2d.js": "./precache-manifest.0e18dafc2f7d1562c80f31cdd756da2d.js",
-    "service-worker.js": "./service-worker.js",
-    "static/js/2.01061ec6.chunk.js.LICENSE": "./static/js/2.01061ec6.chunk.js.LICENSE"
+    "main.css": "/a9pack/static/css/main.ea79c647.chunk.css",
+    "main.js": "/a9pack/static/js/main.3df900b6.chunk.js",
+    "runtime-main.js": "/a9pack/static/js/runtime-main.07194dcc.js",
+    "static/css/2.98f446aa.chunk.css": "/a9pack/static/css/2.98f446aa.chunk.css",
+    "static/js/2.929edb17.chunk.js": "/a9pack/static/js/2.929edb17.chunk.js",
+    "index.html": "/a9pack/index.html",
+    "precache-manifest.4df1eeb22ee5467b79992ad3f7e8815b.js": "/a9pack/precache-manifest.4df1eeb22ee5467b79992ad3f7e8815b.js",
+    "service-worker.js": "/a9pack/service-worker.js",
+    "static/js/2.929edb17.chunk.js.LICENSE": "/a9pack/static/js/2.929edb17.chunk.js.LICENSE"
   },
   "entrypoints": [
-    "static/js/runtime-main.7a238cd1.js",
-    "static/css/2.09eeb1b9.chunk.css",
-    "static/js/2.01061ec6.chunk.js",
+    "static/js/runtime-main.07194dcc.js",
+    "static/css/2.98f446aa.chunk.css",
+    "static/js/2.929edb17.chunk.js",
     "static/css/main.ea79c647.chunk.css",
-    "static/js/main.c54bea14.chunk.js"
+    "static/js/main.3df900b6.chunk.js"
   ]
 }
diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Egoista 抽包模拟器</title><link href="./static/css/2.09eeb1b9.chunk.css" rel="stylesheet"><link href="./static/css/main.ea79c647.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(i){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],l=0,a=[];l<n.length;l++)t=n[l],Object.prototype.hasOwnProperty.call(c,t)&&c[t]&&a.push(c[t][0]),c[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(i[r]=o[r]);for(s&&s(e);a.length;)a.shift()();return p.push.apply(p,u||[]),f()}function f(){for(var e,r=0;r<p.length;r++){for(var t=p[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==c[u]&&(n=!1)}n&&(p.splice(r--,1),e=l(l.s=t[0]))}return e}var t={},c={1:0},p=[];function l(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return i[e].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=i,l.c=t,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(r,e){if(1&e&&(r=l(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)l.d(t,n,function(e){return r[e]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="./";var r=this["webpackJsonpchristmas-akylone"]=this["webpackJsonpchristmas-akylone"]||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;f()}([])</script><script src="./static/js/2.01061ec6.chunk.js"></script><script src="./static/js/main.c54bea14.chunk.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/a9pack/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="氪金传奇"/><link rel="apple-touch-icon" href="/a9pack/logo192.png"/><link rel="manifest" href="/a9pack/manifest.json"/><title>抽包模拟器</title><link href="/a9pack/static/css/2.98f446aa.chunk.css" rel="stylesheet"><link href="/a9pack/static/css/main.ea79c647.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(p){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],a=0,l=[];a<n.length;a++)t=n[a],Object.prototype.hasOwnProperty.call(f,t)&&f[t]&&l.push(f[t][0]),f[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(p[r]=o[r]);for(s&&s(e);l.length;)l.shift()();return i.push.apply(i,u||[]),c()}function c(){for(var e,r=0;r<i.length;r++){for(var t=i[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==f[u]&&(n=!1)}n&&(i.splice(r--,1),e=a(a.s=t[0]))}return e}var t={},f={1:0},i=[];function a(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return p[e].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=p,a.c=t,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(r,e){if(1&e&&(r=a(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)a.d(t,n,function(e){return r[e]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="/a9pack/";var r=this.webpackJsonpa9pack=this.webpackJsonpa9pack||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;c()}([])</script><script src="/a9pack/static/js/2.929edb17.chunk.js"></script><script src="/a9pack/static/js/main.3df900b6.chunk.js"></script></body></html>
diff --git a/build/service-worker.js b/build/service-worker.js
@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "./precache-manifest.0e18dafc2f7d1562c80f31cdd756da2d.js"
+  "/a9pack/precache-manifest.4df1eeb22ee5467b79992ad3f7e8815b.js"
 );
 
 self.addEventListener('message', (event) => {
@@ -33,7 +33,7 @@ workbox.core.clientsClaim();
 self.__precacheManifest = [].concat(self.__precacheManifest || []);
 workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
 
-workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("./index.html"), {
+workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/a9pack/index.html"), {
 
   blacklist: [/^\/_/,/\/[^\/?]+\.[^\/]+$/],
 });
diff --git a/build/static/js/runtime-main.7a238cd1.js b/build/static/js/runtime-main.7a238cd1.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "christmas-akylone",
+  "name": "a9pack",
   "version": "0.1.0",
   "private": true,
-  "homepage": "./",
+  "homepage": "/a9pack/",
   "dependencies": {
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
@@ -14,6 +14,8 @@
     "react": "^16.12.0",
     "react-app-rewired": "^2.1.5",
     "react-dom": "^16.12.0",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
     "react-scripts": "3.3.0"
   },
   "scripts": {

diff --git a/public/index.html b/public/index.html
@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="氪金传奇"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build_akylone`.
     -->
-    <title>Egoista 抽包模拟器</title>
+    <title>抽包模拟器</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/App.js b/src/App.js
@@ -1,14 +1,27 @@
 import React from 'react';
 
+import {
+  BrowserRouter as Router,
+  Switch,
+  Route,
+  Link
+} from "react-router-dom";
+
 import 'antd-mobile/dist/antd-mobile.css';
 
 import './App.css'
 // import Akylone from "./pages/akylone";
 //import Mclaren570s from "./pages/mclaren570s";
 
-//import Chiron from "./pages/chiron";
+import Index from "./pages/index";
+
+import Chiron from "./pages/chiron488";
+import Egoista from "./pages/egoista";
+import Akylone from "./pages/akylone";
+import Mclaren570s from "./pages/mclaren570s";
+import Senna from "./pages/senna";
 
-import Egoista from './pages/egoista'
+//import Egoista from './pages/egoista'
 
 
 class App extends React.Component {
@@ -17,7 +30,32 @@ class App extends React.Component {
   // }
 
   render() {
-    return <Egoista />
+    return <Router basename='/a9pack'>
+      <div>
+
+        <Switch>
+
+          <Route path="/" exact>
+            <Index />
+          </Route>
+          <Route path="/senna">
+            <Senna />
+          </Route>
+          <Route path="/chiron">
+            <Chiron />
+          </Route>
+          <Route path="/egoista">
+            <Egoista />
+          </Route>
+          <Route path="/akylone">
+            <Akylone />
+          </Route>
+          <Route path="/m570s">
+            <Mclaren570s />
+          </Route>
+        </Switch>
+      </div>
+    </Router>
   }
 }
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Egoista 抽包模拟器</title><link href="./static/css/2.09eeb1b9.chunk.css" rel="stylesheet"><link href="./static/css/main.ea79c647.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(i){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],l=0,a=[];l<n.length;l++)t=n[l],Object.prototype.hasOwnProperty.call(c,t)&&c[t]&&a.push(c[t][0]),c[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(i[r]=o[r]);for(s&&s(e);a.length;)a.shift()();return p.push.apply(p,u\|\|[]),f()}function f(){for(var e,r=0;r<p.length;r++){for(var t=p[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==c[u]&&(n=!1)}n&&(p.splice(r--,1),e=l(l.s=t[0]))}return e}var t={},c={1:0},p=[];function l(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return i[e].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=i,l.c=t,l.d=function(e,r,t){l.o(e,r)\|\|Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(r,e){if(1&e&&(r=l(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)l.d(t,n,function(e){return r[e]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="./";var r=this["webpackJsonpchristmas-akylone"]=this["webpackJsonpchristmas-akylone"]\|\|[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;f()}([])</script><script src="./static/js/2.01061ec6.chunk.js"></script><script src="./static/js/main.c54bea14.chunk.js"></script></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/a9pack/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="氪金传奇"/><link rel="apple-touch-icon" href="/a9pack/logo192.png"/><link rel="manifest" href="/a9pack/manifest.json"/><title>抽包模拟器</title><link href="/a9pack/static/css/2.98f446aa.chunk.css" rel="stylesheet"><link href="/a9pack/static/css/main.ea79c647.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(p){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],a=0,l=[];a<n.length;a++)t=n[a],Object.prototype.hasOwnProperty.call(f,t)&&f[t]&&l.push(f[t][0]),f[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(p[r]=o[r]);for(s&&s(e);l.length;)l.shift()();return i.push.apply(i,u\|\|[]),c()}function c(){for(var e,r=0;r<i.length;r++){for(var t=i[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==f[u]&&(n=!1)}n&&(i.splice(r--,1),e=a(a.s=t[0]))}return e}var t={},f={1:0},i=[];function a(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return p[e].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=p,a.c=t,a.d=function(e,r,t){a.o(e,r)\|\|Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(r,e){if(1&e&&(r=a(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)a.d(t,n,function(e){return r[e]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="/a9pack/";var r=this.webpackJsonpa9pack=this.webpackJsonpa9pack\|\|[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;c()}([])</script><script src="/a9pack/static/js/2.929edb17.chunk.js"></script><script src="/a9pack/static/js/main.3df900b6.chunk.js"></script></body></html>