|
@@ -5,7 +5,11 @@
|
|
<headSearch @handleSearch="handleSearch"></headSearch>
|
|
<headSearch @handleSearch="handleSearch"></headSearch>
|
|
</div>
|
|
</div>
|
|
<hotJobs></hotJobs>
|
|
<hotJobs></hotJobs>
|
|
- <div class="default-width">
|
|
|
|
|
|
+ <div class="advertise ml-3">
|
|
|
|
+ <div class="advertise-title">广告</div>
|
|
|
|
+ <img class="advertise-img cursor-pointer" :src="advertiseUrl" @click="handleOpenAdvertise">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="default-width content-box">
|
|
<homeJobTypeCard></homeJobTypeCard>
|
|
<homeJobTypeCard></homeJobTypeCard>
|
|
<advertisementPage class="my-3"></advertisementPage>
|
|
<advertisementPage class="my-3"></advertisementPage>
|
|
<hotPromotedPositions></hotPromotedPositions>
|
|
<hotPromotedPositions></hotPromotedPositions>
|
|
@@ -31,6 +35,8 @@ import { nextTick, ref } from 'vue'
|
|
import { useUserStore } from '@/store/user'
|
|
import { useUserStore } from '@/store/user'
|
|
import { getToken } from '@/utils/auth'
|
|
import { getToken } from '@/utils/auth'
|
|
|
|
|
|
|
|
+const advertiseUrl = 'https://www.mendunerhr.com/images/userfiles/d8e0b0cc911c47788e54a5ca5d5a1cc3/images/recruitment/adImages/2024/09/%E5%8F%B3%E4%BE%A7%E5%B9%BF%E5%91%8A%E5%9B%BE%E5%88%B6%E4%BD%9C%E6%A8%A1%E6%9D%BF.png'
|
|
|
|
+
|
|
const store = useUserStore()
|
|
const store = useUserStore()
|
|
|
|
|
|
const router = useRouter()
|
|
const router = useRouter()
|
|
@@ -56,6 +62,11 @@ const handleUpdateInfo = async () => {
|
|
handleInfoClose()
|
|
handleInfoClose()
|
|
await store.getUserBaseInfos(null)
|
|
await store.getUserBaseInfos(null)
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+// 广告跳转
|
|
|
|
+const handleOpenAdvertise = () => {
|
|
|
|
+ window.open('https://mp.weixin.qq.com/s/Us_cWsRpGQBnLFBrZGynLA')
|
|
|
|
+}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
@@ -65,4 +76,28 @@ const handleUpdateInfo = async () => {
|
|
z-index: 999;
|
|
z-index: 999;
|
|
background-color: var(--default-bgc);
|
|
background-color: var(--default-bgc);
|
|
}
|
|
}
|
|
|
|
+.advertise {
|
|
|
|
+ position: sticky;
|
|
|
|
+ top: 128px;
|
|
|
|
+ z-index: 999;
|
|
|
|
+ width: 180px;
|
|
|
|
+ height: 360px;
|
|
|
|
+ &-title {
|
|
|
|
+ color: #000;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ background-color: #d5d5d5;
|
|
|
|
+ border-left: 3px solid #00897B;
|
|
|
|
+ padding: 8px 16px;
|
|
|
|
+ border-radius: 4px 4px 0 0;
|
|
|
|
+ }
|
|
|
|
+ &-img {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ border-radius: 0 0 4px 4px;
|
|
|
|
+ object-fit: cover;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+.content-box {
|
|
|
|
+ margin-top: -360px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|