style: 调整测试页面和组件示例页面样式

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>

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>

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>

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>