From 0222d16a8ba5c5825362c03a5b3b410cd4fa40d1 Mon Sep 17 00:00:00 2001
From: sric <sirrcvip@126.com>
Date: 星期四, 20 十一月 2025 23:51:44 +0800
Subject: [PATCH] Merge branch 'master' of https://git.v-ji.com/git/r/yujiu_web
---
src/views/AboutView.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 54 insertions(+), 0 deletions(-)
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
new file mode 100644
index 0000000..68a77da
--- /dev/null
+++ b/src/views/AboutView.vue
@@ -0,0 +1,54 @@
+<script setup>
+// import { useCounterStore } from '@/stores/counter'
+const dataInfo = reactive({
+ id: 1,
+ name: 'test',
+});
+
+const counterStore = useCounterStore();
+
+const { width, height } = useWindowSize();
+
+const { userName, userInfo } = useUserInfo();
+</script>
+<template>
+ <div class="about uitl-test flex flex-col">
+ <h1 class="bg-deep-blue">This is an about page</h1>
+
+ <h3>{{ dataInfo.name }}</h3>
+
+ <div class="py-2 text-center">
+ userName: {{ userName }}
+ <p>{{ userInfo }}</p>
+ </div>
+
+ <div class="py-2 text-center">window size: {{ width }} / {{ height }}</div>
+ <div class="w-full p-1 flex flex-col items-center">
+ <div>
+ {{ counterStore.count }}
+ //
+ {{ counterStore.doubleCount }}
+ </div>
+
+ <div class="flex flex-row gap-x-2">
+ <el-button icon="plus" @click="counterStore.increment()"></el-button>
+ <el-button icon="minus" @click="counterStore.decrement()"></el-button>
+ </div>
+ </div>
+
+ <ul class="flex flex-col">
+ <li class="p-2 bg-conic-300 from-[red] to-[blue]">绗竴涓�</li>
+ <li class="p-2 text-green-300 border-2" v-for="item in 10" :key="item">娴嬭瘯{{ item }}</li>
+ </ul>
+ </div>
+</template>
+
+<style>
+@media (min-width: 1024px) {
+ .about {
+ min-height: 100vh;
+ display: flex;
+ align-items: center;
+ }
+}
+</style>
--
Gitblit v1.8.0