From 4f3161aaf9c61dab4ae54fb4032eb6738f4b7a87 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Fri, 23 May 2025 22:06:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=A4=87=E6=A1=88=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                     |  4 ++--
 src/App.vue                      |  3 +++
 src/components/Toolbar.vue       |  6 +++++-
 src/components/copyright-icp.vue | 31 +++++++++++++++++++++++++++++++
 4 files changed, 41 insertions(+), 3 deletions(-)
 create mode 100644 src/components/copyright-icp.vue

diff --git a/package.json b/package.json
index 5ee833c..9a6e0bf 100644
--- a/package.json
+++ b/package.json
@@ -11,12 +11,12 @@
     "axios": "^1.6.8",
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "latest",
+    "ismobilejs": "1.1.1",
     "kdoffical": "file:",
     "path": "latest",
     "sass": "latest",
     "vue": "^3.2.45",
-    "vue-router": "latest",
-    "ismobilejs": "1.1.1"
+    "vue-router": "latest"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
diff --git a/src/App.vue b/src/App.vue
index 1a7e01a..5d3f61a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,6 +3,7 @@ import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 import Footer from './components/Footer.vue';
 import Toolbar from './components/Toolbar.vue';
+import CopyrightIcp from '@/components/copyright-icp.vue';
 
 const router = useRouter();
 const isContentLoaded = ref(false);
@@ -18,6 +19,7 @@ router.isReady().then(() => {
     <Toolbar></Toolbar>
     <div v-if="$route.path === '/ContactUs'">
       <router-view/>
+      <CopyrightIcp></CopyrightIcp>
       <!-- 如果 ContactUs 页面也需要Footer并同样逻辑加载，则也加上 v-if -->
       <!--
       <div id="footer" v-if="isContentLoaded">
@@ -31,6 +33,7 @@ router.isReady().then(() => {
       <div id="footer" v-if="isContentLoaded">
         <Footer></Footer>
       </div>
+      <CopyrightIcp></CopyrightIcp>
     </div>
   </div>
 </template>
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index b08d55d..3d85cb2 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -59,9 +59,12 @@
 </template>
 
 <script>
-import MobileToolbar from "@/components/Tools/MobileToolbar.vue";
+import MobileToolbar from "./Tools/MobileToolbar.vue";
 export default {
   name: "Toolbar",
+  components: {
+    MobileToolbar
+  },
   mounted() {
     this.$nextTick(function() {
       this.contain_toolbar();
@@ -82,6 +85,7 @@ export default {
     },
     show_weptoolbar:function (){
       document.getElementById('mobilebarroot').style.visibility="visible";
+      console.log('mobilebarshow')
     },
     isActiveRoute(routename) {
       // Example: Apply style if route name starts with 'user-'
diff --git a/src/components/copyright-icp.vue b/src/components/copyright-icp.vue
new file mode 100644
index 0000000..915b584
--- /dev/null
+++ b/src/components/copyright-icp.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="icp">{{`© ${year} ${author} ` }}<a href="http://beian.miit.gov.cn/" target="_blank">{{ record }}</a></div>
+</template>
+
+<script setup>
+let year = new Date().getFullYear();        // 一般都是最新的一年
+let author = '开动文化';					// 作者名
+let record = '京ICP备2025124324号-1';			// 备案号
+</script>
+
+<style>
+.icp {
+  bottom: 0;
+  right: 0;
+  margin-top: 0px;
+  width: 100%;
+  white-space: pre;
+  text-align: center;
+  color: white;
+  background-color: black;
+  z-index: 0;
+}
+.icp > a {
+  color: gray;
+  text-decoration: none;
+}
+.icp > a:hover {
+  color: aqua;
+  text-decoration: none;
+}
+</style>