9.53

src/App.vue

@@ -127,9 +127,7 @@ export default {
       direction: 'rtl',
     }
   },
-  components: {
 
-  },
   methods: {
     enter1 () {
 
@@ -167,8 +165,7 @@ export default {
     }
 
   },
-  created () {
-  },
+ 
   mounted () {
     window.addEventListener('scroll', () => {
       this.scrolled = (document.documentElement.scrollTop || document.body.scrollTop) > 200
@@ -265,10 +262,10 @@ p {
     padding: 0;
   }
   .logo {
-    margin-top: 16.5px;
+    margin-top: 15px;
     margin-left: 20px;
     width: 150px;
-    height: 25px;
+    height: 30px;
     background-size: 100% 100% !important;
     background: url("./assets/logo1.png");
   }

src/components/Share.vue

@@ -19,10 +19,10 @@ export default {
     return {
       defautlOpt: {
         url: '', // 网址，默认使用 window.location.href
-        source: '', // 来源（QQ空间会用到）, 默认读取head标签：<meta name="site" content="http://overtrue" />
+        // 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弱类型的实现原理分析" />
+        // origin: '', // 分享 @ 相关 twitter 账号
+        // description: '', // 描述, 默认读取head标签：<meta name="description" content="PHP弱类型的实现原理分析" />
         image: '', // 图片, 默认取网页中第一个img标签
         sites: ['weibo', 'wechat'], // 启用的站点
         // disabled            : ['qzone', 'qq', 'douban', 'google', 'facebook', 'twitter'], // 禁用的站点
@@ -51,9 +51,9 @@ export default {
         ...config,
       }
 
-      window.console.log(options)
-
-      window.socialShare(this.$el, options)
+      if (this.$el && options.title) {
+        window.socialShare(this.$el, options)
+      }
     }
   }
 }

src/views/About.vue

@@ -278,8 +278,8 @@
   .about-1 {
     padding: 20px 30px;
     div {
-      .about-1-img {
-      }
+      // .about-1-img {
+      // }
       .caption {
         h2 {
           font-size: 1.2rem;

src/views/Case.vue

@@ -26,7 +26,7 @@
       <div>
         <el-row style="text-align: center;">
           <el-col :span="24">
-            <button type="button" @click="addall()" class="btn-link" style="color:black;font-size: 24px;">全部案例</button>
+            <button type="button" @click="() => filterCase()"  class="btn-link" style="color:black;font-size: 24px;">全部案例</button>
           </el-col>
           <el-col :span="24" v-for="cas in casetype" :key="cas.id"> 
             <!-- @click="() => filterCase(cas)" -->
@@ -42,7 +42,7 @@
     <div class="contanier center-block dyn-main">
       <div class="row">
         <div class="col-md-6 col-xs-6" v-for="(item,index) in caselist" :key="index" :class="{ marginTP: index > 1 }">
-          <router-link :to="{ name: 'details', params: { id: item.id }}">
+          <router-link :to="{ name: 'details', params: { id: item.id }}" class="routelink">
             <case-card :thumb="item.caseCoverImg" :title="item.caseTitle" :caption="item.caseSummary" class="casecard"></case-card>
           </router-link>
         </div>
@@ -161,9 +161,7 @@ export default {
 
 <style scoped>
 
-
-.btn-link{
-  outline: none;
+.routelink{
   text-decoration: none;
 }
 
@@ -284,4 +282,8 @@ color: #e03723;
     padding: 10px;
   }
 }
+.btn-link{
+  outline: none;
+  text-decoration: none
+}
 </style>

src/views/Details.vue

@@ -102,7 +102,7 @@ export default {
       return {
         url: window.location.href,
         title: this.current.caseTitle,
-        description: this.current.caseSummary
+        description: this.current.caseSummary,
       }
     },
     cover () {

src/views/Dynamic.vue

@@ -1,4 +1,3 @@
-
 <template>
   <div class="dynamic">
     <div>
@@ -23,17 +22,17 @@
         <el-button class="btn-link mobbtn" @click="drawer = true" type="button" style="margin-left: 16px;">全部动态</el-button>
       </div>
     </div>
-    <el-drawer :visible.sync="drawer" :direction="direction" :before-close="handleClose" :show-close="true" size="80%">
+    <el-drawer :visible.sync="drawer" :direction="direction" :show-close="true" size="80%">
       <div>
-        <el-row>
+        <el-row  style="text-align: center;">
           <el-col :span="24">
-            <button type="button" class="btn-link" style="color:black;font-size: 24px;">全部动态</button>
+            <button type="button" class="btn-link"  @click="() => filterCase()" style="color:black;font-size: 24px;">全部动态</button>
           </el-col>
-          <el-col :span="24" v-for="cas in casetype" :key="cas" @click="classification(cas.typeName)">
-            <button type="button" class="btn-link" style="color:black;font-size: 24px">{{cas.typeName}}</button>
+          <el-col :span="24" v-for="cas in casetype" :key="cas.id" >
+            <button type="button" class="btn-link" @click="() => filterCase(cas)" style="color:black;font-size: 24px">{{cas.typeName}}</button>
           </el-col>
           <el-col :span="24">
-            <button type="button" class="btn btn-default" @click="drawer = flase" style="color:black;font-size: 24px;position:fixed;bottom:100px;">返回</button>
+            <button type="button" class="btn btn-default" @click="drawer = flase" style="color:black;font-size: 24px;padding:auto 40px; margin-top:30px">返回</button>
           </el-col>
         </el-row>
       </div>
@@ -42,7 +41,7 @@
     <div class="contanier center-block dyn-main">
       <div class="row">
         <div class="col-md-6 col-xs-6" v-for="(item,index) in caselist" :key="index" :class="{ marginTP: index > 1 }">
-          <router-link :to="{ name: 'details', params: { id: item.id }}">
+          <router-link :to="{ name: 'details', params: { id: item.id }}" class="routelink">
             <case-card :thumb="item.caseCoverImg" :title="item.caseTitle" :caption="item.caseSummary"></case-card>
           </router-link>
         </div>
@@ -79,6 +78,9 @@ export default {
       },
 
       allLoaded: false,//数据全部加载
+      drawer: false,
+      navdrawer: false,
+      direction: 'rtl',
     }
   },
   components: {
@@ -161,25 +163,48 @@ export default {
 
 <style scoped>
 
-.btn-link{
-  outline: none;
+.routelink{
   text-decoration: none;
 }
 
+.casecard{
+ 
+  width: 100%;
+
+  padding-bottom: 100%;
+  background-size: 100% 100% !important;
+  /* position: relative; */
+
+  margin: 0;
+
+}
+
 .border-bottom {
   /* display: none; */
   border-bottom: 1px solid #bfbfbf;
-  margin-top: 10px !important;
-}
-.btn1 {
-  font-size: 24px !important;
-  color: black !important;
-  border: none !important;
+      margin-top: 10px !important;
 }
-.btn1:hover {
-  color: red !important;
-  text-decoration: none;
+ .btn1 {
+    font-size: 24px !important;
+    color: black !important;
+    border: none !important;
+  }
+  .btn1:hover {
+    color: red !important;
+    text-decoration: none;
+  }
+.mobbtn{
+color: #e03723;
+   
+  padding:12px 40px;
+
+    border-radius: 0px;
+
+    background-color: rgb(252, 151, 252);
+    border: 2px solid #bfbfbf;
+  
 }
+
 .text-left {
   color: #000;
 }
@@ -194,7 +219,7 @@ export default {
 }
 
 @media (max-width: 992px) {
-  .dynamic {
+  .case{
     margin-top: 58px;
   }
   .comtype {
@@ -206,8 +231,8 @@ export default {
   }
 }
 .row {
-  margin: 0;
-}
+    margin: 0;
+  }
 .marginTP {
   margin-top: 3rem;
 }
@@ -221,17 +246,18 @@ export default {
     /* flex-flow: <flex-direction> <flex-wrap>; */ /*简写*/
     justify-content: center;
   }
-  .dynamic {
-    margin-top: 116px;
-    margin-bottom: -116px;
-    padding-bottom: 116px;
-    background-color: #fafafa;
-  }
-
+  .case {
+  margin-top: 116px;
+  margin-bottom: -116px;
+  padding-bottom: 116px; 
+  background-color: #fafafa;
+}
+  
   .mobtype {
     display: none;
   }
 
+  
   .btn {
     font-size: 24px;
     margin-top: 88px;
@@ -258,15 +284,8 @@ export default {
     padding: 10px;
   }
 }
-
-.mobbtn {
-  color: #e03723;
-
-  padding: 12px 40px;
-
-  border-radius: 0px;
-
-  background-color: rgb(252, 151, 252);
-  border: 2px solid #bfbfbf;
+.btn-link{
+  outline: none;
+  text-decoration: none
 }
 </style>

src/views/Home.vue

@@ -161,7 +161,7 @@
         <div class="contanier st top-news">
           <div class="row">
             <div class="col-xs-6 col-md-6 home-news-hover home-news" v-for="(item,index) in dynamiclist" :key="index">
-              <router-link :to="{ name: 'details', params: { id: item.id }}">
+              <router-link :to="{ name: 'details', params: { id: item.id }}" class="routelink">
                 <div :style="{background: `url(${item.caseCoverImg})`}" class="home-dynamic"></div>
                 <h3 class="text-left" style>{{item.caseTitle}}</h3>
               </router-link>
@@ -176,10 +176,7 @@
 </template>
 
 <script>
-// @ is an alias to /src
-//  import Swiper from "swiper";
 
-// const times = x => '*'.repeat(x - 1).split('*')
 
 import { scrollIntoView } from 'scroll-js'
 import Wheelplanting from "@/components/Wheelplanting.vue";
@@ -220,9 +217,7 @@ export default {
 
 
   },
-  watch () {
-
-  },
+ 
   methods: {
     arrow () {
 
@@ -274,6 +269,8 @@ export default {
 </script>
 
 <style scoped>
+
+
 @media (max-width: 992px) {
   .business-text {
     display: none;
@@ -557,6 +554,9 @@ export default {
 
 
 <style lang="less" scoped>
+.routelink{
+  text-decoration: none;
+}
 @media (max-width: 992px) {
   .navbar {
     display: none;
@@ -575,6 +575,7 @@ export default {
     display: none;
   }
   .navbar {
+    height: 116px;
     z-index: 70;
     padding: 30px 0;
     background-color: transparent;
@@ -591,7 +592,7 @@ export default {
     .nav {
       font-size: 2.6rem;
       li {
-        margin-left: 2.1vw;
+        margin-left: 2vw;
         a {
           color: #fff;