[文档] 调整文档构建

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

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

docs/docs/zh-CN/guide/changelog.md

@@ -0,0 +1,42 @@
+::: demo
+
+<template>
+    <lay-timeline>
+        <lay-timeline-item title="8月18日">
+            <p>
+                layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
+                <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
+                <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
+            </p>
+        </lay-timeline-item>
+        <lay-timeline-item title="8月16日">
+            <p>杜甫的思想核心是儒家的仁政思想，他有<em>“致君尧舜上，再使风俗淳”</em>的宏伟抱负。</p>
+            <ul>
+                <li>《登高》</li>
+                <li>《茅屋为秋风所破歌》</li>
+            </ul>
+        </lay-timeline-item>
+        <lay-timeline-item title="8月15日">
+            <p>
+                中国人民抗日战争胜利日
+                <br>铭记、感恩
+                <br>所有为中华民族浴血奋战的英雄将士
+                <br>永垂不朽
+            </p>
+        </lay-timeline-item>
+    </lay-timeline>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::

docs/docs/zh-CN/guide/home.md

@@ -1,3 +1,30 @@
-基于 layui 的 vue-next 组件库
+<img src="https://res.layui.com/static/images/layui/logo-2.png" />
 
-a component library for Vue 3 base on layui-vue
+<lay-block>
+layui（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式
+</lay-block>
+
+::: demo
+
+<template>
+    <lay-timeline>
+        <lay-timeline-item title="2021年，layui vue 里程碑版本 1.0 发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2017年，layui 里程碑版本 2.0 发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2016年，layui 首个版本发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2015年，layui 孵化" simple></lay-timeline-item>
+    </lay-timeline>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::

docs/docs/zh-CN/guide/install.md

@@ -1,6 +1,5 @@
-##### 安装
 
-npm 下载
+使用 npm 下载
 ```
 npm install @layui/layui-vue --save
 ```
@@ -15,4 +14,18 @@ import '@layui/layui-vue/lib/layui.css'
 createApp(App)
 .use(Layui)
 .mount('#app')
+```
+
+这是一个基本的入门页面：
+```html
+<lay-layout>
+   <lay-header>
+     <lay-logo>Layui Admin</lay-logo>
+   </lay-header>
+   <lay-side></lay-side>
+   <lay-body>
+     <router-view></router-view>
+   </lay-body>
+   <lay-footer>pearadmin.com</lay-footer>
+</lay-layout>
 ```

docs/vite.config.ts

@@ -3,7 +3,6 @@ import { defineConfig } from 'vite'
 import plugins from './src/plugin/common-plugins'
 
 export default defineConfig({
-  base: '/layui-vue/',
   resolve: {
     alias: {
       '/@src': path.resolve(__dirname, '../src'),

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "a component library for Vue 3 base on layui-vue",
   "main": "lib/layui-vue.umd.js",
   "module": "lib/layui-vue.es.js",