|
|
@@ -7,11 +7,14 @@
|
|
|
:class="{ 'app-header-top': appHeaderTop }"
|
|
|
>
|
|
|
<!-- 头部广告位 -->
|
|
|
- <div class="header-exposure" v-if="getPlatformAD.header && isLogin">
|
|
|
- <img :src="AD.header.pic" alt="" />
|
|
|
- </div>
|
|
|
- <h5 class="logo-title tabbar-header" v-if="getPlatformAD.header && isLogin">
|
|
|
- 剑鱼标讯
|
|
|
+ <div class="header-exposure" v-if="isLogin"></div>
|
|
|
+ <h5 class="logo-title tabbar-header" v-if="isLogin">
|
|
|
+ <div class="logo-img-container">
|
|
|
+ <img
|
|
|
+ src="@/assets/image/public/logo-text-transparent-bg@2x.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</h5>
|
|
|
<!-- 搜索框 -->
|
|
|
<van-sticky
|
|
|
@@ -21,20 +24,30 @@
|
|
|
<div class="search-box" :class="{ 'app-header-top': appHeaderTop }">
|
|
|
<div class="search" @click="goSearch">
|
|
|
<AppIcon name="search" />
|
|
|
- <span>请输入项目名称等关键词</span>
|
|
|
+ <span>找项目 搜采购 拓客户 查企业</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-sticky>
|
|
|
- <!-- 轮播广告位 -->
|
|
|
- <swipe :images="AD.swipe" v-if="isLogin"></swipe>
|
|
|
- <!-- 金刚区广告位 -->
|
|
|
- <swipe-floor :images="AD.floor" v-if="isLogin"></swipe-floor>
|
|
|
- <!-- 内容区域 -->
|
|
|
- <!-- 消息 -->
|
|
|
- <message-card></message-card>
|
|
|
- <div class="divider-placeholder" v-if="!isLogin"></div>
|
|
|
- <!-- 最新标讯 -->
|
|
|
- <home-list ref="list"></home-list>
|
|
|
+ <HotKeyList
|
|
|
+ v-if="isLogin"
|
|
|
+ class="hot-key-wrapper"
|
|
|
+ @clickTag="clickHotTag"
|
|
|
+ />
|
|
|
+ <div :class="{ 'home-content-container': isLogin }">
|
|
|
+ <!-- 金刚区广告位 -->
|
|
|
+ <swipe-floor
|
|
|
+ class="swipe-floor"
|
|
|
+ :images="AD.floor"
|
|
|
+ v-if="isLogin"
|
|
|
+ ></swipe-floor>
|
|
|
+ <!-- 轮播广告位 -->
|
|
|
+ <swipe :images="AD.swipe" v-if="isLogin"></swipe>
|
|
|
+ <!-- 内容区域 -->
|
|
|
+ <!-- 消息 -->
|
|
|
+ <message-card></message-card>
|
|
|
+ <!-- 最新标讯 -->
|
|
|
+ <home-list ref="list"></home-list>
|
|
|
+ </div>
|
|
|
<!-- 侧边广告位 -->
|
|
|
<ad-side :config="AD.side" :scroll-status="sideStatus"></ad-side>
|
|
|
<!-- 弹窗广告位 -->
|
|
|
@@ -69,6 +82,7 @@ import Swipe from '@/components/ad/Swipe'
|
|
|
import SwipeFloor from '@/components/ad/SwipeFloor'
|
|
|
import Side from '@/components/ad/Side'
|
|
|
import HomeList from '@/components/home/list'
|
|
|
+import HotKeyList from '@/components/home/HotKeyList'
|
|
|
import {
|
|
|
ajaxGetAD,
|
|
|
ajaxGetNewUserAD,
|
|
|
@@ -100,6 +114,7 @@ export default {
|
|
|
mixins: [mixinHeader, setPageTdk],
|
|
|
components: {
|
|
|
AdSingle,
|
|
|
+ HotKeyList,
|
|
|
AdPopScreen,
|
|
|
HomeList,
|
|
|
MessageCard,
|
|
|
@@ -276,7 +291,7 @@ export default {
|
|
|
const { toSearch } = this.cacheState
|
|
|
if (!toSearch) return false
|
|
|
this.cacheState.toSearch = false
|
|
|
- this.toSearch()
|
|
|
+ this.toSearchFocus()
|
|
|
},
|
|
|
doSave() {
|
|
|
callHideTab(1)
|
|
|
@@ -359,9 +374,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
goSearch() {
|
|
|
- this.toSearch()
|
|
|
+ this.toSearchFocus()
|
|
|
// if (this.isLogin) {
|
|
|
- // this.toSearch()
|
|
|
+ // this.toSearchFocus()
|
|
|
// } else {
|
|
|
// this.cacheState.toSearch = true
|
|
|
// this.doSaveToSearch()
|
|
|
@@ -369,11 +384,22 @@ export default {
|
|
|
// this.toLogin()
|
|
|
// }
|
|
|
},
|
|
|
- toSearch() {
|
|
|
+ toSearchFocus() {
|
|
|
+ this.toSearch({
|
|
|
+ focus: true
|
|
|
+ })
|
|
|
+ },
|
|
|
+ toSearchAutoSearch(keyword) {
|
|
|
+ this.toSearch({
|
|
|
+ input: keyword,
|
|
|
+ autoSearch: true
|
|
|
+ })
|
|
|
+ },
|
|
|
+ toSearch(params = {}) {
|
|
|
this.$router.push({
|
|
|
name: 'search-middle-bidding',
|
|
|
params: {
|
|
|
- focus: true
|
|
|
+ ...params
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -388,6 +414,9 @@ export default {
|
|
|
const scrollTop = e.target.scrollTop
|
|
|
this.sideStatus = scrollTop < 60
|
|
|
},
|
|
|
+ clickHotTag(item) {
|
|
|
+ this.toSearchAutoSearch(item.label)
|
|
|
+ },
|
|
|
/**
|
|
|
* 获取对应广告位数据
|
|
|
* @param codes
|
|
|
@@ -401,7 +430,7 @@ export default {
|
|
|
const codes = [
|
|
|
this.getPlatformAD.side,
|
|
|
this.getPlatformAD.full,
|
|
|
- this.getPlatformAD.header,
|
|
|
+ // this.getPlatformAD.header,
|
|
|
this.getPlatformAD.swipe,
|
|
|
this.getPlatformAD.floor
|
|
|
].filter((v) => v)
|
|
|
@@ -564,9 +593,38 @@ export default {
|
|
|
overflow-x: hidden;
|
|
|
|
|
|
.logo-title {
|
|
|
+ padding-top: 12px;
|
|
|
+ padding-bottom: 6px;
|
|
|
color: $white;
|
|
|
- height: 64px - 8px;
|
|
|
+ height: 44px;
|
|
|
+ .logo-img-container {
|
|
|
+ padding: 0 14px;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .hot-key-wrapper {
|
|
|
+ padding: 0 16px;
|
|
|
+ padding-bottom: 12px;
|
|
|
}
|
|
|
+
|
|
|
+ .home-content-container {
|
|
|
+ border-top-left-radius: 16px;
|
|
|
+ border-top-right-radius: 16px;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #f5f6f7;
|
|
|
+ }
|
|
|
+ .swipe-floor {
|
|
|
+ background: linear-gradient(180deg, #fff 0%, #f5f6f7 100%);
|
|
|
+ box-shadow: 0px -4px 16px 0px #081f2614;
|
|
|
+ }
|
|
|
+ .message-bg {
|
|
|
+ padding-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
.van-sticky--fixed,
|
|
|
.deep-color {
|
|
|
.search-box {
|
|
|
@@ -592,7 +650,7 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
- height: 36px;
|
|
|
+ height: 40px;
|
|
|
padding: 0 12px;
|
|
|
background: #ffffff;
|
|
|
transition: background-color 0.2s;
|
|
|
@@ -613,7 +671,8 @@ export default {
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
- height: auto;
|
|
|
+ min-height: 240px;
|
|
|
+ background: linear-gradient(180deg, #00aee6 0%, #05b6cd 38%, #87efea 100%);
|
|
|
img {
|
|
|
width: 100%;
|
|
|
max-width: 100%;
|
