板手会APP下载页面

appdownload/css/style.css

@@ -59,7 +59,7 @@
     padding-top: 10px;
     text-transform: uppercase;
     font-size: 18px;
-    color: #64cd08;
+    color: #008fd7;
 }
 .kuaicha {
     background-color: #f9f9f9;
@@ -163,8 +163,8 @@
     height: 36px;
     padding: 0 15px;
     line-height: 36px;
-    color: #64cd08;
-    border: 2px solid #64cd08;
+    color: #008fd7;
+    border: 2px solid #008fd7;
     font-size: 14px;
     margin-right: 10px;
     transition: all .2s;
@@ -177,21 +177,21 @@
     width: 36px;
     text-align: center;
     line-height: 36px;
-    color: #64cd08;
-    border: 2px solid #64cd08;
+    color: #008fd7;
+    border: 2px solid #008fd7;
     font-size: 14px;
     margin-right: 10px;
     transition: all .2s;
 }
 .download-group a.ewm-btn:hover {
-    background-color: #64cd08;
+    background-color: #008fd7;
     color: #fff;
 }
 .download-group a.ewm-btn i {
     font-size: 24px;
 }
 .download-group a.dw-btn:hover {
-    background-color: #64cd08;
+    background-color: #008fd7;
     color: #fff;
 }
 .download-group a.dw-btn i {
@@ -249,7 +249,6 @@
     top: -180px;
 }
 
-
 .download-group a.top-need span.tip {
     top: auto;
     bottom: -250px;
@@ -472,6 +471,37 @@
     padding-right: 0;
 }
 
+
+.menu-item,
+.header-menu .btn-download {
+    display: inline-block;
+    padding: 0 20px;
+    font-size: 18px;
+    font-weight: 500;
+    height: 70px;
+    line-height: 70px;
+    border-left: 1px solid #fff;
+    border-right: 1px solid #fff;
+}
+
+.header-menu .btn-download {
+    position: relative;
+    margin-right: 0;
+    padding-right: 0;
+    padding-left: 30px;
+}
+
+.header-menu .btn-download i {
+    position: absolute;
+    left: 0;
+    top: 0;
+    display: inline-block;
+    width:30px;
+    line-height: 71px;
+    text-align: center;
+    font-size: 20px;
+}
+
 .menu-item.active {
     position: relative;
     background-color: #fafafa;

appdownload/index.html

@@ -42,6 +42,8 @@
                 <a class="menu-item" href="">社区</a>
             </div>
             <div class="fr">
+                <a class="btn-download fr" href="http://s.ibanshou.cn/appdownload/"><i class="iconfont icon-download"></i>App下载</a>
+
                 <div class="download-group clearfix fr" style="margin-top: 14px; display: none" id="downloadBtn">
                     <a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.wxhkj.weixiuhui" class="dw-btn"><i
                             class="iconfont icon-ios"></i>iPhone版下载</a>
@@ -83,7 +85,7 @@
                         互助问答，提升在维修过程中「解决问题」的效率
                     </p>
 
-                    <div class="download-group clearfix">
+                    <div class="download-group clearfix h-44">
                         <a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.wxhkj.weixiuhui"
                            class="dw-btn"><i class="iconfont icon-ios"></i>iPhone版下载</a>
                         <a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.wxhkj.weixiuhui" class="dw-btn"><i
@@ -238,9 +240,11 @@
         $(window).scroll(function () {
             var winTop = $(window).scrollTop();
             if (winTop > $(".service-intro").offset().top - 48) {
+                $('.btn-download').hide();
                 $("#downloadBtn").show();
             } else {
                 $("#downloadBtn").hide();
+                $('.btn-download').show();
             }
         });
     })