[文档] 新增 color 文档, 修正 lay-block 组件样式

docs/docs/zh-CN/components/block.md

@@ -2,6 +2,25 @@
 
 <template>
   <lay-block>引用区域的文字</lay-block>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+::: demo
+
+<template>
   <lay-block nm>引用区域的文字</lay-block>
 </template>
 

docs/docs/zh-CN/components/button.md

@@ -150,4 +150,11 @@ export default {
 }
 </script>
 
-:::
+:::
+
+|  |  |  |
+|--|--|--|
+| type | 主题 | `primary` `normal` `warm` `danger` `disabled`|
+| size | 尺寸 | `lg` `sm` `xs` |
+| fluid | 最大化 | `true` `false` |
+| radius | 圆角 | `true` `false` |

docs/docs/zh-CN/components/color.md

@@ -0,0 +1,87 @@
+::: demo
+
+<template>
+    <ul class="layui-row layui-col-space15">
+        <li class="layui-col-sm3">
+            <div style="background-color: #009688;padding:10px;color:whitesmoke;">
+                <p>#009688</p><p>
+                </p><p tips="">主色调之一</p>
+            </div>
+        </li>
+        <li class="layui-col-sm3">
+            <div style="background-color: #5FB878;padding:10px;color:whitesmoke;">
+                <p>#5FB878</p><p>
+                </p><p tips="">一般用于选中状态</p>
+            </div>
+        </li>
+        <li class="layui-col-sm3">
+            <div style="background-color: #393D49;padding:10px;color:whitesmoke;">
+                <p>#393D49</p><p>
+                </p><p tips="">通常用于导航</p>
+            </div>
+        </li>
+        <li class="layui-col-sm3">
+            <div style="background-color: #1E9FFF;padding:10px;color:whitesmoke;">
+                <p>#1E9FFF</p><p>
+                </p><p tips="">经典蓝</p>
+            </div>
+        </li>
+    </ul>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+:::
+
+::: demo
+
+<template>
+<ul class="layui-row layui-col-space15">
+      <li class="layui-col-sm3">
+        <div style="background-color: #FFB800;padding:10px;color:whitesmoke;">
+          <p>#FFB800</p><p>
+          </p><p tips="">暖色系</p>
+        </div>
+      </li>
+      <li class="layui-col-sm3">
+        <div style="background-color: #FF5722;padding:10px;color:whitesmoke;">
+          <p>#FF5722</p><p>
+          </p><p tips="">比较引人注意的颜色</p>
+        </div>
+      </li>
+      <li class="layui-col-sm3">
+        <div style="background-color: #01AAED;padding:10px;color:whitesmoke;">
+          <p>#01AAED</p><p>
+          </p><p tips="">文本链接着色</p>
+        </div>
+      </li>
+      <li class="layui-col-sm3">
+        <div style="background-color: #2F4056;padding:10px;color:whitesmoke;">
+          <p>#2F4056</p><p>
+          </p><p tips="">侧边色</p>
+        </div>
+      </li>
+    </ul>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+:::

docs/docs/zh-CN/components/grid.md

@@ -22,6 +22,20 @@ export default {
 }
 </script>
 
+<style>
+.grid-demo-bg1 {
+    background-color: #63BA79;
+}
+.grid-demo {
+    padding: 10px;
+    line-height: 50px;
+    border-radius: 4px;
+    text-align: center;
+    background-color: #79C48C;
+    color: #fff;
+}
+</style>
+
 :::
 
 ::: demo
@@ -44,6 +58,19 @@ export default {
 }
 </script>
 
+<style>
+.grid-demo-bg1 {
+    background-color: #63BA79;
+}
+.grid-demo {
+    padding: 10px;
+    line-height: 50px;
+    border-radius: 4px;
+    text-align: center;
+    background-color: #79C48C;
+    color: #fff;
+}
+</style>
 :::
 
 ::: demo

docs/docs/zh-CN/components/icon.md

@@ -17,3 +17,7 @@ export default {
 </script>
 
 :::
+
+|  |  |  |
+|--|--|--|
+| type | 图标 | `layui-icon-home` `layui-icon-template`... |