样式调整

src/modules/alumni/views/List.vue

 <script setup lang="ts">
 const appList = ref()
 
-const listOptions = {
-  remote: {
-    params: { type: '' }
-  },
-  filters: [
-    { type: 'input', prop: 'username', placeholder: '姓名' },
-    { type: 'input', prop: 'sex', placeholder: '性别' },
-    { type: 'input', prop: 'class_id', placeholder: '班级' },
-    { type: 'select', prop: 'province', placeholder: '省份' },
-    { type: 'select', prop: 'city', placeholder: '城市' },
-    { type: 'select', prop: 'industry', placeholder: '所在行业' },
-    { type: 'input', prop: 'workplace', placeholder: '工作单位' }
-  ],
-  columns: [
-    { label: '姓名', prop: 'username', align: 'center' },
-    { label: '性别', prop: 'sex', align: 'center' },
-    { label: '班级', prop: 'class_id', align: 'center' },
-    { label: '省份', prop: 'province', align: 'center' },
-    { label: '城市', prop: 'city', align: 'center' },
-    { label: '所在行业', prop: 'industry', align: 'center' },
-    { label: '工作单位', prop: 'workplace', align: 'center' },
-    { label: '是否已注册', prop: 'created_time', align: 'center' },
-    { label: '操作', slots: 'table-operate', width: 230, align: 'center' }
-  ],
-  data: [
-    {
-      username: 'lisi'
-    }
-  ]
-}
+const listOptions = $computed(() => {
+  return {
+    remote: {
+      params: { type: '' }
+    },
+    filters: [
+      { type: 'input', prop: 'username', placeholder: '姓名' },
+      {
+        type: 'select',
+        prop: 'sex',
+        placeholder: '性别',
+        options: [
+          { value: '0', label: '男' },
+          { value: '1', label: '女' }
+        ]
+      },
+      { type: 'input', prop: 'class_id', placeholder: '班级' },
+      { type: 'input', prop: 'province', placeholder: '省份' },
+      { type: 'input', prop: 'city', placeholder: '城市' },
+      { type: 'input', prop: 'industry', placeholder: '所在行业' },
+      { type: 'input', prop: 'workplace', placeholder: '工作单位' }
+    ],
+    columns: [
+      { label: '姓名', prop: 'username', align: 'center' },
+      { label: '性别', prop: 'sex', align: 'center' },
+      { label: '班级', prop: 'class_id', align: 'center' },
+      { label: '省份', prop: 'province', align: 'center' },
+      { label: '城市', prop: 'city', align: 'center' },
+      { label: '所在行业', prop: 'industry', align: 'center' },
+      { label: '工作单位', prop: 'workplace', align: 'center' },
+      { label: '是否已注册', prop: 'created_time', align: 'center' },
+      { label: '操作', slots: 'table-operate', width: 230, align: 'center' }
+    ],
+    data: [
+      {
+        username: 'lisi'
+      }
+    ]
+  }
+})
 </script>
 
 <template>

src/modules/alumni/views/View.vue

@@ -79,7 +79,7 @@ const detailList = reactive({
   color: #666;
 }
 :deep(.el-descriptions__content) {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #333333;
 }

src/modules/compnay/views/View.vue

@@ -26,7 +26,7 @@ const detailList = reactive({
 
 <template>
   <AppCard title="公司详情">
-    <el-descriptions :column="2">
+    <el-descriptions :column="2" border>
       <el-descriptions-item label="公司名称:">{{ detailList.name }}</el-descriptions-item>
       <el-descriptions-item label="企业邮箱:" align="left">{{ detailList.email }}</el-descriptions-item>
       <el-descriptions-item label="社会统一信用代码:">{{ detailList.code }}</el-descriptions-item>
@@ -67,7 +67,7 @@ const detailList = reactive({
   color: #666;
 }
 :deep(.el-descriptions__content) {
-  font-size: 16px;
+  font-size: 16px !important;
   font-weight: 400;
   color: #333333;
 }

src/modules/project/views/View.vue

@@ -37,7 +37,7 @@ const detailList = reactive({
 
 <template>
   <AppCard title="项目详情">
-    <el-descriptions :column="4">
+    <el-descriptions :column="4" direction="vertical">
       <el-descriptions-item>
         <el-image :src="detailList.logo" style="width: 100px" />
       </el-descriptions-item>
@@ -131,7 +131,7 @@ const detailList = reactive({
   color: #666;
 }
 :deep(.el-descriptions__content) {
-  font-size: 16px;
+  font-size: 16px !important;
   font-weight: 400;
   color: #333333;
 }