From 72fe97bede70d34ae0594fd5539c16fe3db7839c Mon Sep 17 00:00:00 2001
From: WeilinerL <2207284210@qq.com>
Date: Wed, 20 Mar 2024 11:08:30 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=B7=E5=BC=8F=20&=20=E6=96=87?=
 =?UTF-8?q?=E6=A1=88=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vuepress/theme/components/SidebarLink.vue | 2 +-
 docs/.vuepress/theme/layouts/Layout.vue         | 2 ++
 docs/.vuepress/theme/styles/layout.styl         | 4 +++-
 docs/guide/theme.md                             | 4 ++--
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/.vuepress/theme/components/SidebarLink.vue b/docs/.vuepress/theme/components/SidebarLink.vue
index 86b1d9b..6ad95f4 100644
--- a/docs/.vuepress/theme/components/SidebarLink.vue
+++ b/docs/.vuepress/theme/components/SidebarLink.vue
@@ -104,7 +104,7 @@ a.sidebar-link
   display inline-block
   color $textColor
   border-left 0.25rem solid transparent
-  padding 0.35rem 1rem 0.35rem 1.25rem
+  padding 0.35rem 0.35rem 0.35rem 1.25rem
   line-height 1.4
   width: 100%
   box-sizing: border-box
diff --git a/docs/.vuepress/theme/layouts/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
index e7f1540..4c7b2d6 100644
--- a/docs/.vuepress/theme/layouts/Layout.vue
+++ b/docs/.vuepress/theme/layouts/Layout.vue
@@ -210,6 +210,8 @@ export default {
     flex 1
     min-width: 600px
     background-color var(--bg-color)
+    @media screen and (max-width: $MQMobileNarrow)
+      min-width: unset
     ::v-deep .page-edit
       display none
   .preview-container
diff --git a/docs/.vuepress/theme/styles/layout.styl b/docs/.vuepress/theme/styles/layout.styl
index c2c8017..040c2e1 100644
--- a/docs/.vuepress/theme/styles/layout.styl
+++ b/docs/.vuepress/theme/styles/layout.styl
@@ -18,7 +18,7 @@ html,body
 .sidebar
   position absolute
   top $navbarHeight
-  bottom -$navbarHeight
+  bottom - $navbarHeight
   max-width 14rem
   min-width 14rem
   border 0
@@ -61,6 +61,8 @@ html,body
   min-width 500px
   max-width unset
   margin 0 auto
+  @media screen and (max-width: $MQMobileNarrow)
+    min-width: unset
   .card:last-child
     margin-bottom 0
 
diff --git a/docs/guide/theme.md b/docs/guide/theme.md
index d3854f9..56965ef 100644
--- a/docs/guide/theme.md
+++ b/docs/guide/theme.md
@@ -146,14 +146,14 @@ module.exports = {
 
   createComponent({
     data: {
-      extends: `
+      style: `
         --cube-btn-color: red;
         --cube-btn-font-size: 25px;
       `
     },
     created () {
       setTimeout(() => {
-        this.extends = `
+        this.style = `
           --cube-btn-color: blue;
           --cube-btn-font-size: 10px;
         `