瀏覽代碼

fix:pc首页样式调整及跳转逻辑

yangfeng 2 年之前
父節點
當前提交
b7a3db9020

+ 6 - 7
src/web/staticres/css/pc/index.css

@@ -353,6 +353,8 @@
 .jy-index-product .p-detail{
   /* display: none; */
   margin-top: 100px;
+  max-width: 262px;
+  text-align: justify;
   transition: All 0.4s ease-in-out;
   -webkit-transition: All 0.4s ease-in-out;
   -moz-transition: All 0.4s ease-in-out;
@@ -381,17 +383,11 @@
   padding-top: 96px;
 }
 .jy-index-product .main-product-item:hover .p-detail{
-  display: block;
   margin-top: 8px;
   font-size: 16px;
   color: #fff;
   line-height: 20px;
 }
-.jy-index-product .other-product-item:hover .p-detail{
-  display: block;
-  color: #1D1D1D;
-  font-size: 14px;
-}
 .jy-index-product .other-product-item:hover .p-link{
   display: block;
   transition: All 0.8s ease-in-out;
@@ -403,8 +399,11 @@
   padding-top: 116px;
 }
 .jy-index-product .other-product-item:hover .p-detail{
+  max-width: 234px;
   line-height: 20px;
   margin-top: 8px;
+  color: #1D1D1D;
+  font-size: 14px;
 }
 
 /* 行业解决方案 */
@@ -726,7 +725,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-left: 10px;
+  padding-left: 16px;
   margin-bottom: 30px;
   text-decoration: none;
   cursor: pointer;

二進制
src/web/staticres/images/index/message-active.png


二進制
src/web/staticres/images/index/message-fff.png


二進制
src/web/staticres/images/index/message.png


+ 1 - 1
src/web/staticres/js/pc-collect-user-info.js

@@ -459,7 +459,7 @@ var vm = new Vue({
           return '我们会尽快联系您完成供应商报名,请耐心等待。'
         }
         if (this.source === 'pc_index_bid_data') {
-          return '我们会尽快联系您并根据您的需求,提供最适合的产品演示服务,请耐心等待。'
+          return '我们会尽快联系您并根据您的需求,提供最适合的产品演示服务,请耐心等待。'
         }
         return '我们会尽快联系您并预约演示时间,请耐心等待~<br>您将获得免费体验大会员全部功能!'
       }

+ 1 - 1
src/web/staticres/pccss/public-nav-1200.css

@@ -6,7 +6,7 @@
   height: 64px;
   line-height: 64px;
   background-color: rgba(255, 255, 255, 0.08);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
   z-index: 101;
 }
 

+ 8 - 0
src/web/staticres/public-pc/css/header-nav.css

@@ -779,6 +779,14 @@
 .public-nav.light-bg-dark-color .logo img[data-theme="dark"] {
   opacity: 0!important;
 }
+.public-nav.light-bg-dark-color .loginBtn{
+  color: #1D1D1D!important;
+  border: 1px solid rgb(224, 224, 224)!important;
+}
+.public-nav.light-bg-dark-color .loginBtn:hover{
+  color: #2CB7CA!important;
+  border: 1px solid #2CB7CA!important;
+}
 
 /* 透明背景白色字体 */
 .public-nav.light-bg-light-color{

+ 3 - 0
src/web/staticres/public-pc/css/pc-bottom.css

@@ -521,3 +521,6 @@
   margin-top: -4px;
   background: rgba(255, 255, 255, 0.2);
 }
+.jy_friendlink_content ul li:last-child::after{
+  display: none;
+}

+ 4 - 4
src/web/templates/common/pchead.html

@@ -93,17 +93,17 @@
                         <span name="联系我们"><a href="/brand/index#contact_us">联系我们</a></span>
                     </div>
                 </li>
