ko.ko/CviLux_fe
1
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

navbar整理 | api路徑修改

Browse Source
This commit is contained in:
koko1108 2024-10-03 18:10:06 +08:00
parent 87e4e21efc
commit f5c7a27cd6
4 changed files with 39 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -1,3 +1,3 @@
VITE_API_BASEURL = "http://220.132.206.5:8008" VITE_API_BASEURL = "http://192.168.0.206:8060"
VITE_FILE_API_BASEURL = "" VITE_FILE_API_BASEURL = ""
VITE_FORGE_BASEURL = "http://localhost:5173" VITE_FORGE_BASEURL = "http://localhost:5173"

2
.env.production
View File

@ -1,3 +1,3 @@
VITE_API_BASEURL = "http://220.132.206.5:8008" VITE_API_BASEURL = "http://220.132.206.5:8060"
VITE_FILE_API_BASEURL = "http://220.132.206.5:8085/file" VITE_FILE_API_BASEURL = "http://220.132.206.5:8085/file"
VITE_FORGE_BASEURL = "http://202.39.218.221:8080/file/netzero" VITE_FORGE_BASEURL = "http://202.39.218.221:8080/file/netzero"

37
src/components/navbar/Navbar.vue
View File

@ -102,25 +102,28 @@ const src = import.meta.env.MODE === "production" ? "./logo.svg" : Logo;
z-index: 0; z-index: 0;
} }
.menu-box::after {
content: "";
position: absolute;
top: -12px;
bottom: 0;
left: 25px;
right: 25px;
margin: auto;
display: block;
width: calc(100% - 50px);
height: 2px;
background-color: #7cedc1;
z-index: -10;
}
.menu-box .btn-group { .menu-box .btn-group {
background: #111; background: transparent;
padding: 0 10px; width: 95px;
margin: 0 15px; }
.menu-box li {
position: relative;
}
.menu-box li:not(:last-child)::after {
content: "";
position: absolute;
top: 20px;
bottom: 0;
left: 84px;
right: 0px;
display: block;
width: 25px;
height: 2px;
background-color: #7cedc1;
z-index: 0;
} }
.menu-icon { .menu-icon {

20
src/components/navbar/NavbarItem.vue
View File

@ -70,14 +70,27 @@ onMounted(() => {
</script> </script>
<template> <template>
<ul class="px-1 menu-box my-2"> <ul class="px-1 menu-box my-2">
<li class="flex flex-col items-center justify-center">
<router-link
:to="{ name: 'dashboard' }"
class="flex flex-col justify-center items-center btn-group text-white"
>
<font-awesome-icon
:icon="['fas', 'home']"
size="2x"
class="menu-icon"
/>
首頁
</router-link>
</li>
<li <li
v-for="page in authPages" v-for="page in authPages"
class="flex flex-col items-center justify-center" class="flex flex-col items-center justify-center"
> >
<!-- <a <a
v-if="page.authCode === 'PF1'" v-if="page.authCode === 'PF1'"
@click="showDrawer" @click="showDrawer"
class="flex flex-col justify-center items-center btn-group text-white" class="flex flex-col justify-center items-center btn-group text-white cursor-pointer"
> >
<font-awesome-icon <font-awesome-icon
:icon="['fas', page.icon]" :icon="['fas', page.icon]"
@ -85,8 +98,9 @@ onMounted(() => {
class="menu-icon" class="menu-icon"
/> />
{{ page.subName }} {{ page.subName }}
</a> --> </a>
<router-link <router-link
v-else
:to="page.navigate" :to="page.navigate"
type="link" type="link"
class="flex flex-col justify-center items-center btn-group text-white" class="flex flex-col justify-center items-center btn-group text-white"