添加备案号

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",

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>

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-'

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>