协议加导航页头

src/styles/protocol/index.scss

@@ -50,7 +50,8 @@ del,ins,u,s,a,a:hover {
 
 .conter,.conttle {
   width: 100%;
-  overflow: hidden;
+  overflow-x: hidden;
+  height: 100vh;
   background-color: var(--default-bgc);
 }
 
@@ -62,7 +63,7 @@ del,ins,u,s,a,a:hover {
 
 .Protocol {
   width: 1040px;
-  margin: 0 auto;
+  margin: 60px auto;
   background-color: #fff;
   padding: 40px 40px 90px;
   box-sizing: border-box;

src/views/login/components/CopyrightPolicy.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="conter">
+    <navBar v-if="!isMobile" :showLoginBtn="false" style="position: absolute; top: 0; z-index: 2;"></navBar>
     <div :class="isMobile ? 'mobileProtocol': 'Protocol'">
       <v-btn size="large" color="primary" variant="text" prepend-icon="mdi-chevron-triple-left" @click="router.go(-1)">返回上一页</v-btn>
       <h1 class="segment">版权政策</h1>
@@ -34,6 +35,7 @@
 
 <script setup>
 import { onMounted, ref } from 'vue'
+import navBar from '@/layout/personal/navBar.vue'
 import { useRouter } from 'vue-router';const router = useRouter()
 
 const isMobile = ref(false)

src/views/login/components/UserBehaviorNorms.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="conter">
+    <navBar v-if="!isMobile" :showLoginBtn="false" style="position: absolute; top: 0; z-index: 2;"></navBar>
     <div :class="isMobile ? 'mobileProtocol': 'Protocol'">
       <v-btn size="large" color="primary" variant="text" prepend-icon="mdi-chevron-triple-left" @click="router.go(-1)">返回上一页</v-btn>
       <h1 class="segment">用户行为规范</h1>
@@ -100,6 +101,7 @@
 
 <script setup>
 import { onMounted, ref } from 'vue'
+import navBar from '@/layout/personal/navBar.vue'
 import { useRouter } from 'vue-router';const router = useRouter()
 
 const isMobile = ref(false)

src/views/login/components/WorkplaceCommunityPolicy.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="conter">
+    <navBar v-if="!isMobile" :showLoginBtn="false" style="position: absolute; top: 0; z-index: 2;"></navBar>
     <div :class="isMobile ? 'mobileProtocol': 'Protocol'">
       <v-btn size="large" color="primary" variant="text" prepend-icon="mdi-chevron-triple-left" @click="router.go(-1)">返回上一页</v-btn>
       <h1 class="segment">职场社区政策</h1>
@@ -25,6 +26,7 @@
 
 <script setup>
 import { onMounted, ref } from 'vue'
+import navBar from '@/layout/personal/navBar.vue'
 import { useRouter } from 'vue-router';const router = useRouter()
 
 const isMobile = ref(false)

src/views/login/components/privacyPolicy.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="conter">
+    <navBar v-if="!isMobile" :showLoginBtn="false" style="position: absolute; top: 0; z-index: 2;"></navBar>
     <div :class="isMobile ? 'mobileProtocol': 'Protocol'">
       <v-btn size="large" color="primary" variant="text" prepend-icon="mdi-chevron-triple-left" @click="router.go(-1)">返回上一页</v-btn>
       <h1 class="segment">隐私政策</h1>
@@ -48,6 +49,7 @@
 </template>
 <script setup>
 import { onMounted, ref } from 'vue'
+import navBar from '@/layout/personal/navBar.vue'
 import { useRouter } from 'vue-router';const router = useRouter()
 
 const isMobile = ref(false)

src/views/login/components/userAgreement.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="conter">
+    <navBar v-if="!isMobile" :showLoginBtn="false" style="position: absolute; top: 0; z-index: 2;"></navBar>
     <div :class="isMobile ? 'mobileProtocol': 'Protocol'">
       <v-btn size="large" color="primary" variant="text" prepend-icon="mdi-chevron-triple-left" @click="router.go(-1)">返回上一页</v-btn>
       <h1 class="segment">用户协议</h1>
@@ -76,6 +77,7 @@
 
 <script setup>
 import { onMounted, ref } from 'vue'
+import navBar from '@/layout/personal/navBar.vue'
 import { useRouter } from 'vue-router';const router = useRouter()
 
 const isMobile = ref(false)