events页面

src/views/HomeMain.vue

@@ -34,7 +34,7 @@
                 </div>
 				
             </div>
-            <nav class="homeMain_nav_content">
+            <!-- <nav class="homeMain_nav_content">
 				<router-link  :class="['nav_item',$route.name === 'homePage' ? 'select_nav' : '', ]" :to="`/home/homePage`">
 					{{$t('Header.HOME')}}
 				</router-link>
@@ -47,8 +47,8 @@
 				<router-link  :class="['nav_item',$route.name === 'works' ? 'select_nav' : '', ]" :to="`/home/works`">
 					{{$t('Header.WORKS')}}
 				</router-link>
-            </nav>
-           
+            </nav> -->
+			<navRouter :routerList="navRouterList"></navRouter>
 			<div class="homeMain_right">
 				<img
                 class="homeMain_logo"
@@ -127,6 +127,7 @@ import { Modal, message } from "ant-design-vue";
 import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
 import RobotAssist from "@/component/HomePage/RobotAssist.vue";
 import scaleVideo from "@/component/HomePage/scaleVideo.vue";
+import navRouter from "@/component/modules/navRouter.vue";
 import { useStore } from "vuex";
 import { setLang } from "@/tool/guide";
 import  showViewVideo from "@/tool/mount";
@@ -140,6 +141,7 @@ export default defineComponent({
 		UpgradePlan,
 		payOrder,
 		TaskPage,
+		navRouter,
     },
 	setup(){
         const store = useStore();
@@ -152,7 +154,30 @@ export default defineComponent({
 		})
 		let activeCredits = ref(false)
 		let getLangIsShowMark = ref(true)
-		let AdministratorUserIdList = [88,6,46,31,73,83,87]
+		let AdministratorUserIdList = [88,6,46,31,73,83,87,4]
+		let navRouterList = [
+			{
+				routerName:'homePage',
+				router:'/home/homePage',
+				name:t('Header.HOME')
+			},{
+				routerName:'library',
+				router:'/home/library',
+				name:t('Header.LIBRARY')
+			},{
+				routerName:'history',
+				router:'/home/history',
+				name:t('Header.HISTORY')
+			},{
+				routerName:'works',
+				router:'/home/works',
+				name:t('Header.WORKS')
+			},{
+				routerName:'events',
+				router:'/home/events',
+				name:t('Header.EVENTS')
+			},
+		]
 		return {
 			store,
 			t,
@@ -163,6 +188,7 @@ export default defineComponent({
 			activeCredits,
 			getLangIsShowMark,
 			AdministratorUserIdList,
+			navRouterList,
 		}
 	},
     data() {
@@ -463,47 +489,7 @@ export default defineComponent({
 		margin-top: 0;
     }
 
-    .homeMain_nav_content {
-        display: flex;
-        // margin-left: 28.9rem;
-		// margin-left: 46.2rem;
-        align-items: center;
-
-        .nav_item {
-            padding: 1.1rem 1rem;
-            border-bottom: 0.1rem solid transparent;
-            margin-right: 3.4rem;
-            font-size: 1.6rem;
-            line-height: 1.3rem;
-            // color: #333333;
-            color: #000;
-            cursor: pointer;
-            font-weight: 900;
-			position: relative;
-			&.nav_item:last-child{
-				margin: 0;
-			}
-			&.nav_item::before {
-				position: absolute;
-				content: "";
-				display: block;
-				background: #000;
-				height: .3rem;
-				left: 50%;
-				transform: translateX(-50%);
-				bottom: .3rem;
-				width: 0px;
-				transition: 0.3s all;
-			}
-			&.select_nav {
-				color: #000;
-				transform: scale(1.15);
-			}
-			&.select_nav::before {
-				width: 80%;
-			}
-        }
-    }
+    
 
     .homeMain_right_content {
         // position: absolute;