|
@@ -6,15 +6,27 @@
|
|
<headSearch @handleSearch="handleSearch"></headSearch>
|
|
<headSearch @handleSearch="handleSearch"></headSearch>
|
|
</div>
|
|
</div>
|
|
<hotJobs></hotJobs>
|
|
<hotJobs></hotJobs>
|
|
- <div class="advertise" :style="{'width': showFullAdvertise ? '180px' : '20px'}">
|
|
|
|
- <div v-if="showFullAdvertise">
|
|
|
|
- <div class="advertise-title d-inline-block">
|
|
|
|
- <span>广告</span>
|
|
|
|
- <v-icon class="float-right cursor-pointer pb-1" color="primary" size="28" @click="showFullAdvertise = false">mdi-close</v-icon>
|
|
|
|
|
|
+ <div class="advertiseBox">
|
|
|
|
+ <div class="advertise" :style="{'width': showFullAdvertise ? '180px' : '20px'}">
|
|
|
|
+ <div v-if="showFullAdvertise">
|
|
|
|
+ <div class="advertise-title d-inline-block">
|
|
|
|
+ <span>广告</span>
|
|
|
|
+ <v-icon class="float-right cursor-pointer pb-1" color="primary" size="28" @click="showFullAdvertise = false">mdi-close</v-icon>
|
|
|
|
+ </div>
|
|
|
|
+ <img class="advertise-img cursor-pointer" src="https://minio.menduner.com/dev/menduner/advertise-website-home.png" @click="handleOpenAdvertise">
|
|
</div>
|
|
</div>
|
|
- <img class="advertise-img cursor-pointer" src="https://minio.menduner.com/dev/menduner/advertise-website-home.png" @click="handleOpenAdvertise">
|
|
|
|
|
|
+ <div v-else class="advertise-box cursor-pointer" @mouseenter="showFullAdvertise = true"></div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="advertise mt-3" :style="{'width': showFullAdvertise1 ? '180px' : '20px'}">
|
|
|
|
+ <div v-if="showFullAdvertise1">
|
|
|
|
+ <div class="advertise-title d-inline-block">
|
|
|
|
+ <span>广告</span>
|
|
|
|
+ <v-icon class="float-right cursor-pointer pb-1" color="primary" size="28" @click="showFullAdvertise1 = false">mdi-close</v-icon>
|
|
|
|
+ </div>
|
|
|
|
+ <img class="advertise-img cursor-pointer" src="https://minio.menduner.com/dev/ced2539479c70b62b61e039250fb3e36b72611f2b7db46f4540bb91081ddf223.jpg" @click="handleOpenAdvertise1">
|
|
|
|
+ </div>
|
|
|
|
+ <div v-else class="advertise-box cursor-pointer" @mouseenter="showFullAdvertise1 = true"></div>
|
|
</div>
|
|
</div>
|
|
- <div v-else class="advertise-box cursor-pointer" @mouseenter="showFullAdvertise = true"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="default-width content-box mb-5">
|
|
<div class="default-width content-box mb-5">
|
|
<homeJobTypeCard></homeJobTypeCard>
|
|
<homeJobTypeCard></homeJobTypeCard>
|
|
@@ -54,6 +66,7 @@ import { getToken } from '@/utils/auth'
|
|
import { getRewardEventList } from '@/utils/eventList'
|
|
import { getRewardEventList } from '@/utils/eventList'
|
|
|
|
|
|
const showFullAdvertise = ref(true)
|
|
const showFullAdvertise = ref(true)
|
|
|
|
+const showFullAdvertise1 = ref(true)
|
|
if (!getToken()) getRewardEventList()
|
|
if (!getToken()) getRewardEventList()
|
|
|
|
|
|
|
|
|
|
@@ -84,6 +97,13 @@ const handleSearch = (val) => {
|
|
const handleOpenAdvertise = () => {
|
|
const handleOpenAdvertise = () => {
|
|
window.open('https://mp.weixin.qq.com/s/Us_cWsRpGQBnLFBrZGynLA')
|
|
window.open('https://mp.weixin.qq.com/s/Us_cWsRpGQBnLFBrZGynLA')
|
|
}
|
|
}
|
|
|
|
+// 广告跳转1
|
|
|
|
+const handleOpenAdvertise1 = () => {
|
|
|
|
+ const add = '/recruit/enterprise/position/add'
|
|
|
|
+ const url = getToken(1) ? add : '/login?entLogin=true'
|
|
|
|
+ if (!getToken(1)) localStorage.setItem('enterpriseRedirect', add)
|
|
|
|
+ window.open(url)
|
|
|
|
+}
|
|
|
|
|
|
const adImgWidth = ref(document?.documentElement?.clientWidth ?
|
|
const adImgWidth = ref(document?.documentElement?.clientWidth ?
|
|
Math.floor(document.documentElement.clientWidth/2.2) > 500 ?
|
|
Math.floor(document.documentElement.clientWidth/2.2) > 500 ?
|
|
@@ -111,10 +131,16 @@ const adClick = () => {
|
|
z-index: 999;
|
|
z-index: 999;
|
|
background-color: var(--default-bgc);
|
|
background-color: var(--default-bgc);
|
|
}
|
|
}
|
|
-.advertise {
|
|
|
|
|
|
+.advertiseBox {
|
|
position: sticky;
|
|
position: sticky;
|
|
top: 128px;
|
|
top: 128px;
|
|
z-index: 999;
|
|
z-index: 999;
|
|
|
|
+ // height: 360px;
|
|
|
|
+}
|
|
|
|
+.advertise {
|
|
|
|
+ // position: sticky;
|
|
|
|
+ // top: 128px;
|
|
|
|
+ // z-index: 999;
|
|
height: 360px;
|
|
height: 360px;
|
|
&-box {
|
|
&-box {
|
|
position: relative;
|
|
position: relative;
|
|
@@ -149,7 +175,7 @@ const adClick = () => {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.content-box {
|
|
.content-box {
|
|
- margin-top: -360px;
|
|
|
|
|
|
+ margin-top: -720px;
|
|
}
|
|
}
|
|
.banner {
|
|
.banner {
|
|
width: 100%;
|
|
width: 100%;
|