9.51

src/App.vue

@@ -82,9 +82,9 @@
     <div class="main">
       <router-view />
     </div>
-
+<div id="hide">
     <div class="coll">
-      <div>
+      <div >
         <div class="btn btn-default" href="#" role="button" @mouseenter="enter1()" style="position:fixed;right:0;bottom:306px;margin:0;padding:0;z-index: 3;">
           <img src="./assets/image/联系我们.jpg" alt style="position:fixed;right:0;bottom:306px;margin:0;padding:0;z-index: 3;" />
         </div>
@@ -105,7 +105,7 @@
         </a>
       </div>
     </div>
-
+</div>
     <div class="page-footer" style="background-color:#1b1b1b">
       <p class="footer-p" style="color:rgb(255,255,255)">© 2019 All rights reserved.</p>
     </div>
@@ -174,9 +174,20 @@ export default {
       this.scrolled = (document.documentElement.scrollTop || document.body.scrollTop) > 200
     })
 
+    window.onscroll=function(){
+    var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
+    if(scrollTop!=0)
+    {
+        document.getElementById("hide").style.display="block";  
+        
+    }else{document.getElementById("hide").style.display="none";  }
+}
+
 
   }
 
+  
+
 
 
 }
@@ -229,10 +240,7 @@ p {
     padding-left: 10%;
     padding-right: 10%;
   }
-  /* .a:hover{
- text-decoration:underline !important;
- border: #000;
-} */
+  
   .page-footer {
     height: 120px;
   }
@@ -249,6 +257,9 @@ p {
 .rtl #drawer__title{
   margin: 0;
 }
