diff --git a/src/style/global-style.scss b/src/style/global-style.scss
index 6edf302..ac15252 100644
--- a/src/style/global-style.scss
+++ b/src/style/global-style.scss
@@ -5,6 +5,15 @@
   background: $color-bg-1;
 }
 
+.dc-page-clear {
+  margin: $padding;
+  padding: $padding;
+}
+
+.border-red {
+  box-shadow: $shadow-border-1;
+}
+
 // 通用全外边距
 .margin {
   margin: $margin;
diff --git a/src/views/about-project/about-project.vue b/src/views/about-project/about-project.vue
index 7c7a4ef..51f3d92 100644
--- a/src/views/about-project/about-project.vue
+++ b/src/views/about-project/about-project.vue
@@ -1,7 +1,72 @@
 <template>
-  <div class="dc-page">关于项目</div>
+  <div class="dc-page-clear">
+    <a-card title="简介">
+      <div>
+        <p>dc-admin 一款基于 Vue、TypeScript、Vite5、Pinia、arco-design开源的后台管理框架，使用目前最新技术栈开发。</p>
+        <p>融合了全新的UI框架，高度可自定义的主题功能使得用户可以根据自身需求轻松定制界面。</p>
+        <p>代码全注释，可提供参考和学习。</p>
+      </div>
+    </a-card>
+    <a-card class="margin-top" title="项目信息">
+      <a-descriptions :data="projectInfo" bordered :column="2" />
+    </a-card>
+    <a-card class="margin-top" title="生产环境依赖">
+      <a-descriptions :data="dependencies" bordered :column="2" />
+    </a-card>
+    <a-card class="margin-top" title="开发环境依赖">
+      <a-descriptions :data="devDependencies" bordered :column="2" />
+    </a-card>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import packageJson from "../../../package.json";
 
-<style lang="scss" scoped></style>
+const projectInfo = [
+  {
+    label: "版本号",
+    value: packageJson.version
+  },
+  {
+    label: "发布时间",
+    value: "2024-06-18"
+  },
+  {
+    label: "Gitt",
+    value: "Gitt"
+  },
+  {
+    label: "Github",
+    value: "Github"
+  },
+  {
+    label: "文档地址",
+    value: "完善中"
+  },
+  {
+    label: "预览地址",
+    value: "完善中"
+  }
+];
+
+const dependencies = ref<any>([]);
+const devDependencies = ref<any>([]);
+
+const init = () => {
+  dependencies.value.length = 0;
+  devDependencies.value.length = 0;
+  Object.entries(packageJson.dependencies).forEach(item => {
+    dependencies.value.push({ label: item[0], value: item[1] });
+  });
+  Object.entries(packageJson.devDependencies).forEach(item => {
+    devDependencies.value.push({ label: item[0], value: item[1] });
+  });
+};
+init();
+</script>
+
+<style lang="scss" scoped>
+.margin-top {
+  margin-top: $margin;
+}
+</style>
diff --git a/src/views/table-management/common-table/common-table.vue b/src/views/table-management/common-table/common-table.vue
index f2cff02..e8e81bc 100644
--- a/src/views/table-management/common-table/common-table.vue
+++ b/src/views/table-management/common-table/common-table.vue
@@ -18,29 +18,27 @@
           </a-form-item>
         </a-col>
         <a-col :span="6">
-          <a-form-item>
-            <a-space>
-              <a-button type="primary">
-                <template #icon>
-                  <icon-search />
-                </template>
-                <template #default>查询</template>
-              </a-button>
-              <a-button>
-                <template #icon>
-                  <icon-refresh />
-                </template>
-                <template #default>重置</template>
-              </a-button>
-              <a-button type="text" @click="formData.search = !formData.search">
-                <template #icon>
-                  <icon-up v-if="formData.search" />
-                  <icon-down v-else />
-                </template>
-                <template #default>{{ formData.search ? "收起" : "展开" }}</template>
-              </a-button>
-            </a-space>
-          </a-form-item>
+          <a-space>
+            <a-button type="primary">
+              <template #icon>
+                <icon-search />
+              </template>
+              <template #default>查询</template>
+            </a-button>
+            <a-button>
+              <template #icon>
+                <icon-refresh />
+              </template>
+              <template #default>重置</template>
+            </a-button>
+            <a-button type="text" @click="formData.search = !formData.search">
+              <template #icon>
+                <icon-up v-if="formData.search" />
+                <icon-down v-else />
+              </template>
+              <template #default>{{ formData.search ? "收起" : "展开" }}</template>
+            </a-button>
+          </a-space>
         </a-col>
       </a-row>
       <a-row :gutter="16" v-if="formData.search">
diff --git a/src/views/table-management/custom-table/custom-table.vue b/src/views/table-management/custom-table/custom-table.vue
index f648912..754ca92 100644
--- a/src/views/table-management/custom-table/custom-table.vue
+++ b/src/views/table-management/custom-table/custom-table.vue
@@ -18,29 +18,27 @@
           </a-form-item>
         </a-col>
         <a-col :span="6">
-          <a-form-item>
-            <a-space>
-              <a-button type="primary">
-                <template #icon>
-                  <icon-search />
-                </template>
-                <template #default>查询</template>
-              </a-button>
-              <a-button @click="$refs.formRef.resetFields()">
-                <template #icon>
-                  <icon-refresh />
-                </template>
-                <template #default>重置</template>
-              </a-button>
-              <a-button type="text" @click="formData.search = !formData.search">
-                <template #icon>
-                  <icon-up v-if="formData.search" />
-                  <icon-down v-else />
-                </template>
-                <template #default>{{ formData.search ? "收起" : "展开" }}</template>
-              </a-button>
-            </a-space>
-          </a-form-item>
+          <a-space>
+            <a-button type="primary">
+              <template #icon>
+                <icon-search />
+              </template>
+              <template #default>查询</template>
+            </a-button>
+            <a-button @click="$refs.formRef.resetFields()">
+              <template #icon>
+                <icon-refresh />
+              </template>
+              <template #default>重置</template>
+            </a-button>
+            <a-button type="text" @click="formData.search = !formData.search">
+              <template #icon>
+                <icon-up v-if="formData.search" />
+                <icon-down v-else />
+              </template>
+              <template #default>{{ formData.search ? "收起" : "展开" }}</template>
+            </a-button>
+          </a-space>
         </a-col>
       </a-row>
       <a-row :gutter="16" v-if="formData.search">