From bf3496c58aeb91a3948712b7b9085f1c4d6bb570 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Thu, 05 Dec 2024 18:13:09 +0800
Subject: [PATCH] 股票线上演示版本

---
 src/App.vue |   88 +++++++++++++++++++++++++++-----------------
 1 files changed, 54 insertions(+), 34 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3b9ab13..9ba2471 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,20 +1,12 @@
 <template>
-  <div
-    id="app"
-    :class="`${$state.theme === 'red' ? 'red-theme' : 'black-theme'}`"
-  >
+  <div id="app" :class="`${$state.theme === 'red' ? 'red-theme' : 'black-theme'}`">
     <div :class="`header-box`" v-if="hasHeader && title !== $t('hj248')">
       <mt-header :title="title">
         <mt-button icon="back" slot="left" @click="$router.go(-1)"></mt-button>
 
         <div v-if="!is_Show">
           <template v-if="iconRight == 'search'">
-            <img
-              slot="right"
-              class="search-right"
-              src="./assets/ico/fangdajing.png"
-              alt
-            />
+            <img slot="right" class="search-right" src="./assets/ico/fangdajing.png" alt />
           </template>
           <template v-else>
             <mt-button icon="more" slot="right"></mt-button>
@@ -24,7 +16,9 @@
     </div>
     <div class="body-box">
       <transition :name="transitionName">
-        <router-view></router-view>
+        <!-- <keep-alive include="TradingList"> -->
+          <router-view></router-view>
+        <!-- </keep-alive> -->
       </transition>
     </div>
     <foot v-if="$route.meta.show !== true" @close="footColse"></foot>
@@ -40,7 +34,8 @@
 // 引入css
 import "@/assets/iconfont/iconfont.css";
 import "@/assets/iconfont/iconfont.ttf";
-import { getUserInfodata } from "./axios/api";
+
+import { mapActions } from "vuex";
 
 export default {
   components: {
@@ -50,9 +45,8 @@
   },
   name: "App",
   created() {
-    this.getUserInfo();
+    //this.setUseInfo();
     this.$state.theme = "red";
-    console.log(this.$state.theme, "asdasdasd");
     let title = this.$route.meta.title || this.$t("hj224");
     this.title = title;
     if (this.$route.meta.is_Show) {
@@ -99,7 +93,7 @@
   },
   data() {
     return {
-      title: "首页",
+      title: "Home",
       hasHeader: false,
       iconRight: "default",
       transitionName: "",
@@ -108,21 +102,8 @@
     };
   },
   methods: {
-    async getUserInfo() {
-      // 获取用户信息
-      //   let showcookie = this.getCookie('USER_TOKEN');
-      let data = await getUserInfodata();
-      if (data.status === 0) {
-        // this.getProductSetting()
-        this.$store.state.userInfo = data.data;
-      } else {
-        this.$store.commit("elAlertShow", {
-          elAlertShow: true,
-          elAlertText: data.msg,
-        });
-      }
-      this.$store.state.user = this.user;
-    },
+    ...mapActions(["setUseInfo"]),
+
     footColse() {
       this.$store.commit("dialogVisible", true);
     },
@@ -137,95 +118,121 @@
 /deep/ .van-list__finished-text {
   line-height: 1.925926rem !important;
 }
+
 /deep/ .van-list__error-text {
   line-height: 1.925926rem !important;
 }
+
 #app {
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   font-family: "rubik";
+
   .header-box {
     width: 100%;
     height: 1.4rem;
+
     /deep/.mint-header {
       height: 100%;
       background-color: #16171d;
+
       // background-color: rgba(20, 45, 55, 0.3);
       .is-left {
         .mintui {
           font-size: 20px;
         }
       }
+
       .mint-header-title {
         font-size: 0.36rem;
         color: rgba(255, 255, 255, 1);
       }
     }
+
     button {
       outline: none;
     }
   }
+
   .body-box {
     width: 100%;
     height: 100%;
     // height: calc(100% - 1rem);
     box-sizing: border-box;
+    background: #fff;
     overflow-y: auto;
   }
+
   &.red-theme {
     background: rgb(241, 242, 246);
     color: #000;
+
     /deep/.mint-header {
       background: none;
+
       .mint-header-title {
         font-size: 0.42rem;
         color: #212121;
       }
+
       .mintui {
         color: #212121;
       }
     }
+
     /deep/.van-swipe-item {
       color: #000;
     }
+
     /deep/.navs_content {
       background: #fff !important;
     }
+
     /deep/.fo_content {
       background: #fff;
     }
+
     /deep/.news-tab {
       background: #fff;
     }
+
     /deep/.mint-tab-item-label {
       color: #000;
       font-size: 0.26rem;
     }
+
     /deep/.top_title {
       color: #000;
     }
+
     /deep/.titContent {
       color: #000;
     }
+
     /deep/.mint-navbar {
       background: #fff;
     }
+
     /deep/.mint-tab-item {
       background: #fff;
       border: none;
     }
+
     /deep/.footCss {
       background: #fff;
     }
+
     /deep/.newDetail-tits {
       color: #aaa;
     }
+
     /deep/.van-skeleton__row,
     .van-skeleton__title {
       background-color: #fff !important;
     }
   }
+
   &.black-theme {
     // background: #16171d;
     // background: rgb(14, 14, 15);
@@ -234,48 +241,58 @@
     /deep/.navs_content {
       background: #272733;
     }
+
     /deep/.fo_content {
       background: #272733;
     }
+
     /deep/.news-tab {
       background: #272733;
     }
+
     /deep/.mint-navbar {
       background: #272733;
     }
+
     /deep/.mint-tab-item-label {
       color: #fff;
       font-size: 0.26rem;
     }
+
     /deep/.titContent {
       color: #000;
     }
-    /deep/.mint-tab-container {
-    }
+
+    /deep/.mint-tab-container {}
 
     /deep/.mint-tab-item {
       background: #272733;
     }
+
     /deep/.van-swipe-item {
       color: #000;
     }
+
     /deep/.footCss {
       background: rgb(33, 33, 43);
     }
+
     /deep/.newDetail-tits {
       color: #999;
     }
   }
 }
+
 .search-right {
   width: 0.3rem;
   height: 0.3rem;
 }
+
 .mint-search-list {
   position: relative !important;
 }
-.topLeft {
-}
+
+.topLeft {}
 
 /deep/.el-alert {
   width: 75% !important;
@@ -288,12 +305,15 @@
   margin: auto !important;
   font-size: 0.36rem !important;
 }
+
 /deep/.el-alert__title {
   font-size: 0.36rem !important;
 }
+
 /deep/.el-icon-close::before {
   display: none;
 }
+
 /deep/.icon-icon_A::before {
   font-size: 0.6rem !important;
 }

--
Gitblit v1.9.3