移动端隐藏导航

src/views/login/forgotPassword.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <navBar :showLoginBtn="false" class="navBar"></navBar>
+    <navBar v-if="!isMobile" :showLoginBtn="false" class="navBar"></navBar>
     <div class="content pa-10">
       <div class="resume-header">
         <div class="resume-title">修改密码</div>
@@ -15,8 +15,15 @@ defineOptions({ name: 'forgotPassword'})
 import { useRouter } from 'vue-router'
 import navBar from '@/layout/personal/navBar.vue'
 import editPasswordPage from '@/views/login/components/editPassword.vue'
+import { ref, onMounted } from 'vue'
 
 const router = useRouter()
+
+const isMobile = ref(false)
+onMounted(() => {
+  const userAgent = navigator.userAgent
+  isMobile.value = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
+})
 </script>
 
 <style scoped lang="scss">

src/views/login/forgotPasswordEnt.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <navBar :showLoginBtn="false" class="navBar"></navBar>
+    <navBar v-if="!isMobile" :showLoginBtn="false" class="navBar"></navBar>
     <div class="content pa-10">
       <div class="resume-header">
         <div class="resume-title">企业修改密码</div>
@@ -23,10 +23,15 @@ import { useRouter } from 'vue-router'
 import navBar from '@/layout/personal/navBar.vue'
 import editPasswordPage from '@/views/login/components/editPasswordEnt.vue'
 import Verify from '@/components/Verifition'
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 
 const router = useRouter()
 
+const isMobile = ref(false)
+onMounted(() => {
+  const userAgent = navigator.userAgent
+  isMobile.value = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
+})
 
 // 验证码
 const verify = ref()

src/views/login/index.vue

@@ -65,7 +65,7 @@
         <about></about>
       </div>
     </div>
-    <navBar :showLoginBtn="false" class="navBar"></navBar>
+    <navBar v-if="!isMobile" :showLoginBtn="false" class="navBar"></navBar>
   </div>
   <Verify
     ref="verify"
@@ -78,7 +78,7 @@
 
 <script setup>
 defineOptions({ name: 'login-index' })
-import { nextTick, ref } from 'vue'
+import { nextTick, ref, onMounted } from 'vue'
 import passwordFrom from './components/passwordPage.vue'
 import phoneFrom from '@/components/VerificationCode'
 import { useUserStore } from '@/store/user'
@@ -95,6 +95,12 @@ import about from '@/views/about/index.vue'
 import { useRoute } from 'vue-router'; const route = useRoute()
 import Verify from '@/components/Verifition'
 
+const isMobile = ref(false)
+onMounted(() => {
+  const userAgent = navigator.userAgent
+  isMobile.value = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
+})
+
 const { t } = useI18n()
 const router = useRouter()
 const tab = ref(1)

src/views/recruit/personal/home/index.vue

@@ -33,7 +33,7 @@
   >
     <div style="cursor: pointer; margin: 0 auto; position: relative;">
       <v-img src="./img/adImg.jpg" :width="adImgWidth" style="height: auto;border-radius: 4px;" @click="adClick"></v-img>
-      <span style="color: #dddddd8c; font-size: 32px; position: absolute; right: 0px; top: 0px;" class="mdi mdi-close-circle-outline cursor-pointer px-3" @click="adDialog = false"></span>
+      <span style="color: #ddddddcc; font-size: 32px; position: absolute; right: 0px; top: 0px;" class="mdi mdi-close-circle-outline cursor-pointer px-3" @click="adDialog = false"></span>
     </div>
   </v-dialog>
 </template>

src/views/register/company.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="box" style="overflow-x: hidden;">
-    <navBar :showLoginBtn="false" class="navBar"></navBar>
+    <navBar v-if="!isMobile" :showLoginBtn="false" class="navBar"></navBar>
     <PhonePage v-if="!valid" :isCompany="true" @success="handleValidate" :isLogin="query.login ? true : false"></PhonePage>
   </div>
 </template>
@@ -9,10 +9,16 @@
 defineOptions({ name: 'registerCompany'})
 import { getUserRegisterEnterpriseApply } from '@/api/personal/user'
 import navBar from '@/layout/personal/navBar.vue'
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 import PhonePage from './person.vue'
 import { useRouter } from 'vue-router'
 
+const isMobile = ref(false)
+onMounted(() => {
+  const userAgent = navigator.userAgent
+  isMobile.value = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
+})
+
 const router = useRouter()
 const query = router.currentRoute.value.query
 

src/views/register/person.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <navBar :showLoginBtn="false" class="navBar"></navBar>
+    <navBar v-if="!isMobile" :showLoginBtn="false" class="navBar"></navBar>
     <div class="content pa-10">
       <div class="content-title text-center mt-4">{{ isLogin ? '请输入您申请企业账号时填入的手机号进行效验' : '请输入手机号码进行注册认证'}}</div>
       <phoneFrom class="mt-10" ref="phoneRef" @handleEnter="handleRegister" :phone="phone"></phoneFrom>
@@ -17,7 +17,7 @@
 
 <script setup>
 defineOptions({ name: 'registerPerson'})
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import phoneFrom from '@/components/VerificationCode'
 import { useUserStore } from '@/store/user'
@@ -25,6 +25,12 @@ import Snackbar from '@/plugins/snackbar'
 import { checkEmail } from '@/utils/validate'
 import navBar from '@/layout/personal/navBar.vue'
 
+const isMobile = ref(false)
+onMounted(() => {
+  const userAgent = navigator.userAgent
+  isMobile.value = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
+})
+
 const emit = defineEmits(['success'])
 const props = defineProps({
   isCompany: {

src/views/register/select.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="register-box">
-    <navBar :showLoginBtn="false" class="navBar"></navBar>
+    <navBar v-if="!isMobile" :showLoginBtn="false" class="navBar"></navBar>
     <div class="register-content">
       <h2 style="color: #666; font-weight: 400;">请选择您当前注册的身份</h2>
       <div class="d-flex mt-16">
@@ -21,6 +21,13 @@
 import navBar from '@/layout/personal/navBar.vue'
 defineOptions({ name: 'register-select'})
 import { useRouter } from 'vue-router'
+import { ref, onMounted } from 'vue'
+
+const isMobile = ref(false)
+onMounted(() => {
+  const userAgent = navigator.userAgent
+  isMobile.value = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
+})
 
 const router = useRouter()