Bladeren bron

侧边栏调整

Xiao_123 1 jaar geleden
bovenliggende
commit
a182c4a357
4 gewijzigde bestanden met toevoegingen van 56 en 32 verwijderingen
  1. 6 1
      src/layout/index.vue
  2. 20 11
      src/layout/personal/footer.vue
  3. 10 10
      src/layout/personal/slider.vue
  4. 20 10
      src/router/modules/remaining.js

+ 6 - 1
src/layout/index.vue

@@ -5,7 +5,7 @@
       <router-view></router-view>
       <router-view></router-view>
     </div>
     </div>
     <Footers class="mt-10"></Footers>
     <Footers class="mt-10"></Footers>
-    <Slider class="slider"></Slider>
+    <Slider v-if="whiteList.indexOf(router.currentRoute.value.path) === -1" class="slider"></Slider>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -14,8 +14,13 @@ import Headers from './personal/navBar.vue'
 import Footers from './personal/footer.vue'
 import Footers from './personal/footer.vue'
 import Slider from './personal/slider.vue'
 import Slider from './personal/slider.vue'
 import { useSharedState } from '@/store/sharedState'
 import { useSharedState } from '@/store/sharedState'
+import { useRouter } from 'vue-router'
 defineOptions({ name: 'layout-index' })
 defineOptions({ name: 'layout-index' })
 
 
+// 不展示侧边栏名单
+const whiteList = ['/login', '/privacyPolicy', '/userAgreement', '/register']
+const router = useRouter()
+
 const sharedState = useSharedState()
 const sharedState = useSharedState()
 
 
 const layoutClick = () => {
 const layoutClick = () => {

+ 20 - 11
src/layout/personal/footer.vue

@@ -3,18 +3,18 @@
     <div class="top wid d-flex justify-space-between">
     <div class="top wid d-flex justify-space-between">
       <div class="left">
       <div class="left">
         <h4>联系我们</h4>
         <h4>联系我们</h4>
-        <div class="mt-5 size second">
-          <div>广州辞图科技有限公司</div>
-          <div class="my-3">公司地址&nbsp;先烈中路100号大院8栋203室</div>
-          <div>服务热线/举报渠道&nbsp;4000000xxx</div>
+        <div class="mt-5 size">
+          <div>苏州识喜识谊信息科技有限公司</div>
+          <div class="my-3">公司地址&nbsp;苏州工业园区林泉街399号东南大学国家大学科技园(苏州)南工院(2#)304室</div>
+          <div>服务热线/举报渠道&nbsp;4000xxxx</div>
         </div>
         </div>
       </div>
       </div>
       <div class="center">
       <div class="center">
         <h4>使用与帮助</h4>
         <h4>使用与帮助</h4>
-        <div class="mt-5 size second">
-          <div>协议与规则</div>
-          <div class="my-3">隐私协议</div>
-          <div>使用与帮助</div>
+        <div class="mt-5 size">
+          <a href="/userAgreement">用户协议</a>
+          <a class="my-3" href="/privacyPolicy">隐私协议</a>
+          <a>使用与帮助</a>
         </div>
         </div>
       </div>
       </div>
       <div class="right size d-flex">
       <div class="right size d-flex">
@@ -38,10 +38,10 @@
 defineOptions({ name: 'personal-footer' })
 defineOptions({ name: 'personal-footer' })
 const list = [
 const list = [
   { label: 'Copyright © 2024招聘人才网', path: '' },
   { label: 'Copyright © 2024招聘人才网', path: '' },
-  { label: '粤ICP备xxxx号-x', path: '' },
-  { label: '粤ICP备xxxx号-x', path: '' },
+  { label: '苏ICP备2021021762号-1', path: '' },
+  { label: '苏ICP备18037702号-1', path: '' },
   { label: '电子营业执照', path: '', img: '' },
   { label: '电子营业执照', path: '', img: '' },
-  { label: '粤公网安管 10110110110', path: '', img: '' },
+  { label: '公安备案号 32059002001928', path: '', img: '' },
   { label: '人力资源服务许可证', path: '' }
   { label: '人力资源服务许可证', path: '' }
 ]
 ]
 </script>
 </script>
@@ -66,6 +66,15 @@ const list = [
 .second {
 .second {
   cursor: pointer;
   cursor: pointer;
 }
 }
+a {
+  display: block;
+  cursor: pointer;
+  color: #ffffff80;
+  text-decoration: none;
+  &:hover {
+    color: var(--v-primary-base);
+  }
+}
 .bottom span:hover {
 .bottom span:hover {
   color: var(--v-primary-base);
   color: var(--v-primary-base);
 }
 }

+ 10 - 10
src/layout/personal/slider.vue

@@ -1,16 +1,16 @@
 <template>
 <template>
   <div class="slider-box">
   <div class="slider-box">
     <div v-for="item in list" :key="item.mdi" class="slider-box-item">
     <div v-for="item in list" :key="item.mdi" class="slider-box-item">
-      <v-tooltip :text="item.tips" location="start">
-        <!-- <template v-slot:activator="{ props }">
-          <v-btn size="30" class="icons" variant="text" v-bind="props" :icon="item.mdi"></v-btn>
-        </template> -->
-        <div v-if="item.showImg" class="ma-3" style="text-align: center">
-          <v-img cover aspect-ratio="1/1" src="https://minio.citupro.com/dev/static/mendunerCode.jpg" :width="170" style="height: 170px;"></v-img>
-          <span class="tips-text">关注门墩儿直聘微信公众号</span>
-        </div>
-        <span v-else>{{ item.tips }}</span>
-      </v-tooltip>
+      <v-btn size="30" class="icons" icon variant="text">
+        <v-icon class="icons" size="30">{{ item.mdi }}</v-icon>
+        <v-tooltip :text="item.tips" location="start" activator="parent">
+          <div v-if="item.showImg" class="ma-3" style="text-align: center">
+            <v-img cover aspect-ratio="1/1" src="https://minio.citupro.com/dev/static/mendunerCode.jpg" :width="170" style="height: 170px;"></v-img>
+            <span class="tips-text">关注门墩儿直聘微信公众号</span>
+          </div>
+          <span v-else>{{ item.tips }}</span>
+        </v-tooltip>
+      </v-btn>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>

+ 20 - 10
src/router/modules/remaining.js

@@ -22,21 +22,31 @@ const remainingRouter = [
   },
   },
   {
   {
     path: '/userAgreement',
     path: '/userAgreement',
-    component: () => import('@/views/login/components/userAgreement.vue'),
+    component: Layout,
     name: 'userAgreement',
     name: 'userAgreement',
-    meta: {
-      hidden: true,
-      title: '用户协议'
-    }
+    children: [
+      {
+        path: '/userAgreement',
+        component: () => import('@/views/login/components/userAgreement.vue'),
+        meta: {
+          title: '用户协议'
+        }
+      }
+    ]
   },
   },
   {
   {
     path: '/privacyPolicy',
     path: '/privacyPolicy',
-    component: () => import('@/views/login/components/privacyPolicy.vue'),
+    component: Layout,
     name: 'privacyPolicy',
     name: 'privacyPolicy',
-    meta: {
-      hidden: true,
-      title: '隐私政策'
-    }
+    children: [
+      {
+        path: '/privacyPolicy',
+        component: () => import('@/views/login/components/privacyPolicy.vue'),
+        meta: {
+          title: '隐私政策'
+        }
+      }
+    ]
   },
   },
   {
   {
     path: '',
     path: '',