chore: update

package.json

@@ -10,11 +10,10 @@
   },
   "dependencies": {
     "@ezijing/vue-passport": "^1.0.3",
-    "axios": "^1.5.0",
+    "axios": "^1.7.9",
     "blueimp-md5": "^2.19.0",
     "element-ui": "^2.15.14",
     "file-saver": "^2.0.5",
-    "lodash": "^4.17.20",
     "print-js": "^1.6.0",
     "qrcode.vue": "^1.7.0",
     "vue": "^2.7.16",
@@ -22,11 +21,11 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue2": "^2.3.3",
-    "eslint": "^8.48.0",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-vue": "^9.32.0",
     "qs": "^6.14.0",
     "sass": "1.66.1",
-    "vite": "^4.5.9",
-    "vite-plugin-mkcert": "^1.16.0"
+    "vite": "^6.1.0",
+    "vite-plugin-mkcert": "^1.17.6"
   }
 }

src/components/layout/header.vue

@@ -27,13 +27,13 @@
       </div>
       <div class="head-nav-content max-width-content">
         <ul :class="{ 'nav-item-box': true }">
-          <li v-for="(item, index) in navData" :key="index">
-            <div class="nav-item" :class="getNameActive(item)">
+          <li v-for="(item, index) in navData" :key="index" :class="getNameActive(item)">
+            <div class="nav-item">
               <router-link :to="item.path">{{ item.name }}</router-link>
             </div>
             <ul v-if="item.children">
-              <li v-for="child in item.children" :key="child.path">
-                <div class="nav-item" :class="getNameActive(child)">
+              <li v-for="child in item.children" :key="child.path" :class="getNameActive(child)">
+                <div class="nav-item">
                   <router-link :to="child.path">{{ child.name }}</router-link>
                 </div>
               </li>
@@ -59,8 +59,8 @@ export default {
           name: '认证中心',
           path: '/attestation',
           children: [
-            { name: '我是学生', path: '/attestation/student' },
             { name: '我是老师', path: '/attestation/teacher' },
+            { name: '我是学生', path: '/attestation/student' },
           ],
         },
       ],
@@ -240,13 +240,9 @@ li {
       }
       > li {
         position: relative;
-        > .nav-item {
-          line-height: 72px;
-          font-size: 22px;
-          color: #333333;
-          cursor: pointer;
-          &.active {
-            font-weight: 500;
+        &:hover,
+        &.active {
+          > .nav-item {
             color: #aa1941;
           }
         }
@@ -255,6 +251,13 @@ li {
             display: block;
           }
         }
+        > .nav-item {
+          line-height: 72px;
+          font-size: 22px;
+          color: #333333;
+          cursor: pointer;
+        }
+
         ul {
           display: none;
           box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);

src/pages/attestation/index.vue

-<template>
-  <div>
-    <img src="/images/student_banner.png" class="banner" />
-    <section class="section">
-      <h1 class="pt-100">认证报名</h1>
-      <h2>报考流程</h2>
-      <p class="describe">
-        1、报名条件审核<br />
-        2、提交报名材料并缴费<br />
-        3、参加培训课程<br />
-        4、参加考试<br />
-        5、成绩公布与证书发放<br />
-        6、查询及验证证书
-      </p>
-      <h2>报名条件</h2>
-      <p class="describe">企业职工、职业院校学生、退伍军人</p>
-      <h2>培训费用</h2>
-      <img src="/images/pxfy.png" />
-      <h2>开班计划</h2>
-      <img src="/images/kbjh.png" />
-      <p class="tips">* 具体开班日期随招生计划可能会有调整，以最终邮件通知为准。</p>
-      <h2>考试计划</h2>
-      <img src="/images/ksjh.png" />
-      <h2>证书样本</h2>
-      <div class="zs-box">
-        <img src="/images/zs_1.png" />
-        <img src="/images/zs_2.png" />
-      </div>
-      <div class="box-group">
-        <div class="box-item">
-          <img src="/images/cx.png" />
-          <p>成绩查询</p>
-          <router-link to="/attestation/query">
-            <el-button type="primary">立即查询</el-button>
-          </router-link>
-        </div>
-        <div class="box-item">
-          <img src="/images/qr.png" />
-          <p>联系人：景老师</p>
-          <p>电话：13436826026（微信同号）</p>
-        </div>
-      </div>
-    </section>
-  </div>
-</template>
-<style lang="scss" scoped>
-.section {
-  width: 1200px;
-  margin: 0 auto;
-}
-.banner {
-  width: 100%;
-  display: block;
-}
-.pt-80 {
-  padding-top: 80px;
-}
-.pt-100 {
-  padding-top: 100px;
-}
-h1 {
-  font-size: 32px;
-  font-weight: bold;
-  color: #333333;
-  line-height: 34px;
-  text-align: center;
-  margin-bottom: 50px;
-}
-.describe {
-  font-size: 18px;
-  color: #666666;
-  line-height: 36px;
-}
-h2 {
-  padding: 50px 0 20px;
-  font-size: 24px;
-  color: #333;
-}
-.tips {
-  margin-top: 10px;
-  color: #666666;
-}
-.zs-box {
-  padding: 50px 80px;
-  background-color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.box-group {
-  padding: 80px 40px;
-  display: flex;
-  align-items: center;
-  gap: 70px;
-  .box-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    flex: 1;
-    height: 310px;
-    border-top: 8px solid #aa1941;
-    background-color: #fff;
-    border-radius: 8px;
-  }
-}
-</style>

src/router/index.js

@@ -10,6 +10,7 @@ const routes = [
     path: '/',
     component: Layout,
     children: [
+      { path: '', redirect: '/index' },
       { path: '/index', component: () => import('@/pages/home/index.vue') },
       // 工作动态
       { path: '/news', component: () => import('@/pages/news/index.vue') },
@@ -17,7 +18,7 @@ const routes = [
       // 1+x产品
       { path: '/product', component: () => import('@/pages/product/index.vue') },
       // 证书成绩查询
-      { path: '/attestation', component: () => import('@/pages/attestation/index.vue') },
+      { path: '/attestation', redirect: '/attestation/teacher' },
       { path: '/attestation/teacher', component: () => import('@/pages/attestation/teacher.vue') },
       { path: '/attestation/teacher/query', component: () => import('@/pages/attestation/teacherQuery.vue') },
       { path: '/attestation/student', component: () => import('@/pages/attestation/student.vue') },