Parcourir la source

全局修复滚动条闪烁异常+新闻详情页导航写活

ming il y a 1 an
Parent
commit
7206a55c03
2 fichiers modifiés avec 11 ajouts et 49 suppressions
  1. 9 11
      assets/css/style.css
  2. 2 38
      news/read.html

+ 9 - 11
assets/css/style.css

@@ -193,24 +193,22 @@
                 border-radius: 10px;
             }
             
-            body {
+            /* body {
                 overflow: overlay;
             }
             /* 需要滚动的地方加上这个class */
-            
-            body::-webkit-scrollbar {
-                /* 组件内滚动条不显示 */
+             /* 组件内滚动条不显示 */
+            /* body::-webkit-scrollbar {
                 display: none;
             }
-            
-            body::-webkit-scrollbar:hover {
+             */
+            /* body::-webkit-scrollbar:hover {
                 display: block;
-            }
-            
-            body:hover::-webkit-scrollbar {
-                /* 悬停时滚动条才显示 */
+            } */
+             /* 悬停时滚动条才显示 */
+            /* body:hover::-webkit-scrollbar {
                 display: block;
-            }
+            }  */
             
             input,
             select,

+ 2 - 38
news/read.html

@@ -50,44 +50,7 @@
                         </div> -->
                     </div>
                 </div>
-                <div class="mainmenu-area container">
-                    <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>
-                            </div>
-                            <div class="menu-items">
-                                <ul>
-                                    <li>
-                                        <a href="../index.html">首页</a>
-                                    </li>
-                                    <li>
-                                        <a href="../solution/index.html?solution_type=1">解决方案</a>
-                                    </li>
-                                    <li>
-                                        <a href="../product/index.html">产品服务</a>
-                                    </li>
-                                    <li>
-                                        <a href="../technology/index.html">技术支撑</a>
-                                    </li>
-                                    <li class="menuactive2">
-                                        <a href="../news/index.html">新闻动态</a>
-                                        <ul class="submenu">
-                                            <li><a href="../news">公司新闻</a></li>
-                                            <li><a href="../news/trade/index.html">行业动态</a></li>
-                                        </ul>
-                                    </li>
-                                    <li>
-                                        <a href="./case/index.html">客户案例</a>
-                                    </li>
-                                    <li>
-                                        <a href="../about/index.html">关于我们</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </nav>
-                    </div>
-                </div>
+                <div id="headerNav"></div>
                 <div>
                     <div class="mobile-menu"></div>
                 </div>
@@ -225,6 +188,7 @@
     <script src="../assets/js/vue.min.js"></script>
     <script>
         $(function() {
+            $('#headerNav').load("../headerNav.html");
             $('#footer').load("../footer.html");
             $(".menu-items ul li").hover(function() {
                 $(".erMenu>div").html("")