样式处理

src/pages/UserCenter/components/ProxyData/index.vue

@@ -1,33 +1,3 @@
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import request from '@/utils/request'
-
-const data = ref([
-  { label: '点击量', value: 0, key: 'clicks' },
-  { label: '浏览量', value: 0, key: 'views' },
-  { label: '付费数量', value: 0, key: 'paid_count' },
-])
-
-const growthRate = ref('N/A')
-
-async function fetchStats() {
-  try {
-    const res: any = await request.get('/api/v1/public/user/agent/realtime')
-    data.value = data.value.map((item) => ({
-      ...item,
-      value: res[item.key] || 0,
-    }))
-    growthRate.value = res.growth_rate || 'N/A'
-  } catch (error) {
-    console.error('Fetch proxy data error:', error)
-  }
-}
-
-onMounted(() => {
-  fetchStats()
-})
-</script>
-
 <template>
   <div
     class="lucid-glass-bar flex w-full flex-col justify-between rounded-4xl! border-1 border-white px-6 py-7"
@@ -50,3 +20,33 @@ onMounted(() => {
     <div class="mt-2 text-xs text-white/40">相比前一个月 {{ growthRate }}</div>
   </div>
 </template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import request from '@/utils/request'
+
+const data = ref([
+  { label: '点击量', value: 0, key: 'clicks' },
+  { label: '浏览量', value: 0, key: 'views' },
+  { label: '付费数量', value: 0, key: 'paid_count' },
+])
+
+const growthRate = ref('N/A')
+
+async function fetchStats() {
+  try {
+    const res: any = await request.get('/api/v1/public/user/agent/realtime')
+    data.value = data.value.map((item) => ({
+      ...item,
+      value: res[item.key] || 0,
+    }))
+    growthRate.value = res.paid_growth_rate || 'N/A'
+  } catch (error) {
+    console.error('Fetch proxy data error:', error)
+  }
+}
+
+onMounted(() => {
+  fetchStats()
+})
+</script>