fix: 调整样式

src/views/withMenu/Home/index.vue

@@ -64,9 +64,6 @@
       />
       <HotNews v-for="n in hotNews" :key="n.uuid" :info="n" />
     </div>
-    <div class="text-center py-3">
-      <a href="https://beian.miit.gov.cn">浙ICP备2021029429号-1</a>
-    </div>
   </div>
 </template>
 

src/views/withMenu/index.vue

@@ -3,8 +3,23 @@
     <div class="flex-grow overflow-auto">
       <router-view />
     </div>
-    <TabBar :list="tabList" :activeTabRouteName="activeTabRouteName" class="flex-shrink-0" />
-    <div class="h-4 flex-shrink-0"></div>
+    <TabBar
+      :list="tabList"
+      :activeTabRouteName="activeTabRouteName"
+      class="flex-shrink-0"
+    />
+    <div
+      class="h-9 flex-shrink-0 flex items-center justify-center"
+      @click="handleClickOpen"
+    >
+      <div
+        class="flex-grow ml-7 mr-2.5 border-b border-app-gray opacity-50"
+      ></div>
+      <a class=" text-app-gray text-xs">浙ICP备2021029429号-1</a>
+      <div
+        class="flex-grow ml-2.5 mr-7 border-b border-app-gray opacity-50"
+      ></div>
+    </div>
   </div>
 </template>
 
@@ -20,25 +35,32 @@ export default defineComponent({
   components: {
     TabBar,
   },
-  mounted() { },
+  mounted() {},
+  methods: {
+    handleClickOpen() {
+      window.open("https://beian.miit.gov.cn");
+    },
+  },
   computed: {
     activeTabRouteName() {
       return this.$route.name;
     },
     tabList() {
-      const theTabList = tabList.filter(i => {
-        if(isReviewMode()){
-          return !i.hideInReviewMode
-        }else{
+      const theTabList = tabList.filter((i) => {
+        if (isReviewMode()) {
+          return !i.hideInReviewMode;
+        } else {
           return true;
         }
-      })
-      const user = getUserMsg()
-      return (user && theTabList.filter(i => i.roles.includes(user.role2))) || theTabList.filter(i => i.showNotLogin);
+      });
+      const user = getUserMsg();
+      return (
+        (user && theTabList.filter((i) => i.roles.includes(user.role2))) ||
+        theTabList.filter((i) => i.showNotLogin)
+      );
     },
   },
 });
 </script>
 
-<style>
-</style>
\ No newline at end of file
+<style></style>

tailwind.config.js

@@ -52,6 +52,7 @@ module.exports = {
       "app-blue": "#3E4FAF",
       "app-red": "#F03A30",
       "app-white": "#F9FBFF",
+      "app-gray": '#8D92AF',
       "app-bg": "#F8F8FA",
       "app-line": "#EAEAEB",
       "app-main-txt": "#516379",