-                <li name="消息" id="noticed" style="display: none;">
+                <li name="消息" id="noticed" style="display: none;margin-left: 11px;">
                     <a href="/swordfish/frontPage/messageCenter/sess/index">
                         <div class="img-flex">
                             <img data-theme="light"
-                                 src='{{Msg "seo" "cdn"}}/images/pc/mesg.png?v={{Msg "seo" "version"}}'
+                                 src='{{Msg "seo" "cdn"}}/images/index/message.png?v={{Msg "seo" "version"}}'
                                  class="jy-nav-msg msg-img1" alt=""/>
                             <img data-theme="dark"
-                                 src='{{Msg "seo" "cdn"}}/images/pc/mesg_fff.png?v={{Msg "seo" "version"}}'
+                                 src='{{Msg "seo" "cdn"}}/images/index/message-fff.png?v={{Msg "seo" "version"}}'
                                  class="jy-nav-msg msg-img1" alt=""/>
                         </div>
-                        <img src='{{Msg "seo" "cdn"}}/images/pc/mesg_active.png?v={{Msg "seo" "version"}}'
+                        <img src='{{Msg "seo" "cdn"}}/images/index/message-active.png?v={{Msg "seo" "version"}}'
                              class="jy-nav-msg msg-img2" alt=""/>
                         <span class="tips" id="tips"></span>
                     </a>

+ 19 - 9
src/web/templates/pc/index.html

@@ -43,12 +43,13 @@
         <!-- 搜索框区域 -->
         <div class="jy-index-search">
           <div class="search">
-            <form method="post" action="/jylab/supsearch/index.html" class="form-search" id="zbIndex" name="zbIndex">
+            <form method="post" action="/jylab/supsearch/index.html" class="form-search" id="zbIndex" name="zbIndex" target="stop">
               <input class="ser" onkeydown="onkeydownSearch()" autocomplete="off"  type="text" name="keywords" placeholder="请输入您想要查询的招标信息,多个关键词用空格隔开" id="keywords" value="" />
               <input type="hidden" name="searchvalue">
               <input type="hidden">
               <input class="btn" type="button" onclick="zbIndexSearch()" />
             </form>
+            <iframe  name="stop" style="display:none;"></iframe>  
             <div class="index_search_thikn">
               <ul>
               </ul>
@@ -67,7 +68,7 @@
         <div class="jy-index-hot">
           <div class="w1200 hot-container">
             {{range $i, $v :=Ad "index-hot-list" -1}}
-            <div class="hot-banner" {{if $v.S_link }}onclick="window.location.href='{{$v.S_link}}'"{{end}}>
+            <div class="hot-banner" {{if $v.S_link }} onclick="window.location.href='{{$v.S_link}}'" {{end}}>
               <img src='{{$v.S_pic}}' alt="{{$v.S_remark}}">
             </div>
             {{end}}
@@ -113,7 +114,7 @@
       <div class="jy-index-plan">
         <h3 class="module-title">行业解决方案</h3>
         <div class="w1200 plan-container">
-          <div class="plan-item plan-item-1">
+          <div class="plan-item plan-item-1" onclick="window.open('/frontPage/solution/free/index')">
             <div class="item-icon"></div>
             <div class="item-header">电信运营商</div>
             <div class="item-content">以剑鱼标讯收录的海量招投标信息及企业公示数据为基础,实现省、市、县三级数据联动,通过对源数据进行清洗、整理、分析,提供相应的行业解决方案。</div>
@@ -123,13 +124,13 @@
             <div class="item-icon"></div>
             <div class="item-header">医疗器械</div>
             <div class="item-content">为企业提供医疗市场情报、竞争对手情报、客户情报、合作伙伴情报、商机管理等服务,帮助企业全面透视市场情况,解决医疗器械市场数据监测难题,辅助市场决策,做好渠道建设和维护,提升企业竞争力。</div>
