fix-营销管理配置中心样式调整

src/theme/element.scss

@@ -384,3 +384,11 @@ svg {
 	display: inline;
 	vertical-align: baseline;
 }
+
+// 单行省略号
+.text-ellipsis {
+  white-space: nowrap; // 禁止换行
+  overflow: hidden;    // 隐藏溢出内容
+  text-overflow: ellipsis; // 添加省略号
+	cursor: pointer; // 鼠标悬停时显示手型光标
+}

src/views/marketing/config/index.vue

@@ -45,9 +45,14 @@
 				<el-table-column :label="$t('marketingConfig.name')" fixed prop="domain" width="240" show-overflow-tooltip></el-table-column>
 				<el-table-column :label="$t('marketingConfig.config')" prop="configs">
 					<template #default="scope">
-						<div style="display: inline-block; margin-right: 10px;width: 22%; text-align: left; float: left;" v-for="item in scope.row.configs" :key="item.ip">
-							<!-- <el-tag  class="mr10">{{ item.ip }}</el-tag>： -->
-							<span style="display: inline-block;">{{ item.ip }}</span>：<el-link style="color: var(--el-color-primary);" :href="item.download">{{ item.appName }}</el-link>
+						<div style="display: flex; flex-wrap: wrap; margin-left: 14%;">
+							<div 
+								style="display: flex; margin-right: 30px; text-align: left; float: left; justify-content: start; line-height: 25px;" 
+								v-for="item in scope.row.configs" :key="item.ip">
+								<!-- <el-tag  class="mr10">{{ item.ip }}</el-tag>： -->
+								<span :title="item.ip" style="display: inline-block;">{{ item.ip }}</span>:
+								<el-link :title="item.appName" style="color: var(--el-color-primary); text-align: left;" :href="item.download">{{ item.appName }}</el-link>
+							</div>
 						</div>
 					</template>
 				</el-table-column>
@@ -145,3 +150,10 @@ const handleDelete = async (ids: string[]) => {
 	}
 };
 </script>
+<style scoped>
+:deep(.el-link__inner) {
+	display: inline-block;
+	width: 100%;
+	justify-content: start;
+}
+</style>