样式调整

src/modules/project/views/View.vue

@@ -43,20 +43,20 @@ onMounted(() => {
 
 <template>
   <AppCard title="项目详情">
-    <el-descriptions :column="4" direction="vertical">
-      <el-descriptions-item>
-        <el-image :src="detailList.logo" style="width: 150px" />
-      </el-descriptions-item>
+    <el-row>
+      <el-col :span="8">
+        <el-image :src="detailList.logo" style="width: 100px" />
+      </el-col>
+      <el-col :span="16">
+        <el-descriptions :column="3" direction="vertical">
           <el-descriptions-item label="项目名称:">{{ detailList.name }}</el-descriptions-item>
           <el-descriptions-item label="开始时间:">
             {{ detailList.start_time }}
           </el-descriptions-item>
           <el-descriptions-item label="联系人:">{{ detailList.contact }}</el-descriptions-item>
-      <el-descriptions-item></el-descriptions-item>
-
-      <el-descriptions-item label="项目类型:">{{
-        typeMap.filter(item => item.value === detailList.type)[0]?.label
-      }}</el-descriptions-item>
+          <el-descriptions-item label="项目类型:">
+            {{ typeMap.filter(item => item.value === detailList.type)[0]?.label }}
+          </el-descriptions-item>
           <el-descriptions-item label="结束时间:">
             {{ detailList.end_time }}
           </el-descriptions-item>
@@ -64,6 +64,8 @@ onMounted(() => {
             {{ detailList.contact_mobile }}
           </el-descriptions-item>
         </el-descriptions>
+      </el-col>
+    </el-row>
     <div class="project_intro_title">项目介绍</div>
     <div class="project_intro_desc" v-html="detailList.desc"></div>
     <div class="project_intro_title">项目文件</div>