-            <div class="item-link">了解详情</div>
+            <div class="item-link open-customer">立即咨询</div>
           </div>
           <div class="plan-item plan-item-3">
             <div class="item-icon"></div>
             <div class="item-header">银行</div>
             <div class="item-content">剑鱼标讯充分利用人工智能和大数据技术,帮助银行对公营销挖掘“机构、大中小”客户,为银行提供基于大数据技术构建的批量、精准、高效的整合营销解决方案。</div>
-            <div class="item-link">了解详情</div>
+            <div class="item-link open-customer">立即咨询</div>
           </div>
         </div>
       </div>
@@ -240,11 +241,11 @@
         </p>
         <div class="w1200 dt-container">
           {{range $i, $v := JyCms "gsdt" 3}}
-            <div class="dt-card">
+            <div class="dt-card" onclick="window.open('/jyblog/{{$v._id}}.html')">
               <div class="card-img">
                 <img src="{{$v.s_pic1}}" alt="{{$v.s_title}}">
               </div>
-              <div class="card-main" onclick="window.open('/jyblog/{{$v._id}}.html')">
+              <div class="card-main">
                 <div class="card-time">{{$v.time}}</div>
                 <div class="card-title">{{$v.s_title}}</div>
                 <div class="ellipsis-3 card-summary">{{$v.s_description}}</div>
@@ -404,6 +405,8 @@
       <div class="pc-index-bottom">
         <img class="bottom-member-ad" adv_name="PC首页广告位-底部" src="" alt="底部广告位">
       </div>
+      <!-- 消息展示 -->
+      <div id="vue-message-index-pc"></div>
       {{include "/common/pcbottom.html"}}
 		</section>
 
@@ -437,6 +440,7 @@
   <script src='{{Msg "seo" "cdn"}}/js/pc-collect-user-info.js?v={{Msg "seo" "version"}}'></script>
   <script src='{{Msg "seo" "cdn"}}/js/pc-message-index.js?v={{Msg "seo" "version"}}'></script>
   <script src=//cdn-common.jianyu360.com/cdn/lib/svga-web/svga.min.js></script>
+  <script src='{{Msg "seo" "cdn"}}/js/pc-message-index.js?v={{Msg "seo" "version"}}'></script>
   <script type="text/javascript" src='{{Msg "seo" "cdn"}}/js/index/index.js?v={{Msg "seo" "version"}}'></script>
 
   <script type="text/javascript" >
@@ -480,6 +484,7 @@
           speed: 2000,
           pagination: {
             el: '.swiper-pagination',
+            clickable :true
           },
           autoplay: $('#bannerSwiper').find('.swiper-slide').length > 1 ? true : false, // imageList.length > 1 ? true : false
           paginationClickable: true,
@@ -624,6 +629,10 @@
         })
         // 留资按钮-弹框
         $('#app-btn').on('click', function(){
+           if (!loginflag ) {
+            openLoginDig()
+            return
+          }
           vm.dialogTitle = '请填写信息,我们会根据您的需求,提供最适合的产品演示服务!'
           vm.isNeedSubmit('pc_index_bid_data')
         })
@@ -649,7 +658,7 @@
             clearInterval(memberTimer)
           }
           adBottomFn()
-        }, 500)
+        }, 2000)
         function adBottomFn () {
           console.log(window.memberStatus, 'dahuiyuan');
           // 是大会员则不显示底部广告位
@@ -669,7 +678,7 @@
             })
             function isScrollEnd() {
               top2 = document.documentElement.scrollTop || document.body.scrollTop;
-              if(top1 == top2 && window.memberStatus <= 0){
+              if(top1 == top2 && (window.memberStatus <= 0 || !window.memberStatus)){
                 // console.log('滚动结束了')
                 $('.pc-index-bottom').fadeIn()
               }
@@ -848,6 +857,7 @@
   function onkeydownSearch () {
     if (window.event.keyCode == 13) {//window.可以省略不写
 			zbIndexSearch()
+      return
 		}
   }
   function zbIndexSearch () {