+#hide{
+  display: none
+}
 @media (max-width: 992px) {
   .navbar-brand {
     padding: 0;
@@ -289,7 +300,7 @@ p {
       #aaa,
       rgba(255, 255, 255, 0)
     );
-    margin-bottom: 80px;
+    margin-bottom: 30px;
   }
   .btn1 {
     font-size: 24px !important;
@@ -330,7 +341,7 @@ p {
     .nav {
       font-size: 2.6rem;
       li {
-        margin-left: 40px;
+        margin-left: 2vw;
         a {
           color: #000;
 

src/components/Share.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="social-share" data-initialized="true">
-    <a href="#" class="social-share-icon icon-wechat">
+  <div class="social-share" data-initialized="true" style="display: contents;">
+    <a href="#" class="social-share-icon icon-wechat" >
       <img src="../assets/image/case2/微信icon.png" class="share" alt />
     </a>
     <a href="#" class="social-share-icon icon-weibo">
@@ -18,22 +18,22 @@ export default {
   data () {
     return {
       defautlOpt: {
-        url                 : '', // 网址，默认使用 window.location.href
-        source              : '', // 来源（QQ空间会用到）, 默认读取head标签：<meta name="site" content="http://overtrue" />
-        title               : '', // 标题，默认读取 document.title 或者 <meta name="title" content="share.js" />
-        origin              : '', // 分享 @ 相关 twitter 账号
-        description         : '', // 描述, 默认读取head标签：<meta name="description" content="PHP弱类型的实现原理分析" />
-        image               : '', // 图片, 默认取网页中第一个img标签
-        sites               : ['weibo','wechat'], // 启用的站点
+        url: '', // 网址，默认使用 window.location.href
+        source: '', // 来源（QQ空间会用到）, 默认读取head标签：<meta name="site" content="http://overtrue" />
+        title: '', // 标题，默认读取 document.title 或者 <meta name="title" content="share.js" />
+        origin: '', // 分享 @ 相关 twitter 账号
+        description: '', // 描述, 默认读取head标签：<meta name="description" content="PHP弱类型的实现原理分析" />
+        image: '', // 图片, 默认取网页中第一个img标签
+        sites: ['weibo', 'wechat'], // 启用的站点
         // disabled            : ['qzone', 'qq', 'douban', 'google', 'facebook', 'twitter'], // 禁用的站点
-        wechatQrcodeTitle   : '微信扫一扫：分享', // 微信二维码提示文字
-        wechatQrcodeHelper  : '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>'
+        wechatQrcodeTitle: '微信扫一扫：分享', // 微信二维码提示文字
+        wechatQrcodeHelper: '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>'
       }
     }
   },
   watch: {
     config: {
-      handler(nw) {
+      handler (nw) {
         this.initShare(nw || {})
       },
       immediate: true,
@@ -60,5 +60,41 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@media (min-width: 992px) {
+  .social-share .social-share-icon {
+    border: none;
+    height: 58px;
+    width: 58px;
+  }
+  .social-share {
+    a {
+      &:before {
+        content: none;
+      }
+      .share {
+        width: 58px;
+        height: 58px;
+      }
+    }
+  }
+}
 
+@media (max-width: 992px) {
+ .social-share .social-share-icon {
+    border: none;
+    height: 26px;
+    width: 26px;
+  }
+  .social-share {
+    a {
+      &:before {
+        content: none;
+      }
+      .share {
+        width: 26px;
+        height: 26px;
+      }
+    }
+  }
+}
 </style>

src/views/Contact.vue

@@ -32,17 +32,39 @@
           </a>
         </div>
       </div>
-      <div class style=" ">
-        <p style="padding-top: 70px;font-size: 3.6rem">
+      <div class="address" style=" ">
+        <p class="p1">
           <strong>南京福予文化传媒有限公司</strong>
         </p>
 
-        <p style="font-size: 3rem;padding-top: 14px;">地址：南京市江宁区秣周东路12号悠谷三号楼（砂之船奥特莱斯旁）</p>
+        <p class="p2">地址：南京市江宁区秣周东路12号悠谷三号楼（砂之船奥特莱斯旁）</p>
       </div>
     </div>
   </div>
 </template>
 
+<style lang="less" scoped>
+@media (max-width: 992px){
+    .address{
+    .p1{
+      padding-top: 70px;font-size: 2.0rem
+    }
+    .p2{
+font-size: 1.2rem;padding-top: 14px;
+    }
+  }
+}
+@media (min-width: 992px){
+  .address{
+    .p1{
+      padding-top: 70px;font-size: 3.6rem
+    }
+    .p2{
+      font-size: 3rem;padding-top: 14px;
+    }
+  }
+}
+</style>
 
 <style scoped>
 /* .contact-box {

src/views/Details.vue

@@ -7,7 +7,7 @@
     <div class="contanier st">
       <h1 style>{{current.caseTitle}}</h1>
 
-      <p style>
+      <p >
         客户：
         <img :src="current.caseLogoImg" alt />
         &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 所属行业：{{current.caseIndustry}}
@@ -19,21 +19,15 @@
         <div class="col-xs-6 col-md-6" style="padding 0;">
           <div class="pull-left" @click="postLike">
             <span role="button" class="iconfont icon-zan"></span>
-            <span>赞 | {{current.likeNum || 0}}</span>
+            <span class="zantext">赞 | {{current.likeNum || 0}}</span>
           </div>
         </div>
         <div class="col-xs-6 col-md-6" style="padding 0;">
-          <div class="pull-right">
-            分享：
-            <share :config="shareConfig"/>
-       <!-- <wb:share-button addition="number" type="button"></wb:share-button> -->
-            <!-- <share :config="config"></share> -->
-            <!-- <a class="btn-default" href="#" role="button">
-              <img src="../assets/image/case2/微信icon.png" class="share" alt />
-            </a>-->
-            <!-- <a class="btn-default" href="#" role="button">
-              <img src="../assets/image/case2/微博icon.png" class="share" alt />
-            </a> -->
+          <div class="pull-right" >
+            
+            <div style=" display: flex;"><span class="sharetext" >分享：</span><share :config="shareConfig"/></div> <div></div>
+  
+  
           </div>
         </div>
       </div>
@@ -206,6 +200,7 @@ export default {
     }
   }
   .pull-right {
+    display: flex;
     font-size: 3.6rem;
   }
   .head {
@@ -259,10 +254,10 @@ export default {
   .next-prev {
     width: 80%;
     border-bottom: 1px solid #aaa;
-    .case2 {
-      .case3 {
-      }
-    }
+    // .case2 {
+    //   .case3 {
+    //   }
+    // }
   }
   h2 {
     margin-top: 64px;
@@ -297,6 +292,14 @@ export default {
     }
   }
   .pull-right {
+    display: flex;
+  }
+  .zantext{
+    // margin-top: -3px;
+    margin-left: 10px;
+  }
+  .sharetext{
+display:inline-block;line-height:42px
   }
   .st {
     h1 {
@@ -327,17 +330,20 @@ export default {
     border-bottom: 1px solid #aaa;
     .case2 {
       margin: 0 !important;
-      .case3 {
-      }
+      // .case3 {
+      // }
     }
   }
   h2 {
     font-size: 2rem;
   }
 
-  .share {
-    width: 10vw;
-  }
+  // .share {
+  //   width: 10vw;
+  // }
+  // share{
+  //   // margin: -20px;
+  // }
   .home-case {
     padding: 0;
   }

src/views/Home.vue

@@ -591,7 +591,7 @@ export default {
     .nav {
       font-size: 2.6rem;
       li {
-        margin-left: 40px;
+        margin-left: 2.1vw;
         a {
           color: #fff;