From f69013b7528978794d29bef81c16e64e0bf552ba Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Thu, 28 Oct 2021 17:03:43 +0800
Subject: [PATCH] feat: add toc

---
 assets/styles/post.styl | 1 +
 components/OneToc.vue   | 8 ++------
 layouts/default.vue     | 7 +++++++
 one/templates/page.etpl | 3 ++-
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/assets/styles/post.styl b/assets/styles/post.styl
index 34bbb3d..fae0a43 100644
--- a/assets/styles/post.styl
+++ b/assets/styles/post.styl
@@ -5,6 +5,7 @@ margin-y($top, $bottom = $top)
   margin-bottom $bottom
 
 .post
+  position relative
   padding 30px 60px
   font-size 14px
   line-height 1.8
diff --git a/components/OneToc.vue b/components/OneToc.vue
index ff34de9..e880473 100644
--- a/components/OneToc.vue
+++ b/components/OneToc.vue
@@ -1,8 +1,9 @@
 <template>
 <nav class="one-toc">
   <veui-anchor
-    :items="flattenItems"
+    ui="s"
     sticky
+    :items="flattenItems"
   />
 </nav>
 </template>
@@ -25,8 +26,3 @@ export default {
   }
 }
 </script>
-
-<style lang="stylus" scoped>
-.one-toc
-  float right
-</style>
diff --git a/layouts/default.vue b/layouts/default.vue
index 921e28c..fba6c0e 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -110,4 +110,11 @@ main
     min-width 0
 </style>
 
+<style lang="stylus">
+.one-toc
+  position absolute
+  left 100%
+  top 120px
+</style>
+
 <style lang="stylus" src="@/assets/styles/post.styl"></style>
diff --git a/one/templates/page.etpl b/one/templates/page.etpl
index e0332f4..43b24b6 100644
--- a/one/templates/page.etpl
+++ b/one/templates/page.etpl
@@ -1,5 +1,6 @@
 <template>
-<article ref="article" class="content ${style}">
+<article ref="article" class="content ${style}"><!-- if: ${toc} -->
+<one-toc :items="toc"/><!-- /if -->
 ${content | raw}
 <section class="meta">
   <one-edit-link path="${path}"/>