修改一些细节

wl05 · May 14, 2019 · 309f5d9 · 309f5d9
1 parent 52f4ae1
commit 309f5d9
Show file tree

Hide file tree

Showing 12 changed files with 104 additions and 226 deletions.
diff --git a/src/components/Markdown/cover.css b/src/components/Markdown/cover.css
@@ -4,12 +4,13 @@
 }
 
 .markdown-body img {
-  /*border-radius: 10px;*/
+  border-radius: 15px;
   margin: 0 auto;
   display: block;
   border: 5px solid #e0dfcc;
 }
 
 .markdown-body pre {
   border: 5px solid #e0dfcc;
+  border-radius: 15px;
 }
diff --git a/src/layout/Header.vue b/src/layout/Header.vue
@@ -72,9 +72,7 @@
       </div>
     </div>
   </div>
-
 </template>
-
 <script>
 
 export default {
@@ -117,20 +115,20 @@ export default {
         height: 50px;
         display: inline-block;
         line-height: 50px;
+        color: #828282;
       }
       .menu-item-text:hover {
-        color: #000;
+        color: #828282;
       }
       .activeClass {
         background: rgba(255, 255, 255, 0.4);
-        color: #000;
+        color: #828282;
       }
       .blog-title-container {
         cursor: pointer;
         font-size: 24px;
         display: flex;
         align-items: center;
-        color: #556677;
         font-weight: normal;
         .logo-img {
           width: 36px;

diff --git a/src/layout/components/headroom/index.vue b/src/layout/components/headroom/index.vue
diff --git a/src/layout/sider/archives/index.vue b/src/layout/sider/archives/index.vue
@@ -16,7 +16,6 @@
           {{ item._id}} ({{item.count}})
         </a>
       </li>
-
     </ul>
   </div>
 </template>
@@ -39,6 +38,7 @@ export default {
     border: 1px solid #d3d3d3;;
     .archives__title {
       font-size: 20px;
+
     }
     .archives__items-container {
       margin: 0;

diff --git a/src/layout/sider/profile/index.vue b/src/layout/sider/profile/index.vue
@@ -4,7 +4,7 @@
     <img class="profile__photo" src="../../../assets/profile.jpeg"/>
     <div class="profile__info">
       <div>汪乐,</div>
-      <div>17年毕业于<a href="https://www.uestc.edu.cn/">电子科技大学</a></div>
+      <div>17年毕业于<a class="profile__school" href="https://www.uestc.edu.cn/">电子科技大学</a></div>
       <div></div>
       <div>2929712050@qq.com</div>
       <a class="profile__github" href="https://github.com/antbaobao">github(ANT1994)</a>
@@ -17,6 +17,8 @@
     padding: 20px;
     border-radius: 5px;
     border: 1px solid #d3d3d3;
+    color: #828282;
+    font-size: 14px;
     .profile__title {
       font-size: 20px;
       display: none;
@@ -29,8 +31,9 @@
       border-radius: 5px;
       margin-right: 10px;
     }
-    a {
+    .profile__school {
       color: #34495e;
+      text-decoration: none;
     }
   }
 
@@ -47,6 +50,7 @@
 
   .profile__github {
     color: #34495e;
+    text-decoration: none;
   }
 
   @media (max-width: 960px) {

diff --git a/src/utils/EventBus.js b/src/utils/EventBus.js
diff --git a/src/utils/debounce.js b/src/utils/debounce.js
diff --git a/src/utils/getImgUrl.js b/src/utils/getImgUrl.js
diff --git a/src/views/about/about.vue b/src/views/about/about.vue
@@ -26,34 +26,12 @@
 </template>
 <script>
 import avatarUrl from '@/assets/about.jpeg'
-import debounce from '@/utils/debounce'
 
 export default {
   data () {
     return {
       avatarUrl
     }
-  },
-  methods: {
-    scroll (e) {
-      let scrollTop = e.target.scrollTop
-      if (!this.scrollTop) this.scrollTop = scrollTop
-
-      if (scrollTop - this.scrollTop > 60) {
-        this.animationClass = 'slideUp'
-        this.scrollTop = scrollTop
-      }
-      if (scrollTop - this.scrollTop < -60) {
-        this.animationClass = 'slideDown'
-        this.scrollTop = scrollTop
-      }
-    }
-  },
-  destroyed () {
-    document.removeEventListener('scroll', this.scroll)
-  },
-  created () {
-    document.addEventListener('scroll', debounce((e) => this.scroll(e), 100), true)
   }
 }
 </script>

diff --git a/src/views/articles/components/item.vue b/src/views/articles/components/item.vue
@@ -63,7 +63,7 @@ export default {
       vertical-align: top;
       font-size: 18px;
       cursor: pointer;
-      color: #000;
+      color: #556677;
     }
     .title:hover {
       color: rgba(0, 0, 0, 0.9);