主页样式更改

mengkym · Jul 25, 2020 · b571404 · b571404
1 parent 95a9117
commit b571404
Show file tree

Hide file tree

Showing 11 changed files with 12,339 additions and 43 deletions.
diff --git a/dice-front/.prettierrc b/dice-front/.prettierrc
@@ -1,4 +1,5 @@
 {
   "semi": false,
-  "singleQuote": true
+  "singleQuote": true,
+  "endOfLine": "auto"
 }
diff --git a/dice-front/assets/css/main.css b/dice-front/assets/css/main.css
@@ -139,7 +139,8 @@ img {
 }
 
 .text-primary {
-  color: #234e77;
+  /* color: #234e77; */
+  color: #404040;
 }
 
 .text-italic {

diff --git a/dice-front/assets/css/style.css b/dice-front/assets/css/style.css
@@ -4,7 +4,7 @@ html {
 
 body {
   font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif;
-  color: #34495e;
+  color: #404040;
   -webkit-font-smoothing: antialiased;
   line-height: 1.6rem;
   letter-spacing: 0;
@@ -24,7 +24,7 @@ body {
 
 .markdown-body > ul:first-child,
 .markdown-body > ol:first-child {
-  margin-top: 30px;
+  margin-top: 10px;
 }
 
 body > *:first-child {

diff --git a/dice-front/components/Footer.vue b/dice-front/components/Footer.vue
@@ -1,9 +1,8 @@
 <template>
   <div class="footer">
     <p class="copyright">
-      © 2019 - 至今| J2M | 鲁ICP备<a href="http://beian.miit.gov.cn/">19033329</a>号 |
-	  Powered by
-      <a href="https://github.com/bihell/Dice" target="_blank">Dice</a>
+      Copyright © 2020 | J2M |
+      <a href="http://beian.miit.gov.cn/">鲁ICP备19033329号</a>
     </p>
     <div v-highlight v-html="options.blog_footer" class="markdown-body"></div>
   </div>
@@ -26,11 +25,16 @@ export default {
   max-width: 850px;
   border-top: 1px solid #e5e5e5;
   text-align: center;
-  font-size: 0.9em;
+  font-size: 0.8em;
+  color: #c8c8c8;
 }
 
 a {
   color: #5764c6;
   text-decoration: none;
+  color: #c8c8c8;
+}
+a:hover {
+  color: #626675;
 }
 </style>
diff --git a/dice-front/components/Header.vue b/dice-front/components/Header.vue
@@ -2,24 +2,24 @@
   <div v-fix class="header">
     <div class="header-container">
       <nuxt-link class="logo" :to="'/'">
-        <img src="/logo.png" width="26px" height="26px" />
         <span class="text-primary" style="margin-left: 10px">{{
-          options.blog_name || 'Dice'
+          options.blog_name || 'beekaboo'
         }}</span>
+        <img src="/logo.png" width="26px" height="26px" />
       </nuxt-link>
       <ul class="tab link-list">
         <li v-for="(list, index) in links" :key="index" class="tab-item">
           <nuxt-link :to="{ path: list.path }" exact>{{ list.name }}</nuxt-link>
         </li>
-        <li class="tab-item">
+        <!-- <li class="tab-item">
           <a href="/feed.xml">RSS订阅</a>
         </li>
         <li class="tab-item">
           <a href="https://bigdata.bihell.com">大数据&利器</a>
         </li>
         <li class="tab-item">
           <a href="https://space.bilibili.com/88900889">B站Vlog</a>
-        </li>
+        </li> -->
       </ul>
       <div class="header-menu">
         <div class="header-menu-icon" @click="toggle">
@@ -48,7 +48,8 @@ const staticMenu = [
     { path: '/', name: '首页' },
     { path: '/category', name: '分类' },
     { path: '/tag', name: '标签' },
-    { path: '/archive', name: '归档' }
+    { path: '/archive', name: '时间线' },
+    { path: '/about', name: '关于' }
 ]
 
 export default {
@@ -153,7 +154,8 @@ a {
   float: left;
   margin: 5px 0;
   font-weight: 600;
-  font-size: 1.5em;
+  font-size: 1.8em;
+  font-weight: bold;
 }
 
 .header-container .tab {
@@ -174,13 +176,18 @@ a {
   display: block;
   margin: 0;
   padding: 0.4rem 0.2rem 0.3rem 0.2rem;
-  color: #50596c;
+  color: #c0c2c8;
   text-decoration: none;
 }
 
+.header-container .tab .tab-item a:hover {
+  /* color: #c0c2c8; */
+  color: #626675;
+}
+
 .header-container .tab .tab-item a.active {
-  border-bottom-color: #234e77;
-  color: #234e77;
+  border-bottom-color: #404040;
+  color: #404040;
 }
 
 @media screen and (max-width: 600px) {