样式调整

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

@@ -1,12 +1,12 @@
 <!-- 分享职位 -->
 <template>
   <div
-    style="background-color: #f0f0f0; width: 100vw;"
+    style="background-color: #f0f0f0; width: 100vw; height: 100vh; overflow-y: auto;"
   >
     <v-card
-      class="py-3 px-5"
-      style="background-color: #fff; overflow: auto;"
-      :style="{'width': windowWidth > 750 ? '750px' : '100vw', 'margin': windowWidth > 750 ? '5px auto' : '0 auto'}"
+      class="cardBox py-3 px-5"
+      :class="windowWidth > 750 ? 'pc' : 'phone'"
+      :style="{'width': windowWidth > 750 ? '750px' : '100vw'}"
     >
       <div v-if="!Object.keys(info).length">加载失败</div>
       <div>
@@ -59,7 +59,7 @@
         </div>
         <div class="mt-3 text-center">
           <v-btn class="mr-2 radius button-item" color="success" variant="outlined">{{ $t('position.communicate') }}</v-btn>
-          <v-btn class="radius button-item" :disabled="delivery" color="primary" @click="handleDelivery">{{ delivery ? $t('position.delivered') : $t('position.submitResume') }}</v-btn>
+          <v-btn class="radius button-item" color="primary" @click="null">{{ $t('position.submitResume') }}</v-btn>
         </div>
       </div>
     </v-card>
@@ -106,10 +106,12 @@ const desc = [
 
 // 监听窗口大小变化事件
 const windowWidth = ref(window.innerWidth)
+const windowHeight = ref(window.innerHeight)
 const updateWindowSize = async () => {
   windowWidth.value = window.innerWidth
-  // windowHeight.value = window.innerHeight
-  // console.log('windowWidth', windowWidth.value)
+  windowHeight.value = window.innerHeight
+  console.log('windowWidth', windowWidth.value)
+  console.log('innerHeight', windowHeight.value)
 }
 </script>
 <style lang="scss" scoped>
@@ -163,4 +165,16 @@ const updateWindowSize = async () => {
   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>