个人中心

2026-01-30 00:33:33 -08:00
parent b532ba5406
commit de0c9ca198
11 changed files with 410 additions and 50 deletions
@@ -0,0 +1,30 @@
+<template>
+  <div
+    class="lucid-glass-bar flex w-full flex-col justify-between rounded-4xl! border-1 border-white px-6 py-7"
+  >
+    <div class="mb-2 flex items-center justify-between border-b-1 border-dashed pb-3">
+      <div class="relative ml-1 pb-2 text-base font-bold text-white">代理链接实时数据</div>
+    </div>
+
+    <div class="mt-2 flex flex-col gap-2">
+      <div
+        v-for="item in data"
+        :key="item.label"
+        class="flex items-center justify-between text-white/90"
+      >
+        <span class="text-xs font-medium">{{ item.label }}</span>
+        <span class="text-base font-bold tabular-nums">{{ item.value }}</span>
+      </div>
+    </div>
+
+    <div class="mt-2 text-xs text-white/40">相比前一个月+32%</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const data = [
+  { label: '点击量', value: 782 },
+  { label: '浏览量', value: 699 },
+  { label: '付费数量', value: 54 },
+]
+</script>