Browse Source

分享招聘会按钮

lifanagju_citu 4 months ago
parent
commit
36b5ccf363
1 changed files with 8 additions and 2 deletions
  1. 8 2
      src/views/recruit/enterprise/jobFair/details.vue

+ 8 - 2
src/views/recruit/enterprise/jobFair/details.vue

@@ -1,13 +1,13 @@
 <template>
   <v-card class="card-box pa-4" :style="`background-color: ${jobFairInfo?.backgroundColour}`">
     <div class="position-relative">
-      <div class="text-center mb-5 mt-2 font-weight-bold font-size-20" style="color: #fff">{{ jobFairInfo?.title?.replace(/<\/?p[^>]*>/gi, '') }}</div>
+      <div class="text-center my-6 mx-10 px-15 font-weight-bold font-size-20" style="color: #fff">{{ jobFairInfo?.title?.replace(/<\/?p[^>]*>/gi, '') }}</div>
       <div class="d-flex justify-space-between mb-3 align-center">
         <div style="color: #fff;">剩余可发布职位数:{{ jobNum }}个</div>
         <div>
           <!-- <v-btn color="#fff" :style="`color: ${jobFairInfo?.backgroundColour || 'var(--v-primary-base)'}`" @click="handleAdd">新增职位</v-btn> -->
           <v-btn color="#fff" class="mx-3" :style="`color: ${jobFairInfo?.backgroundColour || 'var(--v-primary-base)'}`" @click="handleJoin">选择已发布的职位加入招聘会</v-btn>
-          <v-btn color="#fff" v-if="jobFairInfo?.contentImg" :style="`color: ${jobFairInfo?.backgroundColour || 'var(--v-primary-base)'}`" prepend-icon="mdi-share" @click="handleShare">我的分享海报</v-btn>
+          <!-- <v-btn color="#fff" v-if="jobFairInfo?.contentImg" :style="`color: ${jobFairInfo?.backgroundColour || 'var(--v-primary-base)'}`" prepend-icon="mdi-share" @click="handleShare">我的分享海报</v-btn> -->
         </div>
       </div>
       <JobItem :items="jobList" @refresh="getJobList(), getJobNum()"></JobItem>
@@ -82,6 +82,12 @@
           @success="handlePreview"
         ></JobFairEntShare>
       </div>
+      <!-- 招聘会分享按钮 -->
+      <div v-if="jobFairInfo?.contentImg" style="position: absolute; right: 12px; top: -16px; z-index: 999;">
+        <div class="cursor-pointer pa-2 white-bgc" style="border-radius: 8px;" @click.stop="handleShare">
+          <v-icon color="primary" size="26">mdi-share</v-icon>
+        </div>
+      </div>
     </div>
   </v-card>