Merge branch 'dev' of https://git.citupro.com/zhengnaiwen_citu/menduner into dev

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

@@ -1,15 +1,13 @@
 <!-- 分享职位 -->
 <template>
-  <div
-    style="background-color: #f0f0f0; width: 100vw; height: 100vh; overflow-y: auto;"
-  >
+  <div style="background-color: #f0f0f0;" :style="{'padding': isMobile ? '0' : '10px'}">
     <v-card
-      class="cardBox py-3 px-5"
-      :class="isMobile ? 'phone' : 'pc'"
+      class="py-3 px-5"
+      style="min-height: calc(100vh - 20px); box-sizing: border-box; margin: 0 auto;"
       :style="{'width': isMobile ? '100%' : '750px'}"
     >
       <div v-if="!Object.keys(info).length">加载失败</div>
-      <div>
+      <div v-else>
         <div class="d-flex justify-space-between">
           <h2 class="JobName ellipsis">{{ info.name }}</h2>
           <span class="salary">{{ info.payFrom }}-{{ info.payTo }}/{{ positionInfo.payName }}</span>
@@ -57,7 +55,7 @@
             <span style="color: var(--color-666);font-size: 15px;">{{ info.address }}</span>
           </div>
         </div>
-        <div class="mt-3 text-center">
+        <div class="mb-5 text-center" style="height: 80px; line-height: 80px;">
           <v-btn class="mr-2 radius button-item" color="success" variant="outlined">{{ $t('position.communicate') }}</v-btn>
           <v-btn class="radius button-item" color="primary" @click="null">{{ $t('position.submitResume') }}</v-btn>
         </div>
@@ -77,10 +75,6 @@ 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)
 })
-// // 组件卸载前移除事件监听器  
-// onUnmounted(() => {
-//   window.removeEventListener('resize', updateWindowSize)
-// })
 // 获取路由参数
 const queryParams = new URLSearchParams(window.location.search)
 const jobId = queryParams.get('jobId') || ''
@@ -157,16 +151,4 @@ const desc = [
   min-width: 110px;
   height: 36px
 }
-.cardBox {
-  background-color: #fff;
-  // overflow: auto;
-  min-height: 100vh;
-}
-.pc {
-  margin: 5px auto;
-  min-height: calc(100vh - 10px);
-}
-.phone {
-  margin: 0 auto;
-}
 </style>