Update the home page in development and remove some useless libraries

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "predictionmarket",
+  "name": "superhero-vegas",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -13,24 +13,7 @@
     "element-ui": "^2.15.2",
     "vue": "^2.6.11",
     "vue-router": "^3.5.1",
-    "aeternity-fungible-token": "github:aeternity/aeternity-fungible-token#v1.0.0",
-    "animate.css": "^4.1.1",
-    "autosize": "^4.0.2",
-    "axios": "^0.21.1",
-    "bignumber.js": "^9.0.1",
-    "bootstrap": "^4.5.3",
-    "chart.js": "^2.9.4",
-    "chartjs-plugin-annotation": "^0.5.7",
-    "date-fns": "^2.16.1",
-    "fontsource-ibm-plex-sans": "^3.1.5",
-    "i18n": "^0.13.2",
-    "is-fqdn": "^2.0.1",
-    "jitsi-iframe-api": "^1.0.0",
-    "lodash-es": "^4.17.20",
-    "sophia-bonding-curve": "github:aeternity/BondingCurve#1.0.0-alpha",
-    "soundcloud-widget": "^0.2.1",
-    "tipping-contract": "github:aeternity/tipping-contract#v3.0.1-alpha1",
-    "@fontsource/oxygen": "^4.2.1"
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -39,14 +22,14 @@
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
-    "vue-template-compiler": "^2.6.11",
-    "sass-loader": "^8.0.2",
     "node-sass": "^4.14.1",
     "raw-loader": "^4.0.2",
+    "sass-loader": "^8.0.2",
     "svg-url-loader": "^6.0.0",
     "svgo": "^1.3.2",
     "svgo-loader": "^2.2.1",
-    "vue-svg-loader": "^0.16.0"
+    "vue-svg-loader": "^0.16.0",
+    "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {
     "root": true,

src/App.vue

@@ -1,23 +1,23 @@
 <template>
     <div id="app">
         <div class="not-bootstrap-row">
-            <Navigation></Navigation>
+<!--            <Navigation></Navigation>-->
             <RouterView class="router-view"/>
-            <Wallet></Wallet>
+<!--            <Wallet></Wallet>-->
         </div>
     </div>
 </template>
 
 <script>
 
-    import Navigation from "./components/Navigation";
-    import Wallet from "./components/Wallet";
+    // import Navigation from "./components/Navigation";
+    // import Wallet from "./components/Wallet";
 
     export default {
         name: 'App',
         components: {
-            Wallet,
-            Navigation
+            // Wallet,
+            // Navigation
             // HelloWorld
         },
         data: function () {
@@ -31,20 +31,12 @@
     #app {
         margin: 0 auto;
         min-height: 100vh;
-        width: 1310px;
-        background-color: #cccccc;
+        /*width: 1310px;*/
+        background-color: #000000;
+        text-align: center;
         display: flex;
-        flex-direction: column;
+        align-items: center; /*定义body的元素垂直居中*/
+        justify-content: center; /*定义body的里的元素水平居中*/
 
-        .not-bootstrap-row {
-            flex-grow: 1;
-            display: flex;
-            flex-wrap: nowrap;
-        }
-
-        .router-view {
-            flex-grow: 1;
-            min-width: 0;
-        }
     }
 </style>

src/pages/HomePage.vue

@@ -1,8 +1,10 @@
 <template>
     <div>
-        <RouterLink to="login">Home</RouterLink>
-
+        <!--        <RouterLink to="login">Home</RouterLink>-->
+        <img src="../assets/logo.png" alt="">
+        <span>The coming virus is the application...</span>
     </div>
+
 </template>
 
 <script>
@@ -16,6 +18,18 @@
 </script>
 
 <style scoped>
+    div {
+    }
 
+    img {
+        width: 400px;
+    }
+
+    span {
+        font-size: 20px;
+        display: block;
+        margin-top: 20px;
+        color: white;
+    }
 
 </style>