fix(vuepress-theme-reco): fix some style problems

ISSUES CLOSED: #231

Author: reco_luan

example/.vuepress/config.js

@@ -58,7 +58,7 @@ module.exports = {
     search: true,
     searchMaxSuggestions: 10,
     // 自动形成侧边导航
-    // subSidebar: 'auto',
+    subSidebar: 'auto',
     sidebarDepth: 4,
     // 最后更新时间
     lastUpdated: 'Last Updated',

example/views/sidebargroup/bar1.md

@@ -1,5 +1,3 @@
----
-title: bar1
----
+# bar test
 
 bar1

packages/vuepress-theme-reco/components/Page.vue

@@ -2,7 +2,7 @@
   <main class="page" :style="pageStyle">
     <ModuleTransition>
       <div v-show="recoShowModule && $page.title" class="page-title">
-        <h1>{{$page.title}}</h1>
+        <h1 class="title">{{$page.title}}</h1>
         <PageInfo :pageInfo="$page" :showAccessNumber="showAccessNumber"></PageInfo>
       </div>
     </ModuleTransition>
@@ -175,6 +175,10 @@ export default {
     }
   },
 
+  created () {
+    console.log(this)
+  },
+
   methods: {
     createEditLink (repo, docsRepo, docsDir, docsBranch, path) {
       const bitbucket = /bitbucket.org/

packages/vuepress-theme-reco/components/SubSidebar.vue

@@ -4,7 +4,7 @@ import { isActive } from '@theme/helpers/utils'
 export default {
   computed: {
     headers () {
-      return this.showSubSidebar ? this.$page.headers || [] : []
+      return this.$showSubSideBar ? this.$page.headers : []
     }
   },
   methods: {

packages/vuepress-theme-reco/styles/theme.styl

@@ -64,6 +64,8 @@ body
     border-radius 4px
   img
     max-width 100%
+  *:first-child
+    margin-top 0
 
 .content__default.custom
   padding 0
@@ -111,17 +113,17 @@ h1, h2, h3, h4, h5, h6
   font-weight 500
   line-height 1.25
   .content__default:not(.custom) > &
-    margin-top (0.5rem - $navbarHeight)
-    padding-top ($navbarHeight + 1rem)
+    margin-top (2.1rem - $navbarHeight)
+    padding-top $navbarHeight
     margin-bottom 0
     &:first-child
       margin-top -3.5rem
-      margin-bottom 1rem
-      + p, + pre, + .custom-block
-        margin-top 2rem
 
 h1
+  display none
   font-size 1.6rem
+  &.title
+    display block
 
 h2
   position relative