[文档] 更新主页

docs/src/components/LayCode.vue

@@ -98,7 +98,7 @@ function handleScroll() {
 .lay-code .meta .description {
   padding: 20px;
   margin: 10px 0;
-  border: 1px solid var(--c-divider);
+  border: 1px solid whitesmoke;
   box-sizing: border-box;
   background: var(--c-bg);
   font-size: 14px;
@@ -115,7 +115,7 @@ function handleScroll() {
   padding: 1px 5px;
   margin: 0 4px;
   height: 18px;
-  border-radius: 3px;
+  border-radius: 2px;
   background-color: var(--code-inline-bg-color);
   font-size: 12px;
   line-height: 18px;

docs/src/layouts/Layout.vue

@@ -37,7 +37,7 @@
         </ul>
       </lay-header>
       <lay-side>
-        <ul class="layui-menu layui-menu-lg layui-menu-docs">
+        <ul class="layui-menu layui-menu-lg layui-menu-docs" style="padding:6px">
           <li
             :key="menu"
             v-for="menu in menus"

docs/src/styles/code.css

@@ -22,7 +22,7 @@ div[class*='language-'] {
   margin: 1rem -1.5rem;
   background-color: #fafafa;
   overflow-x: auto;
-  border: 1px solid #eaeefb;
+  border: 1px solid whitesmoke;
 }
 
 li > div[class*='language-'] {

docs/src/styles/markdown.css

@@ -213,4 +213,29 @@ table td {
 
 .site-doc-bgcolor li {
   padding: 20px 10px;
+}
+
+.site-idea {
+  margin: 30px 0;
+  font-weight: 300;
+}
+
+.site-idea li {
+  font-size: 14px;
+}
+
+.site-idea li div {
+  padding: 25px;
+  line-height: 24px;
+  border: 1px solid #d2d2d2;
+}
+
+.site-idea .layui-field-title {
+  border-color: #d2d2d2;
+}
+
+.site-idea .layui-field-title legend {
+  margin: 0 20px 20px 0;
+  padding: 0 20px;
+  text-align: center;
 }