style：样式调整

src/assets/styles/element/index.scss

@@ -3,7 +3,7 @@
 @forward 'element-plus/theme-chalk/src/common/var.scss' with (
   $colors: (
     'primary': (
-      'base': #3276fc
+      'base': #aa1941
     )
   )
 );

src/components/base/AppCard.vue

@@ -22,8 +22,8 @@ defineProps<{ title?: string }>()
 .app-card {
   background: #fff;
   box-shadow: 0 1px 6px 0 rgb(228 232 235 / 20%);
-  border-radius: 8px;
-  padding: 32px;
+  border-radius: 6px;
+  padding: 40px;
 }
 .app-card + .app-card {
   margin-top: 20px;
@@ -33,8 +33,14 @@ defineProps<{ title?: string }>()
 }
 .app-card-hd__title {
   flex: 1;
+  padding-left: 5px;
   font-size: 18px;
-  font-weight: 700;
-  margin-bottom: 16px;
+  font-weight: 500;
+  line-height: 1;
+  margin-bottom: 24px;
+  border-left: 4px solid #aa1941;
+}
+.app-card-bd {
+  padding: 10px;
 }
 </style>

src/components/layout/Aside.vue

@@ -103,4 +103,9 @@ const defaultActive = computed(() => {
     border-radius: 8px;
   }
 }
+.el-menu-item {
+  &.is-active {
+    color: #aa1941;
+  }
+}
 </style>

src/components/layout/Header.vue

@@ -62,7 +62,7 @@ const logout = async () => {
   align-items: center;
   justify-content: space-between;
   height: 64px;
-  background-color: #3276fc;
+  background-color: #aa1941;
   color: #fff;
   .logo {
     width: 120px;

src/modules/alumni/views/View.vue

@@ -68,11 +68,11 @@ const detailList = reactive({
   </AppCard>
 </template>
 <style lang="scss" scoped>
-:deep(.el-descriptions__title) {
-  font-size: 18px;
-  font-weight: 500;
-  color: #333333;
-}
+// :deep(.el-descriptions__title) {
+//   font-size: 18px;
+//   font-weight: 500;
+//   color: #333333;
+// }
 :deep(.el-descriptions__label) {
   font-size: 14px;
   font-weight: 400;

src/modules/compnay/views/View.vue

@@ -26,20 +26,20 @@ const detailList = reactive({
 
 <template>
   <AppCard title="公司详情">
-    <el-descriptions :column="2" border>
+    <el-descriptions :column="2">
       <el-descriptions-item label="公司名称:">{{ detailList.name }}</el-descriptions-item>
-      <el-descriptions-item label="企业邮箱:">{{ detailList.email }}</el-descriptions-item>
+      <el-descriptions-item label="企业邮箱:" align="left">{{ detailList.email }}</el-descriptions-item>
       <el-descriptions-item label="社会统一信用代码:">{{ detailList.code }}</el-descriptions-item>
-      <el-descriptions-item label="公司运营性质:">
+      <el-descriptions-item label="公司运营性质:" align="left">
         {{ detailList.nature }}
       </el-descriptions-item>
       <el-descriptions-item label="营业执照附件:">
         <el-image :src="detailList.business_licence" style="width: 300px"></el-image>
       </el-descriptions-item>
-      <el-descriptions-item label="公司Logo:">
+      <el-descriptions-item label="公司Logo:" class="logo_class">
         <el-image :src="detailList.logo" style="width: 300px"></el-image>
       </el-descriptions-item>
-      <el-descriptions-item label="公司介绍:" :span="2">
+      <el-descriptions-item label="公司介绍:" :span="1">
         <div class="project_intro">
           {{ detailList.desc }}
         </div>

src/modules/job/views/View.vue

@@ -51,7 +51,7 @@ const detailList = reactive({
 <style lang="scss" scoped>
 .project_intro {
   padding: 27px 25px 30px 27px;
-  background: rgba(248, 248, 248, 0.39);
+  background: #f8f8f8;
   opacity: 1;
   border-radius: 20px;
   margin-top: 16px;

src/modules/project/views/View.vue

@@ -37,7 +37,7 @@ const detailList = reactive({
 
 <template>
   <AppCard title="项目详情">
-    <el-descriptions :column="4" direction="vertical">
+    <el-descriptions :column="4">
       <el-descriptions-item>
         <el-image :src="detailList.logo" style="width: 100px" />
       </el-descriptions-item>
@@ -76,7 +76,7 @@ const detailList = reactive({
     </el-row>
   </AppCard>
 </template>
-<style lang="scss">
+<style lang="scss" scoped>
 .project_intro_title {
   font-size: 18px;
   font-weight: 500;
@@ -85,8 +85,7 @@ const detailList = reactive({
 }
 .project_intro_desc {
   padding: 27px 25px 30px 27px;
-
-  background: rgba(248, 248, 248, 0.39);
+  background: #f8f8f8;
   opacity: 1;
   border-radius: 20px;
   margin-top: 16px;
@@ -126,12 +125,12 @@ const detailList = reactive({
     }
   }
 }
-:deep(.is-vertical-label) {
+:deep(.el-descriptions__label) {
   font-size: 14px;
   font-weight: 400;
   color: #666;
 }
-:deep(.is-vertical-content) {
+:deep(.el-descriptions__content) {
   font-size: 16px;
   font-weight: 400;
   color: #333333;