From fdf8951b3152d6fd1f5ead4abd616fedbff5d9eb Mon Sep 17 00:00:00 2001
From: kagol <kagol@sina.com>
Date: Sat, 2 Oct 2021 11:24:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=87=A0=E4=B8=AA?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E5=92=8C=E4=B8=BB=E9=A2=98=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/devui-theme/styles/code.scss  |  2 +-
 .../devui-theme/styles/demo-block.scss        | 21 +++++++++++++++++++
 .../.vitepress/devui-theme/styles/layout.scss |  2 +-
 docs/components/card/index.md                 |  4 ++--
 docs/components/overlay/index.md              |  2 +-
 5 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/docs/.vitepress/devui-theme/styles/code.scss b/docs/.vitepress/devui-theme/styles/code.scss
index dcb528b2..93312a9e 100644
--- a/docs/.vitepress/devui-theme/styles/code.scss
+++ b/docs/.vitepress/devui-theme/styles/code.scss
@@ -7,7 +7,7 @@ code {
   font-family: var(--code-font-family);
   font-size: 0.85em;
   color: var(--c-text-light);
-  background-color: var(--code-inline-bg-color);
+  background-color: $devui-area !important;
 }
 
 code .token.deleted {
diff --git a/docs/.vitepress/devui-theme/styles/demo-block.scss b/docs/.vitepress/devui-theme/styles/demo-block.scss
index 99cfb669..3c7b4b88 100644
--- a/docs/.vitepress/devui-theme/styles/demo-block.scss
+++ b/docs/.vitepress/devui-theme/styles/demo-block.scss
@@ -1,5 +1,26 @@
 @import '@devui/styles-var/devui-var.scss';
 
+.demo-block {
+  border: solid 1px $devui-dividing-line !important;
+
+  &.hover {
+    box-shadow: $devui-shadow-length-base $devui-shadow !important;
+  }
+}
+
 .demo-block-control {
   background-color: $devui-base-bg !important;
+  border-top: solid 1px $devui-dividing-line !important;
+
+  &:hover {
+    color: $devui-brand !important;
+  }
+
+  .control-button {
+    color: $devui-brand !important;
+  }
+}
+
+.meta {
+  border-top: solid 1px $devui-dividing-line !important;
 }
diff --git a/docs/.vitepress/devui-theme/styles/layout.scss b/docs/.vitepress/devui-theme/styles/layout.scss
index 1af92258..a25c86d6 100644
--- a/docs/.vitepress/devui-theme/styles/layout.scss
+++ b/docs/.vitepress/devui-theme/styles/layout.scss
@@ -125,7 +125,7 @@ textarea {
 
 a {
   text-decoration: none;
-  color: var(--c-brand);
+  color: $devui-brand;
 }
 
 a:hover {
diff --git a/docs/components/card/index.md b/docs/components/card/index.md
index 6065bbc5..ce05231e 100644
--- a/docs/components/card/index.md
+++ b/docs/components/card/index.md
@@ -125,7 +125,7 @@
 
 <d-card class="d-card" align="spaceBetween">
   <div class="custom-avatar">
-    <d-avatar imgSrc="https://devui.design/components/assets/logo.svg" width=48 height=48 isRound="false"></d-avatar>
+    <d-avatar imgSrc="https://devui.design/components/assets/logo.svg" width=48 height=48 :isRound="false"></d-avatar>
     <div class="icon-star-o custom-star-action"></div>
   </div>
   <template v-slot:cardTitle>
@@ -143,7 +143,7 @@
 ```html
 <d-card class="d-card" align="spaceBetween">
   <div class="custom-avatar">
-    <d-avatar imgSrc="https://devui.design/components/assets/logo.svg" width=48 height=48 isRound="false"></d-avatar>
+    <d-avatar imgSrc="https://devui.design/components/assets/logo.svg" width=48 height=48 :isRound="false"></d-avatar>
     <div class="icon-star-o custom-star-action"></div>
   </div>
   <template v-slot:cardTitle>
diff --git a/docs/components/overlay/index.md b/docs/components/overlay/index.md
index 264cfbc5..2fecc9af 100644
--- a/docs/components/overlay/index.md
+++ b/docs/components/overlay/index.md
@@ -1,4 +1,4 @@
-## 遮罩层
+# 遮罩层
 遮罩层属于基础组件，用于构建独立于当前页面布局的组件。
 ### 何时使用
 当你需要全局弹窗，或者需要元素跟随功能，便可以使用该组件。
-- 
Gitee