zls

public/index.html

@@ -4,7 +4,7 @@
      
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <link rel="stylesheet" type="text/css"media="screen and (max-device-width: 400px)" href="tinyScreen.css" />

src/components/Shares.vue

@@ -63,8 +63,8 @@ export default {
 @media (min-width: 992px) {
   .social-share .social-share-icon {
     border: none;
-    height: 58px;
-    width: 58px;
+    height: 44px;
+    width: 44px;
   }
   .social-share {
     a {
@@ -72,8 +72,8 @@ export default {
         content: none;
       }
       .share {
-        width: 58px;
-        height: 58px;
+        height: 44px;
+    width: 44px;
       }
     }
   }

src/components/Wheelplanting.vue

@@ -57,7 +57,7 @@ export default {
           observeSlideChildren: true,
           preloadImages:true,
           updateOnImagesReady : true,
-
+speed:800,
           pagination: {
             el: '.swiper-pagination',
             bulletClass : 'swiper-pagination-bullet',

src/views/Details.vue

@@ -15,7 +15,7 @@
       <p v-else class="p1">
         客户：
         <img :src="current.caseLogoImg" />
-        &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 所属行业：{{current.caseIndustry}}
+        &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 所属行业：{{current.caseIndustry}}&nbsp;&nbsp;&nbsp;
       </p>
 
       <div class="border-top" v-html="current.content"></div>
@@ -24,7 +24,7 @@
         <div class="col-xs-6 col-md-6" style="padding 0;">
           <div class="pull-left zan" @click="postLike">
             <span role="button" class="iconfont icon-zan" :style="{ color: activeColor}"></span>
-            <span class="zantext">赞 | {{current.likeNum || 0}}</span>
+            <span class="zantext">&nbsp;赞 | {{current.likeNum || 0}}</span>
           </div>
         </div>
         <div class="col-xs-6 col-md-6" style="padding 0;">
@@ -229,9 +229,14 @@ export default {
 
 @media (min-width: 992px) {
   .pull-left {
-    font-size: 3.6rem;
+    // font-size: 3.6rem;
+    // line-height: 4.0rem;
     .iconfont {
+      font-size: 4rem;
+    }
+    .zantext {
       font-size: 3.6rem;
+      line-height: 4.0rem
     }
   }
   .pull-right {
@@ -347,7 +352,7 @@ export default {
 
   .btn {
     width: 100px;
-    padding: 3px;
+    // padding: 3px;
     font-size: 1.2rem;
     background-color: #fff;
     border: 1px solid #aaaaaa;

src/views/Home.vue

@@ -436,12 +436,12 @@ line-height: 30px;
     padding-bottom: 0;
   }
   .ph-logo {
-    width: 90%;
+    width: 95%;
     /* padding-bottom: 37px; */
     /* height: 100%; */
     background-position: center center;
     height: 0;
-    padding-bottom: 45.8%;
+    padding-bottom: 45%;
     background-size: 100% 100% !important;
     margin: 0px;
   }
@@ -449,7 +449,8 @@ line-height: 30px;
     margin-right: -0.6vw;
   }
   .ph-logo:nth-child(6n + 1) {
-    margin-left: 0.7vw;
+    margin-top: 37px;
+    margin-left: 0.4vw;
   }
   .home-case {
     padding: 0;
@@ -594,9 +595,17 @@ h3 {
     margin-bottom: 5.2vw;
   }
   .btn-lg {
-    width: 18.3vw;
-    height: 6.3vw;
-    line-height: 6vw;
+   
+    width: 100px;
+    padding: 3px;
+    font-size: 1.2rem;
+    background-color: #fff;
+    border: 1px solid #aaaaaa;
+    border-radius: 0px;
+ 
+    // width: 18.3vw;
+    // height: 6.3vw;
+    // line-height: 6vw;
   }
 }
 @media (min-width: 992px) {
@@ -705,7 +714,7 @@ h3 {
     }
   }
   .p2 {
-    margin-bottom: 75px;
+    margin-bottom: 38px;
   }
 }
 @media (min-width: 992px) and (max-width: 1550px) {