样式处理

2026-02-01 20:06:45 -08:00
parent ed2cd443ba
commit 084bec5f67
21 changed files with 289 additions and 181 deletions
@@ -1,3 +1,47 @@
+<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">累计成交订单{{ salesPage.total }}人/次</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
+        v-if="loading && salesPage.list.length === 0"
+        class="flex h-20 items-center justify-center"
+      >
+        <div
+          class="h-6 w-6 animate-spin rounded-full border-2 border-[#ADFF5B] border-t-transparent"
+        ></div>
+      </div>
+      <div v-else class="">
+        <div
+          v-for="(item, index) in salesPage.list"
+          :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.user_hash }}</span>
+            <span class="text-[10px] text-white/40">{{ formatTime(item.updated_at) }}</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 { ref, onMounted } from 'vue'
 import { Button } from '@/components/ui/button'
@@ -44,42 +88,3 @@ onMounted(() => {
  fetchSales()
 })
 </script>
-
-<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">累计成交订单{{ salesPage.total }}人/次</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 v-if="loading && salesPage.list.length === 0" class="flex h-20 items-center justify-center">
-         <div class="h-6 w-6 animate-spin rounded-full border-2 border-[#ADFF5B] border-t-transparent"></div>
-      </div>
-      <div v-else class="border-t border-dashed border-white/20 pt-4">
-        <div
-          v-for="(item, index) in salesPage.list"
-          :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.user_email }}</span>
-            <span class="text-[10px] text-white/40">{{ formatTime(item.created_at) }}</span>
-          </div>
-          <div class="text-lg font-bold text-white tabular-nums">$ {{ item.amount }}</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>