【详情】修改左右两列宽度差异过大问题
parent
77f771f7b7
commit
e14321251d
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue