menduner/src/views/login/forgotPasswordEnt.vue

<template>
  <div class="box">
    <navBar v-if="!isMobile" :showLoginBtn="false" class="navBar"></navBar>
    <div class="content pa-10">
      <div class="resume-header">
        <div class="resume-title">企业修改密码</div>
      </div>
      <editPasswordPage :showCancelBtn="false" openVerify @cancel="router.push('/login')">
        <template #custom>
          <div class="font-size-14 text-end">
            <span class="color-primary cursor-pointer" @click="router.push('/login')">回到登录页</span>
          </div>
        </template>
      </editPasswordPage>
    </div>
  </div>
</template>

<script setup>
defineOptions({ name: 'forgotPasswordEnt'})
import { useRouter } from 'vue-router'
import navBar from '@/layout/personal/navBar.vue'
import editPasswordPage from '@/views/login/components/editPasswordEnt.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">
.navBar {
  position: absolute;
  top: 0;
  z-index: 2;
}
.box {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url('https://minio.menduner.com/dev/menduner/login-bgc.jpg');
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content {
  width: 450px;
  height: 450px;
  background-color: #fff;
  border-radius: 10px;
}
</style>