first commit

src/views/test-page/TestDialog.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { NButton } from 'naive-ui'
+const handleDelete = function () {
+  $dialog.confirm({
+    content: '确认删除？',
+    confirm() {
+      $dialog.success('删除成功', { positiveText: '我知道了' })
+    },
+    cancel() {
+      $dialog.warning('已取消', { closable: true })
+    },
+  })
+}
+</script>
+
+<template>
+  <n-button @click="handleDelete">删除</n-button>
+</template>

src/views/test-page/TestMessage.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { NButton } from 'naive-ui'
+
+function handleLogin() {
+  $message.loading('登陆中...')
+  setTimeout(() => {
+    $message.error('登陆失败')
+    $message.loading('正在尝试重新登陆...')
+    setTimeout(() => {
+      $message.success('登陆成功')
+    }, 2000)
+  }, 2000)
+}
+</script>
+
+<template>
+  <n-button @click="handleLogin">点击登陆</n-button>
+</template>

src/views/test-page/TestUnocss.vue

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <div class="content-box">
+      <p text-12>测试12px</p>
+      <p text-13>测试13px</p>
+      <p text-14>测试14px</p>
+      <p text-15>测试15px</p>
+      <p text-16>测试16px</p>
+      <p text-17>测试17px</p>
+      <p text-18>测试18px</p>
+      <p text-19>测试19px</p>
+      <p text-20>测试20px</p>
+    </div>
+    <div mt-30 class="content-box">
+      <p text-12>测试12px</p>
+      <p text-13>测试13px</p>
+      <p text-14>测试14px</p>
+      <p text-15>测试15px</p>
+      <p text-16>测试16px</p>
+      <p text-17>测试17px</p>
+      <p text-18>测试18px</p>
+      <p text-19>测试19px</p>
+      <p text-20>测试20px</p>
+    </div>
+    <div mt-30 class="content-box">
+      <p text-12>测试12px</p>
+      <p text-13>测试13px</p>
+      <p text-14>测试14px</p>
+      <p text-15>测试15px</p>
+      <p text-16>测试16px</p>
+      <p text-17>测试17px</p>
+      <p text-18>测试18px</p>
+      <p text-19>测试19px</p>
+      <p text-20>测试20px</p>
+    </div>
+    <div mt-30 class="content-box">
+      <p text-12>测试12px</p>
+      <p text-13>测试13px</p>
+      <p text-14>测试14px</p>
+      <p text-15>测试15px</p>
+      <p text-16>测试16px</p>
+      <p text-17>测试17px</p>
+      <p text-18>测试18px</p>
+      <p text-19>测试19px</p>
+      <p text-20>测试20px</p>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.content-box {
+  background-color: #fff;
+  border-radius: 15px;
+  padding: 20px;
+}
+</style>