样式调整

src/modules/project/views/View.vue

@@ -43,27 +43,29 @@ 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-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="结束时间:">
-        {{ detailList.end_time }}
-      </el-descriptions-item>
-      <el-descriptions-item label="联系电话:">
-        {{ detailList.contact_mobile }}
-      </el-descriptions-item>
-    </el-descriptions>
+    <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 label="项目类型:">
+            {{ typeMap.filter(item => item.value === detailList.type)[0]?.label }}
+          </el-descriptions-item>
+          <el-descriptions-item label="结束时间:">
+            {{ detailList.end_time }}
+          </el-descriptions-item>
+          <el-descriptions-item label="联系电话:">
+            {{ 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>