|
|
@@ -77,6 +77,9 @@
|
|
|
.i-need-more .i-n-m-bg {
|
|
|
background-image: url('{{Msg "seo" "cdn"}}/structuredata/pc/image/bottom-fixed-ad.jpg');
|
|
|
}
|
|
|
+ .i-need-more .get-data-example-button {
|
|
|
+ background-image: url('{{Msg "seo" "cdn"}}/structuredata/pc/image/bottom-fixed-button.png');
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body class="indexpage">
|
|
|
@@ -208,13 +211,19 @@
|
|
|
<div class="section-content s-bg center">
|
|
|
<div class="section-title-bg s-bg center"></div>
|
|
|
<div class="section-item-list">
|
|
|
- <div class="section-item-card s-bg">
|
|
|
+ <div class="section-item-card s-bg example-standard">
|
|
|
<div class="item-card-title">标准数据导出服务</div>
|
|
|
<div class="item-card-content">适用场景：市场调研、竞争对手分析</div>
|
|
|
+ <div class="example-pic">
|
|
|
+ <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/example-standard.png' alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="section-item-card s-bg">
|
|
|
+ <div class="section-item-card s-bg example-senior">
|
|
|
<div class="item-card-title">高级数据导出服务</div>
|
|
|
<div class="item-card-content">适用场景：商机获取、市场调研、竞争对手分析</div>
|
|
|
+ <div class="example-pic">
|
|
|
+ <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/example-senior.png' alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="section-item-card s-bg">
|
|
|
<div class="item-card-title">自定义接口数据</div>
|
|
|
@@ -225,7 +234,7 @@
|
|
|
<div class="item-card-title">剑鱼提供30+信息字段包含</div>
|
|
|
<div class="item-card-content">
|
|
|
招标信息：省份、城市、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯发布地址；<br />
|
|
|
- 项目信息：项目名称、项目编号、项目范围、预算（元)、中标金额（元）、开标日期；<br />
|
|
|
+ 项目信息：项目名称、项目编号、项目范围、预算（元）、中标金额（元）、开标日期；<br />
|
|
|
采购单位信息：采购单位、采购单位联系人、采购单位联系电话；<br />
|
|
|
招标代理机构信息：招标代理机构名称；<br />
|
|
|
中标单位信息：中标单位、中标单位联系人、中标单位联系电话、中标企业电子邮箱等。
|
|
|
@@ -292,8 +301,10 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="i-need-more">
|
|
|
- <div class="i-n-m-bg s-bg center"></div>
|
|
|
+ <div class="i-need-more fixed">
|
|
|
+ <div class="i-n-m-bg s-bg center">
|
|
|
+ <div class="get-data-example-button s-bg" data-id="structedData"></div>
|
|
|
+ </div>
|
|
|
<div class="closed el-icon-close"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -351,7 +362,7 @@
|
|
|
// })
|
|
|
|
|
|
// 获取数据样例
|
|
|
- $('.get-data-example').on('click', function () {
|
|
|
+ $('.get-data-example, .get-data-example-button').on('click', function () {
|
|
|
var id = $(this).attr('data-id')
|
|
|
// 调用组件是否留资方法 传入一个来源对应模块 弹出弹框 （页面改版改为点击【获取数据样例】触发弹框）
|
|
|
vm.isNeedSubmit(id, function(){})
|
|
|
@@ -363,6 +374,42 @@
|
|
|
$('.i-need-more .closed').on('click', function () {
|
|
|
$('.i-need-more').hide()
|
|
|
})
|
|
|
+ $('.example-standard, .example-senior').on('mouseover', function () {
|
|
|
+ var pic = $(this).find('.example-pic')
|
|
|
+ if (!pic.is(':hidden')) return
|
|
|
+ pic.fadeIn()
|
|
|
+ }).on('mouseleave', function () {
|
|
|
+ var pic = $(this).find('.example-pic')
|
|
|
+ if (pic.is(':hidden')) return
|
|
|
+ pic.fadeOut()
|
|
|
+ })
|
|
|
+
|
|
|
+ // 底部ad
|
|
|
+ fixedBottomAd()
|
|
|
+ function fixedBottomAd () {
|
|
|
+ var bottomFixedAdShow = true
|
|
|
+ $('.i-need-more .closed').on('click', function () {
|
|
|
+ bottomFixedAdShow = false
|
|
|
+ $('.i-need-more').fadeOut()
|
|
|
+ })
|
|
|
+ var top1 = 0;
|
|
|
+ var top2 = 0;
|
|
|
+ var timer = null;
|
|
|
+ $(window).on('scroll', function () {
|
|
|
+ clearTimeout(timer);
|
|
|
+ if (!bottomFixedAdShow) return
|
|
|
+ timer = setTimeout(isScrollEnd, 800);
|
|
|
+ top1 = document.documentElement.scrollTop || document.body.scrollTop;
|
|
|
+ $('.i-need-more').fadeOut()
|
|
|
+ })
|
|
|
+
|
|
|
+ function isScrollEnd() {
|
|
|
+ top2 = document.documentElement.scrollTop || document.body.scrollTop;
|
|
|
+ if (top1 == top2 && bottomFixedAdShow) {
|
|
|
+ $('.i-need-more').fadeIn()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
})
|
|
|
|
|
|
/******* 获取url参数（正则）********/
|
