From 68f0f70bcb2519a11f0e36ae65abcfabbf21cfb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sat, 23 Jul 2022 10:46:03 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D(component):=20update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/src/component/panel/index.less  |  2 +
 package/component/src/theme/variable.less     |  2 +
 .../src/document/zh-CN/components/card.md     |  4 +-
 .../src/document/zh-CN/components/color.md    | 43 ++++++-------------
 .../src/document/zh-CN/components/panel.md    | 41 ++++++++++++++++++
 .../src/document/zh-CN/guide/getStarted.md    |  6 +--
 package/document-component/src/view/index.vue | 14 ++++++
 7 files changed, 77 insertions(+), 35 deletions(-)

diff --git a/package/component/src/component/panel/index.less b/package/component/src/component/panel/index.less
index 78dfb2f4..c42f24ef 100644
--- a/package/component/src/component/panel/index.less
+++ b/package/component/src/component/panel/index.less
@@ -6,9 +6,11 @@
 .layui-panel {
   border-width: 1px;
   border-style: solid;
+  margin-bottom: 15px;
   border-radius: var(--panel-border-radius);
   border-color: var(--panel-border-color);
   background-color: #fff;
+  padding: 20px;
 }
 
 .layui-panel.is-hover-shadow:hover {
diff --git a/package/component/src/theme/variable.less b/package/component/src/theme/variable.less
index e6ce6c0f..d8013d8e 100644
--- a/package/component/src/theme/variable.less
+++ b/package/component/src/theme/variable.less
@@ -10,6 +10,8 @@
 
   --global-checked-color: #5fb878;
 
+  --global-info-color: #31BDEC;
+
   --global-border-radius: 2px;
 
   --global-neutral-color-1: #FAFAFA;
diff --git a/package/document-component/src/document/zh-CN/components/card.md b/package/document-component/src/document/zh-CN/components/card.md
index 484cb630..f69632b2 100644
--- a/package/document-component/src/document/zh-CN/components/card.md
+++ b/package/document-component/src/document/zh-CN/components/card.md
@@ -166,10 +166,10 @@ export default {
   <lay-card>
       内容
   </lay-card>
-    <lay-card shadow="hover">
+  <lay-card shadow="hover">
       内容
   </lay-card>
-    <lay-card shadow="never">
+  <lay-card shadow="never">
       内容
   </lay-card>
 </div>
diff --git a/package/document-component/src/document/zh-CN/components/color.md b/package/document-component/src/document/zh-CN/components/color.md
index 308da6a9..23bbc329 100644
--- a/package/document-component/src/document/zh-CN/components/color.md
+++ b/package/document-component/src/document/zh-CN/components/color.md
@@ -35,7 +35,7 @@
         <li class="layui-col-sm6">
             <div style="background-color: #393D49;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
                 <p>#393D49</p><p>
-                </p><p tips="">常用于导航</p>
+                </p><p tips="">导航色</p>
             </div>
         </li>
     </ul>
@@ -63,9 +63,15 @@ export default {
 <template>
 <ul class="layui-row layui-col-space15">
       <li class="layui-col-sm6">
-        <div style="background-color: #FF5722;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
-          <p>#FF5722</p><p>
-          </p><p tips="">错误 - DANGER</p>
+        <div style="background-color: #31BDEC;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
+          <p>#31BDEC</p><p>
+          </p><p tips="">引导 - INFO</p>
+        </div>
+      </li>
+      <li class="layui-col-sm6">
+        <div style="background-color: #5FB878;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
+          <p>#5FB878</p><p>
+          </p><p tips="">成功 - SUCCESS</p>
         </div>
       </li>
       <li class="layui-col-sm6">
@@ -75,15 +81,9 @@ export default {
         </div>
       </li>
       <li class="layui-col-sm6">
-        <div style="background-color: #5FB878;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
-          <p>#01AAED</p><p>
-          </p><p tips="">成功 - SUCCESS</p>
-        </div>
-      </li>
-      <li class="layui-col-sm6">
-        <div style="background-color: #31BDEC;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
-          <p>#2F4056</p><p>
-          </p><p tips="">引导 - INFO</p>
+        <div style="background-color: #FF5722;padding:10px;color:whitesmoke;padding:30px;border-radius:2px;">
+          <p>#FF5722</p><p>
+          </p><p tips="">错误 - DANGER</p>
         </div>
       </li>
     </ul>
@@ -153,23 +153,6 @@ export default {
 
 :::
 
-::: title 颜色说明
-
-:::
-
-::: table
-
-| Class           | 描述 | 使用                    |
-| --------------- | ---- | ----------------------- |
-| layui-bg-red    | 赤色 | class="layui-bg-red"    |
-| layui-bg-orange | 橙色 | class="layui-bg-orange" |
-| layui-bg-green  | 墨绿 | class="layui-bg-green"  |
-| layui-bg-cyan   | 藏青 | class="layui-bg-cyan"   |
-| layui-bg-blue   | 蓝色 | class="layui-bg-blue"   |
-| layui-bg-black  | 雅黑 | class="layui-bg-black"  |
-
-:::
-
 ::: contributor color
 :::
 
diff --git a/package/document-component/src/document/zh-CN/components/panel.md b/package/document-component/src/document/zh-CN/components/panel.md
index 9c377b41..01ac150b 100644
--- a/package/document-component/src/document/zh-CN/components/panel.md
+++ b/package/document-component/src/document/zh-CN/components/panel.md
@@ -30,6 +30,47 @@ export default {
 
 :::
 
+::: title 边框阴影
+:::
+
+::: demo 通过 shadow 属性设置面板阴影出现的时机。 该属性的值可以是：always、hover或never。
+
+<template>
+<div class="panel-container">
+  <lay-panel>
+      内容
+  </lay-panel>
+  <lay-panel shadow="hover">
+      内容
+  </lay-panel>
+  <lay-panel shadow="never">
+      内容
+  </lay-panel>
+</div>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+<style>
+.panel-container > * {
+  background: whitesmoke;
+  margin-top: 20px;
+}
+</style>
+
+:::
+
+
 ::: title Panel 属性
 :::
 
diff --git a/package/document-component/src/document/zh-CN/guide/getStarted.md b/package/document-component/src/document/zh-CN/guide/getStarted.md
index dc67a643..7dbb6b2e 100644
--- a/package/document-component/src/document/zh-CN/guide/getStarted.md
+++ b/package/document-component/src/document/zh-CN/guide/getStarted.md
@@ -4,15 +4,15 @@
 <br>
   <p>
     <a href="http://layui-vue.pearadmin.com" style="margin-left:30px;">
-      <img src="../../../assets/layui-logo.png" alt="layui" width="105" style="border-radius:12px;">
+      <img src="https://unpkg.com/outeres@0.0.6/img/layui/icon-1.png" alt="layui" width="105" style="border-radius:4px;">
     </a>
     <span style="font-size:32px;color:#e2e2e2;margin:30px;">+</span>
     <a href="http://layui-vue.pearadmin.com">
-      <img src="https://qn.antdv.com/vue.png" alt="layui" width="105" style="border-radius:12px;">
+      <img src="https://qn.antdv.com/vue.png" alt="layui" width="105" style="border-radius:4px;">
     </a>
     <span style="font-size:32px;color:#e2e2e2;margin:30px;">=</span>
     <a href="http://layui-vue.pearadmin.com">
-      <img src="../../../assets/logo.jpg" alt="layui" width="105" style="border-radius:12px;">
+      <img src="../../../assets/logo.jpg" alt="layui" width="105" style="border-radius:4px;">
     </a>
   </p>
 <br>
diff --git a/package/document-component/src/view/index.vue b/package/document-component/src/view/index.vue
index 2955c2d3..34fc5cd9 100644
--- a/package/document-component/src/view/index.vue
+++ b/package/document-component/src/view/index.vue
@@ -191,6 +191,20 @@
               ></lay-avatar>
             </a>
           </lay-tooltip>
+        </lay-col>
+                <lay-col :md="3">
+          <lay-tooltip content="Pear Admin" position="top">
+            <a
+              style="height: 40px; display: inline-block"
+              href="http://www.pearadmin.com"
+              target="_blank"
+            >
+              <lay-avatar
+                src="https://portrait.gitee.com/uploads/avatars/namespace/2319/6958819_pear-admin_1643085106.png"
+                style="background: transparent"
+              ></lay-avatar>
+            </a>
+          </lay-tooltip>
         </lay-col>
       </lay-row>
     </div>