fix: 底脚版权声明样式

src/layouts/BasicLayout.vue

@@ -13,6 +13,7 @@ import useLayoutStore from '@/store/modules/layout';
 import useRouterStore from '@/store/modules/router';
 import useTabsStore from '@/store/modules/tabs';
 import useAlarmStore from '@/store/modules/alarm';
+import useAppStore from '@/store/modules/app';
 import { useRouter } from 'vue-router';
 import { MENU_PATH_INLINE } from '@/constants/menu-constants';
 const { proConfig, waterMarkContent } = useLayoutStore();
@@ -24,6 +25,7 @@ import { parseDateToStr } from '@/utils/date-utils';
 const { t } = useI18n();
 const routerStore = useRouterStore();
 const tabsStore = useTabsStore();
+const appStore = useAppStore();
 const router = useRouter();
 
 /**菜单面板 */
@@ -121,7 +123,7 @@ tabsStore.clear();
 //
 onMounted(() => {
   fnGetServerTime();
-  useAlarmStore().fnGetActiveAlarmInfo()
+  useAlarmStore().fnGetActiveAlarmInfo();
 });
 
 // ==== 服务器时间显示 start
@@ -166,7 +168,7 @@ document.addEventListener('visibilitychange', function () {
   if (document.visibilityState == 'visible') {
     //切换到该页面时执行
     fnGetServerTime();
-    useAlarmStore().fnGetActiveAlarmInfo()
+    useAlarmStore().fnGetActiveAlarmInfo();
   }
 });
 // ==== 服务器时间显示 end
@@ -236,15 +238,14 @@ document.addEventListener('visibilitychange', function () {
 
       <!--插槽-内容底部-->
       <template #footerRender>
-        <footer class="ant-pro-global-footer footer">
-          <div class="ant-pro-global-footer-links">
-            <a target="_self" href="/">{{ t('globalFooter.help') }}</a>
-            <a target="_self" href="/">{{ t('globalFooter.privacy') }}</a>
-            <a target="_self" href="/">{{ t('globalFooter.term') }}</a>
+        <footer class="footer">
+          <div>
+            <span>{{ appStore.copyright }}</span>
           </div>
-          <div class="footer-time">{{ serverTime.str }} {{ serverTime.zone }}</div>
-          <div class="ant-pro-global-footer-copyright">
-            Copyright ©2023 For AGrand 千通
+          <div>
+            <span class="footer-time">
+              {{ serverTime.str }} {{ serverTime.zone }}
+            </span>
           </div>
         </footer>
       </template>
@@ -267,8 +268,22 @@ document.addEventListener('visibilitychange', function () {
   width: 180px;
 }
 
-.footer-time {
-  color: #00000075;
-  transition: all 0.3s;
+.footer {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  z-index: 16;
+  margin: 0px;
+  padding: 4px 16px;
+  width: auto;
+  background: #fff;
+  box-shadow: 0 1px 4px #0015291f;
+  transition: background 0.3s, width 0.2s;
+
+  &-time {
+    color: #00000085;
+    transition: all 0.3s;
+  }
 }
 </style>