Parcourir la source

trade页面修复顶部导航移动端不显示或无法点击bug

ming il y a 1 an
Parent
commit
e5450af672
3 fichiers modifiés avec 47 ajouts et 44 suppressions
  1. 6 2
      assets/js/jquery.meanmenu.min.js
  2. 3 3
      index.html
  3. 38 39
      news/trade/index.html

+ 6 - 2
assets/js/jquery.meanmenu.min.js

@@ -85,7 +85,8 @@
                         jQuery(p).removeClass('mean-remove');
                 },
                 b = function() {
-                    var e = 'background:' + l + ';color:' + l + ';' + w;
+                    setTimeout(()=>{
+                        var e = 'background:' + l + ';color:' + l + ';' + w;
                     if (o >= a) {
                         jQuery(p).addClass('mean-remove'),
                             (E = !0),
@@ -165,7 +166,7 @@
                             .last()
                             .addClass('mean-last'),
                             M.removeClass('meanclose'),
-                            jQuery(M).click(function(e) {
+                            jQuery(M).on('click',function(e) {
                                 e.preventDefault(),
                                     A === !1 ?
                                     (M.css('text-align', 'center'),
@@ -194,6 +195,9 @@
                                 }
                             );
                     } else W();
+
+                    },50)
+                    
                 };
             C ||
                 jQuery(window).resize(function() {

+ 3 - 3
index.html

@@ -278,9 +278,9 @@
 
     <script>
         $(function() {
-            $('#headerNav').load("./headerNav.html");
-
-           
+                $('#headerNav').load("./headerNav.html");
+         
+            
 
             var $wh=$(window).height();
             $('.go_down').click(function(e) {

+ 38 - 39
news/trade/index.html

@@ -23,13 +23,13 @@
     <link rel="stylesheet" href="../../assets/css/home.css" />
 </head>
 
-<body>
+<body >
     <!--[if lte IE 9]>
 	<p class="browserupgrade">请使用chrome,IE11等现代浏览器,浏览本网站.</p>
   <![endif]-->
 
     <!--====== HEADER START ======-->
-    <header class="header-absolute sticky-header">
+    <header class="header-absolute sticky-header" id="app">
         <div class="custom-container-one">
             <div class="header-top-area">
                 <div class="container align-items-center">
@@ -49,40 +49,18 @@
                 <div class="d-flex align-items-center justify-content-between">
                     <nav class="main-menu">
                         <div class="logo">
-                            <a href="../../index.html"><img src="../../assets/img/logo.png" alt="uskylogo"></a>
+                            <a href="./index.html"><img src="../../assets/img/logo-white.png" alt="uskylogo"></a>
                         </div>
-                        <div class="menu-items">
-                            <ul>
-                                <li>
-                                    <a href="../../index.html">首页</a>
-                                </li>
-                                <li>
-                                    <a href="../../solution/index.html?solution_type=1">解决方案</a>
-                                    <ul class="submenu">
-                                        <li><a href="../../solution/index.html?solution_type=1">智慧安防</a></li>
-                                        <li><a href="../../solution/index.html?solution_type=2">智慧消防</a></li>
-                                        <li><a href="../../solution/index.html?solution_type=3">智慧建筑能源管理</a></li>
-                                        <li><a href="../../solution/index.html?solution_type=4">智慧电力综合管理</a></li>
-                                        <li><a href="../../solution/index.html?solution_type=5">智慧园区无人机综合管理</a></li>
-                                        <li><a href="../../solution/index.html?solution_type=6">智慧楼宇综合运营</a></li>
+                        <div class="menu-items" >
+                            <ul v-if="columnList" >
+                                <li  v-for="item in columnList" :key="item.id"  :class="
+                                bbb==item.sname? 'active':''" >
+                                    <a :href="item.sname">{{item.categoryName}}</a>
+                                    <ul class="submenu" >
+                                        <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a href="aa.sname">{{aa.categoryName}}</a></li>
                                     </ul>
                                 </li>
-                                <li>
-                                    <a href="../../product/index.html">产品服务</a>
-                                </li>
-                                <li>
-                                    <a href="../../technology/index.html">技术支撑</a>
-                                </li>
-                                <li class="active">
-                                    <a href="../../news/index.html">新闻动态</a>
-                                    <ul class="submenu">
-                                        <li><a href="../../news/index.html">公司新闻</a></li>
-                                        <li><a href="../../news/trade/index.html">行业动态</a></li>
-                                    </ul>
-                                </li>
-                                <li>
-                                    <a href="../../about/index.html">关于我们</a>
-                                </li>
+                              
                             </ul>
                         </div>
                     </nav>
@@ -183,19 +161,17 @@
     <!--====== Bootstrap js ======-->
     <script src="../../assets/js/bootstrap.min.js"></script>
     <script src="../../assets/js/popper.min.js"></script>
-    <!--====== Mean Menu ======-->
-    <script src="../../assets/js/jquery.meanmenu.min.js"></script>
-    <script src="../../assets/css/font_mun4q5ltrbp/iconfont.js"></script>
+  
     <!--====== Main js ======-->
     <script src="../../assets/js/main.js"></script>
     <!--====== Setting Info js=======-->
     <script src="../../assets/js/settinginfo.js"></script>
     <!--====== Vue  js ======-->
     <script src="../../assets/js/vue.min.js"></script>
+
+
+    
     <script>
-        $(function () {
-            $('#footer').load("../../footer.html");
-        })
 
         var news_list = [];
         var one_page_num = 4;
@@ -210,6 +186,8 @@
                 middlePageNums: [2, 3, 4, 5, 6],
                 needOmit: true,
                 loading: true,
+                columnList:[],
+                bbb:''
             },
             computed: {
                 hasNews: function () {
@@ -230,6 +208,23 @@
             },
             mounted: function () {
                 var self = this;
+
+                  //this.$nextTick(回调函数)
+                    jQuery.ajax({
+                    type: 'get',
+                    dataType: 'json',
+                    url: window.FQDN2 + 'siteCategory/siteCategoryList',
+                }).done(function(res) {
+                    self.columnList=res.data
+
+                    console.log('columnList')
+                    console.log(self.columnList)
+                    self.bbb=window.location.pathname
+                
+                }).fail(function(err) {});
+
+                
+
                 jQuery.ajax({
                     type: 'POST',
                     dataType: 'json',
@@ -308,6 +303,10 @@
             }
         })
     </script>
+
+      <!--====== Mean Menu ======-->
+      <script src="../../assets/js/jquery.meanmenu.min.js"></script>
+      <script src="../../assets/css/font_mun4q5ltrbp/iconfont.js"></script>
 </body>
 
 </html>