Browse Source

样式调整

lifanagju_citu 5 months ago
parent
commit
cbb677222d
1 changed files with 9 additions and 10 deletions
  1. 9 10
      src/views/recruit/personal/PersonalCenter/resume/analysis/index.vue

+ 9 - 10
src/views/recruit/personal/PersonalCenter/resume/analysis/index.vue

@@ -12,25 +12,24 @@
     <template v-else>
       <div class="d-flex pa-3" style="height: 100%">
         <!-- 简历附件回显 -->
-        <v-card class="d-flex flex-column mr-5 pa-3" style="width: 50%; height: 100%; position: relative;">
+        <v-card class="mr-3 pa-3" style="width: 50%; height: 100%; overflow: hidden; position: relative;">
           <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa">
             <v-tab :value="1">查看附件简历</v-tab>
             <v-tab :value="2">查看文本信息</v-tab>
           </v-tabs>
-          <div></div>
-          <v-btn style="position: absolute; right: 0;" class="mx-5 mt-2"  variant="tonal" @click="showSelect = true">重新选择附件简历</v-btn>
-          <div class="mt-3" style="width: 100%; height: 100%; flex: 1;">
+          <v-btn style="position: absolute; right: 12px; top: 18px;" variant="tonal" @click="showSelect = true">重新选择附件简历</v-btn>
+          <div class="mt-3 pb-3" style="width: 100%; height: calc(100% - 48px);overflow: auto;">
             <div v-show="tab === 1" style="width: 100%; height: 100%">
               <IFrame :src="decodeURIComponent(fileUrl)" initHeight="100%"></IFrame>
             </div>
-            <div v-show="tab === 2">
+            <div v-show="tab === 2" style="width: 100%; height: 100%; overflow: auto;" class="pb-5 px-3">
               <template v-if="resumeTxt?.length">
-                简历解析(可复制文本使用)
-                <p v-for="(text, index) in resumeTxt" :key="text + index">{{ text }}</p>
-              </template>
-              <template v-else>
-                无简历解析文本可用
+                <div style="color: #999;" class="mb-3 text-center">简历解析(可复制文本使用)</div>
+                <div v-for="(text, resumeTxtIndex) in resumeTxt" :key="'简历解析' + resumeTxtIndex">{{ text }}</div>
               </template>
+              <div v-else style="color: #666;" class="mt-3 text-center">无简历解析文本可用</div>
+              <!-- <div style="height: 500px; overflow: auto;">
+              </div> -->
             </div>
           </div>
         </v-card>