Browse Source

fix: 首页缺陷处理

zhangyuhan 4 years ago
parent
commit
40d3cb8e6e

+ 3 - 3
src/jfw/modules/app/src/web/templates/weixin/search/mainSearch.html

@@ -19,7 +19,7 @@
     <title>搜索</title>
 
 </head>
-<body class="p13" id="home_main">
+<body class="p13" id="home_main" data-weui-theme="light">
 <style>
     #dqbtn{
         width: 5.5em !important;
@@ -485,7 +485,7 @@
                 </div>
             </div>
         </div>
-        <div class="hidden" id="working" style="text-align: center;position: absolute;top: 50%;left: 50%;margin-left: -81px;margin-top: -50px;">
+        <div class="hidden" id="working" style="text-align: center;position: fixed;top: 50%;left: 50%;margin-left: -81px;margin-top: -50px;">
             <!--<img style="width:163px;" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/images/wx/working.gif?v={{Msg "seo" "version"}}">
             <div style="font-size:16px;">剑鱼标讯正在努力工作中···</div>-->
         </div>
@@ -1160,7 +1160,7 @@
                     if(userId==""){
                         window.location.href='/jyapp/free/login?back=index';
                     }else{
-                        window.location.href='/jyapp/course/list';
+                        window.location.href='/jyxsapp/';
                     }
                     break
                 }

+ 50 - 13
src/jfw/modules/app/src/web/templates/weixin/search/tabSearch.html

@@ -282,18 +282,23 @@
 
     .choose_industry .slide {
         position: absolute;
-        top: 50%;
+        top: 0.4rem;
         right: 0;
         display: flex;
         flex-direction: column;
-        width: 0.3rem;
-        transform: translateY(-50%);
     }
 
     .choose_industry .slide a {
         display: inline-block;
         width: 100%;
         text-align: center;
+        font-size: 0.24rem;
+        line-height: 0.4rem;
+        color: #5F5E64 !important;
+        padding: 0 0.16rem;
+    }
+    .choose_industry .slide a.active {
+        color: #2ABED1 !important;
     }
 
     .choose_industry .select-area-box {
@@ -304,6 +309,9 @@
     .choose_industry .list_item {
         width: 100%;
     }
+    .choose_industry .list .list_item.active .item_label {
+        color: #2ABED1;
+    }
 
     /* .choose_industry .list {
       padding: 0 .3rem;
@@ -415,6 +423,23 @@
     #js_dialog .weui-dialog__btn:active {
         background-color: #fff;
     }
+
+    .wait-open-box[data-wait-open="buyer"] {
+        height: 100%;
+        height: calc(100% - 100px);
+        overflow: scroll;
+        box-sizing: border-box;
+        padding-bottom: 0;
+    }
+    body .loading_ {
+        background-color: transparent !important;
+    }
+    body .loading_ > p {
+        display: none !important;
+    }
+    .p13 .home .home_tab {
+        padding: 0;
+    }
 </style>
 
 <!--S-Loading-->
@@ -937,8 +962,6 @@
                             </div>
                         </div>
                         <div class="slide">
-                            <a href="javascript:;">A</a>
-                            <a href="javascript:;">B</a>
                             <a href="javascript:;">C</a>
                             <a href="javascript:;">D</a>
                             <a href="javascript:;">F</a>
@@ -946,7 +969,6 @@
                             <a href="javascript:;">H</a>
                             <a href="javascript:;">J</a>
                             <a href="javascript:;">K</a>
-                            <a href="javascript:;">L</a>
                             <a href="javascript:;">M</a>
                             <a href="javascript:;">N</a>
                             <a href="javascript:;">P</a>
@@ -1009,7 +1031,7 @@
             </div>
         </div>
     </div>
-    <div class="hidden" id="working" style="text-align: center;position: absolute;top: 50%;left: 50%;margin-left: -81px;margin-top: -50px;">
+    <div class="hidden" id="working" style="text-align: center;position: fixed;top: 50%;left: 50%;margin-left: -81px;margin-top: -50px;">
         <!--<img style="width:163px;" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/images/wx/working.gif?v={{Msg "seo" "version"}}">
         <div style="font-size:16px;">剑鱼标讯正在努力工作中···</div>-->
     </div>
@@ -1144,6 +1166,11 @@
         } else {
             $("#clickFilter").text('搜索')
             $(".app-layout-content-b .tabs-box").removeClass('hidden')
+            console.log('判断是否需要切换tabs')
+            var oldIndex = sessionStorage.getItem('home_top_search_tab_index') || '0'
+            sessionStorage.removeItem('home_top_search_tab_index')
+            $(".tabs-nav div").eq(oldIndex).trigger('click')
+
         }
     }
     // 筛选tab切换
@@ -1154,7 +1181,13 @@
         $(this).siblings().removeClass('active-open').children('.icon-triangle-up').removeClass('icon-triangle-up')
         $(this).addClass('active-open').children(".icon-triangle-down").addClass('icon-triangle-up')
         $("div[data-wait-open]").addClass('hidden')
-        $('div[data-wait-open="'+ $(this).attr('data-open') +'"]').removeClass('hidden')
+        var showTabContentDom = $('div[data-wait-open="'+ $(this).attr('data-open') +'"]')
+        showTabContentDom.removeClass('hidden')
+        if (showTabContentDom.attr('data-wait-open') === 'buyer') {
+            console.log('xxxx')
+            var computeHeight = $("#swiper-filter").height() + $(".jyshxbottom.sl-jyshxbottom").height()
+            showTabContentDom.css('height', 'calc(100% - ' + computeHeight.toFixed() + 'px)')
+        }
         $("#swiper-filter .jyshaxuan").animate({scrollLeft: $(this).offset().left})
     }
     window.isAddEventListener = false
@@ -1179,9 +1212,6 @@
                 $("#supersearchPage .industry_item.whole:not(.active)").addClass('active')
             }
 
-            var oldIndex = sessionStorage.getItem('home_top_search_tab_index') || '0'
-            $(".tabs-nav div").eq(oldIndex).trigger('click')
-
             return
         }
         if (window.isAddEventListener) {
@@ -1315,13 +1345,20 @@
         // });
         // 点击导航跳转
         $("body").on('click', '.slide a', function () {
-            var s = $(this).html()
+            var sDom = $(this)
+            var s = sDom.html()
+            sDom.addClass('active')
+            $('#' + s).addClass('active')
             if (s == '#') {
                 return;
             }
             document.querySelector('#' + s).scrollIntoView({
-                block: 'center'
+                block: 'start'
             });
+            setTimeout(function () {
+                sDom.removeClass('active')
+                $('#' + s).removeClass('active')
+            }, 600)
         })
         // 选择全部行业
         $('.industry_item.whole').on('click', function () {