首页广告

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

@@ -25,6 +25,18 @@
   </div>
   <!-- 快速填写简易人才信息-弹窗 -->
   <simplePage v-if="showSimplePage" :closeable="true" closeText="暂时跳过" @close="handleInfoClose" @simpleInfoReady="handleUpdateInfo"></simplePage>
+  <v-dialog
+    v-model="adDialog"
+    max-width="900"
+    :persistent="false"
+  >
+    <div style="cursor: pointer;" @click="adClick">
+      <v-img src="./img/adImg.jpg" :width="900" style="height: 530px;border-radius: 4px;"></v-img>
+    </div>
+    <div class="text-center mt-5">
+      <span style="color: white; font-size: 28px;" class="mdi mdi-close-circle-outline cursor-pointer" @click="adDialog = false"></span>
+    </div>
+  </v-dialog>
 </template>
 
 <script setup>
@@ -37,7 +49,7 @@ import hotPromotedPositions from './components/hotPromotedPositions.vue'
 import PopularEnterprises from './components/popularEnterprises.vue'
 import advertisementPage from './components/advertisement/index.vue'
 import { useRouter } from 'vue-router'
-import { nextTick, ref } from 'vue'
+import { nextTick, onMounted, ref } from 'vue'
 import { useUserStore } from '@/store/user'
 import { getToken } from '@/utils/auth'
 
@@ -73,6 +85,15 @@ const handleUpdateInfo = async () => {
 const handleOpenAdvertise = () => {
   window.open('https://mp.weixin.qq.com/s/Us_cWsRpGQBnLFBrZGynLA')
 }
+
+
+const adDialog = ref(false)
+onMounted(() => {
+  adDialog.value = true
+})
+const adClick = () => {
+  if (!getToken()) router.push('/login')
+}
 </script>
 
 <style lang="scss" scoped>