diff --git a/package/component/src/component/page/index.vue b/package/component/src/component/page/index.vue
index 17f63040..ebce58e7 100644
--- a/package/component/src/component/page/index.vue
+++ b/package/component/src/component/page/index.vue
@@ -43,7 +43,7 @@ const slots = useSlots();
 
 const maxPage = ref(0);
 const limits = ref(props.limits);
-const pages = computed(() => Math.floor(props.pages / 2))
+const pages = computed(() => Math.floor(props.pages / 2));
 const currentPage: Ref<number> = ref(props.modelValue);
 const currentPageShow: Ref<number> = ref(currentPage.value);
 const inlimit = ref(props.limit);
@@ -65,7 +65,8 @@ const totalPage = computed(() => {
       : currentPage.value > pages.value
       ? maxPage.value - currentPage.value + 1 < pages.value
         ? currentPage.value -
-          (pages.value + (pages.value - (maxPage.value - currentPage.value + 1)))
+          (pages.value +
+            (pages.value - (maxPage.value - currentPage.value + 1)))
         : currentPage.value - pages.value
       : 1;
 
diff --git a/package/component/src/language/locales/zh_CN.ts b/package/component/src/language/locales/zh_CN.ts
index 906f965a..4110ca07 100644
--- a/package/component/src/language/locales/zh_CN.ts
+++ b/package/component/src/language/locales/zh_CN.ts
@@ -44,5 +44,5 @@ export default {
   },
   empty: {
     description: "无数据",
-  }
+  },
 };
diff --git a/package/document-component/src/document/zh-CN/components/icon.md b/package/document-component/src/document/zh-CN/components/icon.md
index 8a085a0b..03c78ae4 100644
--- a/package/document-component/src/document/zh-CN/components/icon.md
+++ b/package/document-component/src/document/zh-CN/components/icon.md
@@ -4,44 +4,22 @@
 ::: title 基本介绍
 :::
 
-::: describe 语义化的矢量图形。使用图标组件，你需要安装 `@layui/icons-vue` 图标组件包
+::: describe 语义化的矢量图形。
 :::
 
 ::: title 基础使用
 :::
 
-::: demo 使用 `lay-icon` 标签, 创建图标组件
-
-<template>
-  <lay-icon type="layui-icon-face-smile"></lay-icon>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup() {
-
-    return {
-    }
-  }
-}
-</script>
-
-:::
-
-::: title 图标颜色
-:::
-
 ::: demo 使用 `color` 属性设置颜色
 
 <template>
-  <lay-icon type="layui-icon-face-smile" color="red"></lay-icon> &nbsp;
+  <lay-icon type="layui-icon-face-smile"></lay-icon> &nbsp;
   <lay-icon type="layui-icon-face-smile" color="orange"></lay-icon> &nbsp;
   <lay-icon type="layui-icon-face-smile" color="green"></lay-icon> &nbsp;
   <lay-icon type="layui-icon-face-smile" color="cyan"></lay-icon> &nbsp;
   <lay-icon type="layui-icon-face-smile" color="blue"></lay-icon> &nbsp;
   <lay-icon type="layui-icon-face-smile" color="black"></lay-icon> &nbsp;
+  <lay-icon type="layui-icon-face-smile" color="red" size="24px" ></lay-icon>
 </template>
 
 <script>
@@ -58,43 +36,19 @@ export default {
 
 :::
 
-::: title 图标尺寸
-:::
-
-::: demo 使用 `size` 属性设置尺寸
-
-<template>
-  <lay-icon type="layui-icon-star" size="26px" color="red"></lay-icon>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup() {
-
-    return {
-    }
-  }
-}
-</script>
-
-:::
-
-
-::: title 图标组件
+::: title 组件图标
 :::
 
 <br>
 
-::: describe 在 0.2.4 版本后, 图标支持组件化的调用方式, 首先你需要安装 `@layui/icons-vue` 依赖。
+::: describe 使用图标组件，你需要安装 `@layui/icons-vue` 图标组件包。
 :::
 
 ```
 npm install @layui/icons-vue
 ```
 
-::: describe 接下来, 你可以像之前使用组件一样去创建图标。
+::: describe 然后, 你可以像之前使用组件一样去创建图标。
 :::
 
 ```vue
@@ -104,7 +58,7 @@ npm install @layui/icons-vue
 </template>
 
 <script setup>
-  import { AlignCenterIcon, DiamondIcon } from '@layui/icons-vue';
+import { AlignCenterIcon, DiamondIcon } from '@layui/icons-vue';
 </script>
 ```
 
diff --git a/package/document-component/src/document/zh-CN/components/ripple.md b/package/document-component/src/document/zh-CN/components/ripple.md
index 18a8ba0e..f6781002 100644
--- a/package/document-component/src/document/zh-CN/components/ripple.md
+++ b/package/document-component/src/document/zh-CN/components/ripple.md
@@ -10,17 +10,17 @@
 ::: title 基础使用
 :::
 
-::: demo 使用 `lay-ripple` 标签, 为目标元素新增水波纹。
+::: demo 使用 `lay-ripple` 标签, 为 `element` 添加水波纹效果。
 
 <template>
-  <lay-ripple>
-    <lay-button>click</lay-button>
-  </lay-ripple>
-  <br/>
-  <br/>
-  <lay-ripple type="out" borderRadius="2px">
-    <lay-button>click</lay-button>
-  </lay-ripple>
+  <lay-space>
+    <lay-ripple>
+      <lay-button>click</lay-button>
+    </lay-ripple>
+    <lay-ripple type="out" borderRadius="2px">
+      <lay-button>click</lay-button>
+    </lay-ripple>
+  </lay-space>
 </template>
 
 <script>