个人中心

2026-01-30 00:33:33 -08:00
parent b532ba5406
commit de0c9ca198
11 changed files with 410 additions and 50 deletions
@@ -0,0 +1,48 @@
+<template>
+  <div
+    class="lucid-glass-bar flex h-full w-full flex-col rounded-4xl! border-1 border-white px-6 py-7"
+  >
+    <div class="mb-[20px] flex justify-between border-b-1 border-dashed pb-4">
+      <div>
+        <div class="mb-1 text-xl font-bold text-white">最近销售数据</div>
+        <div class="text-sm text-white/40">本月已成交订单54人/次</div>
+      </div>
+      <Button
+        variant="link"
+        class="h-auto p-0 text-sm font-medium text-white/60 underline hover:text-white"
+        @click="$emit('show-history')"
+      >
+        历史数据
+      </Button>
+    </div>
+
+    <div class="flex-1 overflow-y-auto pr-1">
+      <div class="border-t border-dashed border-white/20 pt-4">
+        <div
+          v-for="(item, index) in sales"
+          :key="index"
+          class="mb-5 flex items-center justify-between last:mb-0"
+        >
+          <div class="flex flex-col">
+            <span class="text-sm font-semibold text-white">{{ item.email }}</span>
+            <span class="text-[10px] text-white/40">{{ item.time }}</span>
+          </div>
+          <div class="text-lg font-bold text-white tabular-nums">$ {{ item.amount }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Button } from '@/components/ui/button'
+
+defineEmits(['show-history'])
+
+const sales = [
+  { email: '321x***.com', time: '2026/1/10 22:32', amount: '2.99' },
+  { email: 'fafax***.com', time: '2026/1/10 22:32', amount: '44.99' },
+  { email: 'kjkljl***.com', time: '2026/1/10 22:32', amount: '19.79' },
+  { email: '098f***.com', time: '2026/1/10 22:32', amount: '2.99' },
+]
+</script>