Merge pull request #66 from vuepress-reco/feature/reco

Feature/reco

components/Common.vue

@@ -197,7 +197,7 @@ export default {
     .comments-wrapper
       padding-left 2rem
   .comments-wrapper
-    padding-left: 16.4rem;
+    padding-left: 18.4rem;
 @media (max-width: $MQMobile)
   .comments-wrapper
     padding-left: 2rem

layouts/Layout.vue

@@ -1,8 +1,7 @@
 <template>
   <div>
     <Common>
-      <Home v-if="$frontmatter.home && $themeConfig.type !== 'blog'"/>
+      <component  v-if="$frontmatter.home" :is="homeCom"></component>
-      <HomeBlog v-else-if="$frontmatter.home && $themeConfig.type === 'blog'"/>
       <Page
         v-else
         :sidebar-items="sidebarItems">
@@ -35,6 +34,13 @@ export default {
         this.$site,
         this.$localePath
       )
+    },
+    homeCom () {
+      const { type } = this.$themeConfig
+      if (type !== undefined) {
+        return type == 'blog' ? 'HomeBlog': type
+      }
+      return 'Home'
     }
   }
 }

layouts/Tags.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="tags-wrapper" :class="recoShow?'reco-show': 'reco-hide'">
-    <Common :sidebar="false" :isComment="false"></Common>
+    <Common :sidebar="false" :isComment="false">
       <TagList :currentTag="currentTag" @getCurrentTag="tagClick"></TagList>
       <note-abstract
         class="list"
@@ -14,6 +14,7 @@
         :total="posts.length"
         :currentPage="currentPage"
         @getCurrentPage="getCurrentPage"></pagation>
+    </Common>
   </div>
 </template>
 

layouts/TimeLines.vue

@@ -1,6 +1,6 @@
 <template>
 <div>
-  <Common :sidebar="false" :isComment="false"></Common>
+  <Common :sidebar="false" :isComment="false">
     <ul class="timeline-wrapper">
       <li class="desc">Yesterday Once More!</li>
       <li v-for="(item, index) in formatPagesArr" :key="index">
@@ -13,6 +13,7 @@
         </ul>
       </li>
     </ul>
+  </Common>
 </div>
 
 </template>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.9-alpha.15",
+  "version": "1.0.9-alpha.17",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {
@@ -31,7 +31,7 @@
     "@vuepress-reco/vuepress-plugin-pagation": "^1.0.3",
     "@vuepress-reco/vuepress-plugin-screenfull": "^1.0.0",
     "@vuepress-reco/vuepress-plugin-ga": "^1.0.2",
-    "@vuepress-reco/vuepress-plugin-comments": "1.0.1",
+    "@vuepress-reco/vuepress-plugin-comments": "^1.0.2",
     "@vuepress/plugin-medium-zoom": "1.2.0",
     "@vuepress/plugin-blog": "1.3.0",
     "leancloud-storage": "3.13.2",

styles/recoConfig.styl

@@ -1,6 +1,6 @@
 $boxShadow = 0 1px 6px 0 rgba(0, 0, 0, 0.2)
 $boxShadowHover = 0 2px 16px 0 rgba(0, 0, 0, 0.2)
-$textShadow = 0 2px 4px rgba(0, 0, 0, 0.2);
+$textShadow = 0 2px 4px rgba(0, 0, 0, 0.1);
 $borderRadius = .25rem
 
 $themePicker = {

styles/theme.styl

@@ -244,8 +244,8 @@ th, td
   .valine-wrapper
     #valine.v
       .vwrap
-        background: #f2f2f2
+        background: #f0f2f4
-        box-shadow: $boxShadow
+        // box-shadow: $boxShadow
         .vcontrol
           .vsubmit
             background: #fff
@@ -264,22 +264,21 @@ th, td
             .vsys
               box-shadow: $boxShadow
           .vmeta
+            margin-bottom: 1rem
             .vat
-              background: #f2f2f2
+              margin-right: .3rem
+              background: #f0f2f4
               box-shadow: $boxShadow
               border-radius: $borderRadius
               padding: 0 .4rem
               color: #313131
               border: 1px solid #ededed
           .vcontent
-            background: #f2f2f2
+            background: #f0f2f4
             box-shadow: $boxShadow
             border-radius: $borderRadius
-            margin-right: 3.6rem
+            margin: 0 .3rem
-            padding-top: .1rem
+            padding: .1rem .6rem .05rem .6rem
-            padding-left: .6rem
-            padding-right: .6rem
-            padding-bottom: 0.05rem
             p .at
               color: #1abc9c
       .info
@@ -295,9 +294,3 @@ th, td
 
 .search-box input
   border-radius: $borderRadius
-
-/************** 回到顶部 **************/
-
-.back-to-ceiling
-  box-shadow: 0 9px 17px 0 rgba(0,0,0,0.2)!important
-  background-color: transparent!important