feat(ui): 第二轮P1 — scoped样式/mc-dialog暗黑适配/空状态/字号变量

frontend/src/views/UserManage.vue

@@ -1,10 +1,10 @@
 <template>
-  <div>
-    <div style="display:flex;justify-content:space-between;margin-bottom:16px;">
+  <div class="user-page">
+    <div class="page-top">
       <h3>用户管理</h3>
       <el-button type="primary" @click="openForm(null)">新建用户</el-button>
     </div>
-    <el-table :data="users" v-loading="loading" style="width:100%" border stripe>
+    <el-table :data="users" v-loading="loading" class="full-width-table" border stripe>
       <el-table-column prop="id" label="ID" width="60" />
       <el-table-column prop="username" label="用户名" width="120" />
       <el-table-column prop="name" label="姓名" width="120" />
@@ -129,3 +129,9 @@ async function handleDelete(row: any) {
 
 onMounted(load)
 </script>
+
+<style scoped>
+.user-page { }
+.user-page .page-top { display: flex; justify-content: space-between; margin-bottom: 16px; }
+.user-page .page-top h3 { margin: 0; }
+</style>