From ff2c25ff75b3252884c829c5fbe374d553e146d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E4=BC=A0=E9=BE=99?= <zclzone@outlook.com>
Date: Sun, 20 Mar 2022 17:33:07 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=92=8C=E7=BB=84=E4=BB=B6=E7=A4=BA=E4=BE=8B?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/error-page/404.vue                  |  3 ++-
 src/views/examples/table/post/index.vue       |  4 ++--
 src/views/examples/table/post/post-create.vue |  2 +-
 src/views/test-page/TestDialog.vue            |  4 +++-
 src/views/test-page/TestKeepAlive.vue         |  4 +++-
 src/views/test-page/TestMessage.vue           |  4 +++-
 src/views/test-page/TestUnocss.vue            | 12 ++----------
 7 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/views/error-page/404.vue b/src/views/error-page/404.vue
index 1666521..b4e67bc 100644
--- a/src/views/error-page/404.vue
+++ b/src/views/error-page/404.vue
@@ -10,7 +10,7 @@ const { replace } = useRouter()
         <img src="@/assets/imgs/404/404.png" width="500" />
       </template>
       <template #footer>
-        <n-button @click="replace('/')">返回首页</n-button>
+        <n-button color="#002d6f" @click="replace('/')">返回首页</n-button>
       </template>
     </n-result>
   </div>
@@ -19,6 +19,7 @@ const { replace } = useRouter()
 <style lang="scss" scoped>
 .page-404 {
   height: 100%;
+  min-height: calc(100vh - 60px);
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/views/examples/table/post/index.vue b/src/views/examples/table/post/index.vue
index 5174f5d..2b93bb0 100644
--- a/src/views/examples/table/post/index.vue
+++ b/src/views/examples/table/post/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div p24>
     <div class="action-btns">
       <n-button size="small" type="primary" @click="handleCreate">新建文章</n-button>
     </div>
@@ -11,7 +11,7 @@
       :columns="columns"
       :pagination="pagination"
       :row-key="(row) => row.id"
-      max-height="calc(100vh - 260px)"
+      max-height="calc(100vh - 250px)"
       @update:checked-row-keys="handleCheck"
     />
   </div>
diff --git a/src/views/examples/table/post/post-create.vue b/src/views/examples/table/post/post-create.vue
index 0aeb5fd..ace38a3 100644
--- a/src/views/examples/table/post/post-create.vue
+++ b/src/views/examples/table/post/post-create.vue
@@ -4,7 +4,7 @@
       <input v-model="post.title" type="text" placeholder="输入文章标题..." class="title" />
       <n-button type="primary" style="width: 80px" :loading="btnLoading" @click="handleSavePost">保存</n-button>
     </div>
-    <md-editor v-model="post.content" style="height: calc(100vh - 180px)" />
+    <md-editor v-model="post.content" style="height: calc(100vh - 140px)" />
   </div>
 </template>
 
diff --git a/src/views/test-page/TestDialog.vue b/src/views/test-page/TestDialog.vue
index 9888056..a00da2c 100644
--- a/src/views/test-page/TestDialog.vue
+++ b/src/views/test-page/TestDialog.vue
@@ -13,5 +13,7 @@ const handleDelete = function () {
 </script>
 
 <template>
-  <n-button @click="handleDelete">删除</n-button>
+  <div p24>
+    <n-button type="error" @click="handleDelete">删除</n-button>
+  </div>
 </template>
diff --git a/src/views/test-page/TestKeepAlive.vue b/src/views/test-page/TestKeepAlive.vue
index 801bede..514f4cb 100644
--- a/src/views/test-page/TestKeepAlive.vue
+++ b/src/views/test-page/TestKeepAlive.vue
@@ -16,5 +16,7 @@ onDeactivated(() => {
 </script>
 
 <template>
-  <n-gradient-text gradient="linear-gradient(90deg, red 0%, green 50%, blue 100%)"> 注意查看提示语 </n-gradient-text>
+  <div p24>
+    <n-gradient-text gradient="linear-gradient(90deg, red 0%, green 50%, blue 100%)"> 注意查看提示语 </n-gradient-text>
+  </div>
 </template>
diff --git a/src/views/test-page/TestMessage.vue b/src/views/test-page/TestMessage.vue
index 95fdc9a..5ef2db8 100644
--- a/src/views/test-page/TestMessage.vue
+++ b/src/views/test-page/TestMessage.vue
@@ -12,5 +12,7 @@ function handleLogin() {
 </script>
 
 <template>
-  <n-button @click="handleLogin">点击登陆</n-button>
+  <div p24>
+    <n-button type="primary" @click="handleLogin">点击登陆</n-button>
+  </div>
 </template>
diff --git a/src/views/test-page/TestUnocss.vue b/src/views/test-page/TestUnocss.vue
index 246de92..9d3423d 100644
--- a/src/views/test-page/TestUnocss.vue
+++ b/src/views/test-page/TestUnocss.vue
@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <div class="content-box">
+  <div p24>
+    <div p20 bg="#fff">
       <p text-12>测试12px</p>
       <p text-13>测试13px</p>
       <p text-14>测试14px</p>
@@ -13,11 +13,3 @@
     </div>
   </div>
 </template>
-
-<style lang="scss" scoped>
-.content-box {
-  background-color: #fff;
-  border-radius: 15px;
-  padding: 20px;
-}
-</style>