样式调整

src/modules/alumni/views/List.vue

 <script setup lang="ts">
 const appList = ref()
 
-const listOptions = {
+const listOptions = $computed(() => {
+  return {
     remote: {
       params: { type: '' }
     },
     filters: [
       { type: 'input', prop: 'username', placeholder: '姓名' },
-    { type: 'input', prop: 'sex', placeholder: '性别' },
+      {
+        type: 'select',
+        prop: 'sex',
+        placeholder: '性别',
+        options: [
+          { value: '0', label: '男' },
+          { value: '1', label: '女' }
+        ]
+      },
       { type: 'input', prop: 'class_id', placeholder: '班级' },
-    { type: 'select', prop: 'province', placeholder: '省份' },
-    { type: 'select', prop: 'city', placeholder: '城市' },
-    { type: 'select', prop: 'industry', placeholder: '所在行业' },
+      { type: 'input', prop: 'province', placeholder: '省份' },
+      { type: 'input', prop: 'city', placeholder: '城市' },
+      { type: 'input', prop: 'industry', placeholder: '所在行业' },
       { type: 'input', prop: 'workplace', placeholder: '工作单位' }
     ],
     columns: [
@@ -30,7 +39,8 @@ const listOptions = {
         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;
 }