用户中心

src/views/layout/index.vue

@@ -20,13 +20,18 @@
                     </div>
 
                     <template #overlay>
-                        <a-card hoverable style="width: 240px">
+                        <a-card hoverable style="width: 300px">
                             <template #cover>
-                                <img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />
+                                <div style="background:#f5f7fa;padding:10px;line-height: 30px">
+                                    <div>管理员<a-tag style="margin-left: 10px;" color="red">未实名</a-tag></div>
+                                    <div>ID:23455522</div>
+                                </div>
+                                <div style="padding: 10px;line-height: 45px;">
+                                    <div style="display: flex;justify-content: space-between;align-items: center;"><div>可用余额：¥200.00</div> <a-button type="primary" danger ghost size="small">去充值</a-button></div>
+                                    <div>冻结余额：¥100.00</div>
+                                    <div>代金劵：¥100.00</div>
+                                </div>
                             </template>
-                            <a-card-meta title="Europe Street beat">
-                                <template #description>www.instagram.com</template>
-                            </a-card-meta>
                             <template #actions>
                                 <!-- <setting-outlined key="setting" />
                                 <edit-outlined key="edit" />