WxxyDeveloper/JSL_OrganizeInternalOAWeb
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复一级头部栏bug

Browse Source
This commit is contained in:
yannqing 2024-03-14 16:14:04 +08:00
parent f9b83000ab
commit 98b0f49f85
4 changed files with 32 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/HomeComponents/NavBar.vue
View File

@ -71,50 +71,6 @@
</a>
</div>
</div>
<!-- <div id="navbar-dropdown" class="w-full md:block md:w-auto">-->
<!-- <ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white">-->
<!-- <li>-->
<!-- <a aria-current="page" id="home" class=" nav-link block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-500 md:p-0" href="/" onclick="changeColor('home')">-->
<!-- 首页-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a id="project" class=" nav-link block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0" href="/Project" onclick="changeColor('projects')">-->
<!-- 项目-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="relative">-->
<!-- <button id="about" class=" nav-link flex items-center justify-between w-full py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 md:w-auto" data-dropdown-toggle="dropdownNavbar" @click="changeColor('about')">-->
<!-- 关于-->
<!-- <svg aria-hidden="true" class="w-2.5 h-2.5 ms-2.5" fill="none" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">-->
<!-- <path d="m1 1 4 4 4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>-->
<!-- </svg>-->
<!-- </button>-->
<!-- &lt;!&ndash; Dropdown menu &ndash;&gt;-->
<!-- <div v-if="isDropdownOpen" id="dropdownNavbar" class="absolute font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44">-->
<!-- <ul aria-labelledby="dropdownLargeButton" class="py-2 text-sm text-gray-700 dark:text-gray-400">-->
<!-- <li>-->
<!-- <a class="block px-4 py-2 hover:bg-gray-100" href="#">关于我们</a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="block px-4 py-2 hover:bg-gray-1 00" href="#">加入我们</a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="block px-4 py-2 hover:bg-gray-100" href="#">项目合作</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a id="team" class=" nav-link block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0" href="#" @click="changeColor('team')">团队</a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a id="new" class=" nav-link block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0" href="/New" @click="changeColor('new')">新闻</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<a-menu v-model:selectedKeys="current" mode="horizontal" :items="items" />
</div>
</nav>
@ -193,12 +149,13 @@ const items = ref([
label: '新闻',}
]);
const appValue = current[0].key; // 使用点号访问属性
const current = ref();
// const appValue = current[0].key; // 使用点号访问属性
const current = ref(['mail']);
// 传对应key给current但是没用怎么回事
function updateCurrent(key) {
console.log("key",key)
current.value = [key];
console.log('6666',current.value)
console.log('6666',current)
}
const router = useRouter()

16
src/router/index.js
View File

@ -6,7 +6,15 @@ const router = createRouter({
{
path:'/',
name:'app',
component:()=>import('../views/HomePage/IndexView.vue')
component:()=>import('../views/HomePage/IndexView.vue'),
children:[{
path: "/",
component:() => import ('../views/HomePage/Main.vue')
},{
path:'/Project',
name:'Project',
component:()=>import('@/views/ProjectPage/ProjectCard.vue')
}]
},
{
path:'/login',
@ -23,11 +31,7 @@ const router = createRouter({
name:'Login',
component:() =>import('@/views/AuthPage/Login.vue')
},
{
path:'/Project',
name:'Project',
component:()=>import('@/views/ProjectPage/ProjectDefaultPage.vue')
},
{
path:'/Manager',
name:'Manager',

8
src/views/HomePage/IndexView.vue
View File

@ -2,11 +2,7 @@
<div class="w-[100%] h-auto">
<div class="flex flex-col">
<NavBar/>
<Carousel/>
<ProjectList/>
<TeamProfile/>
<NewProfile/>
<ExcellentMember/>
<router-view></router-view>
<More/>
<Icp/>
</div>
@ -24,7 +20,7 @@ initFlowbite();
<script>
import NavBar from "@/components/HomeComponents/NavBar.vue";
import Carousel from "@/components/HomeComponents/Carousel.vue";
import Icp from "@/components/HomeComponents/Icp.vue";
import More from "@/components/HomeComponents/More.vue";
import NewProfile from "@/components/HomeComponents/NewProfile.vue";

16
src/views/HomePage/Main.vue Normal file
View File

@ -0,0 +1,16 @@
<template>
<Carousel/>
<ProjectList/>
<TeamProfile/>
<NewProfile/>
<ExcellentMember/>
</template>
<script setup>
import NewProfile from "@/components/HomeComponents/NewProfile.vue";
import ProjectList from "@/components/HomeComponents/ProjectList.vue";
import TeamProfile from "@/components/HomeComponents/TeamProfile.vue";
import ExcellentMember from "@/components/HomeComponents/ExcellentMember.vue";
import Carousel from "@/components/HomeComponents/Carousel.vue";
</script>