```在用户余额界面添加卡片视图，增强布局的视觉吸引力

```

src/views/money/user/index.vue

@@ -1,10 +1,13 @@
 <template>
   <div>
+    <el-card style="margin-top: 50px;">
       <h1>用户余额</h1>
       <p>余额：{{ userBalanceData.userBalance || '加载中...' }}</p>
+    </el-card>
   </div>
 </template>
 
+
 <script>
 import { userBalance } from "@/api/system/user"; // 假设你的userBalance函数在@/api/money目录下