show port change notification

power721 · Jul 7, 2023 · 4f55db4 · 4f55db4
1 parent 0c86b02
commit 4f55db4
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 19 deletions.
diff --git a/...esources/static/assets/index-3d8ee3a4.css → ...esources/static/assets/index-8be43f62.css b/...esources/static/assets/index-3d8ee3a4.css → ...esources/static/assets/index-8be43f62.css
diff --git a/...resources/static/assets/index-d0532f3a.js → ...resources/static/assets/index-e3019846.js b/...resources/static/assets/index-d0532f3a.js → ...resources/static/assets/index-e3019846.js
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>AList - TvBox</title>
-    <script type="module" crossorigin src="/assets/index-d0532f3a.js"></script>
-    <link rel="stylesheet" href="/assets/index-3d8ee3a4.css">
+    <script type="module" crossorigin src="/assets/index-e3019846.js"></script>
+    <link rel="stylesheet" href="/assets/index-8be43f62.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/web-ui/src/App.vue b/web-ui/src/App.vue
@@ -9,13 +9,19 @@ const account = accountService.account
 const router = useRouter()
 const show = ref(false)
 const mounted = ref(false)
+const showNotification = ref(true)
 
 const logout = () => {
   accountService.logout()
   router.push('/')
 }
 
+const close = () => {
+  localStorage.setItem('notification1', 'true')
+}
+
 onMounted(() => {
+  showNotification.value = localStorage.getItem('notification1') != 'true'
   axios.get("/profiles").then(({data}) => {
     show.value = data.includes('xiaoya')
     store.xiaoya = data.includes('xiaoya')
@@ -60,6 +66,7 @@ onMounted(() => {
           <el-menu-item index="/login" v-else>登录</el-menu-item>
         </el-menu>
       </el-header>
+      <el-alert title="默认端口5678在未来将会变更为4567" type="warning" v-if="showNotification" @close="close" />
 
       <el-main v-if="mounted">
         <RouterView/>
@@ -68,8 +75,23 @@ onMounted(() => {
   </div>
 </template>
 
-<style scoped>
+<style>
 .flex-grow {
   flex-grow: 1;
 }
+.el-alert {
+  width: 98%;
+  margin: 0 20px;
+}
+.el-alert__content {
+  width: 100%;
+}
+.el-alert .el-alert__close-btn {
+  font-size: var(--el-alert-close-font-size);
+  opacity: 1;
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  cursor: pointer;
+}
 </style>