【详情】修改左右两列宽度差异过大问题

dianlixunjian
Zhufu 2024-06-20 16:58:09 +08:00
parent 77f771f7b7
commit e14321251d
1 changed files with 19 additions and 5 deletions

View File

@ -2,7 +2,14 @@
<template v-if="haveTab">
<a-tabs v-model:activeKey="selectTab">
<a-tab-pane v-for="(tab, tabIndex) in showList" :key="tabIndex" :tab="tab.label">
<a-descriptions :column="2" bordered>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all'
}">
<template v-for="(item, index) in tab.children" :key="index">
<a-descriptions-item v-if="item.component === 'ImageUpload'" :label="item.label">
<a-image
@ -11,15 +18,15 @@
height="100px"
:src="`${item.componentProps.server}/${item.infoShowValue}`"
></a-image>
<div v-else style="opacity: 0.3">{{"(暂无)"}}</div>
<div v-else style="opacity: 0.3; user-select: none;">{{"(暂无)"}}</div>
</a-descriptions-item>
<a-descriptions-item v-else-if="item.component === 'VideoUpload'" :label="item.label">
<img v-if="item.infoShowValue" style="width: 100px; height: 100px; cursor: pointer;" src="./video.png" @click="handlePreview(item)" alt="">
<div v-else style="opacity: 0.3">{{"(暂无)"}}</div>
<div v-else style="opacity: 0.3; user-select: none;">{{"(暂无)"}}</div>
</a-descriptions-item>
<a-descriptions-item v-else :label="item.label">
<div v-if="item.infoShowValue">{{ item.infoShowValue}}</div>
<div v-else style="opacity: 0.3">{{"(暂无)"}}</div>
<div v-else style="opacity: 0.3; user-select: none;">{{"(暂无)"}}</div>
</a-descriptions-item>
</template>
</a-descriptions>
@ -27,7 +34,14 @@
</a-tabs>
</template>
<template v-else>
<a-descriptions :column="2" bordered>
<a-descriptions
:column="2"
bordered
:contentStyle="{
'text-align': 'center',
'min-width': '250px',
'word-break': 'break-all'
}">
<template v-for="(item, index) in showList" :key="index">
<a-descriptions-item v-if="item.component === 'ImageUpload'" :label="item.label">
<a-image