feat: 单条历史展示最大高度改为7行

This commit is contained in:
ZiuChen 2022-09-04 21:52:42 +08:00
parent 70469cd4b0
commit 3807c73149
2 changed files with 5 additions and 5 deletions

View File

@ -14,7 +14,7 @@
<template v-if="item.type === 'text'">
<span
class="clip-data-status"
v-if="item.data.split(`\n`).length - 1 > 8"
v-if="item.data.split(`\n`).length - 1 > 7"
@click.stop="handleDataClick(item)"
>
查看全部
@ -27,7 +27,7 @@
<template v-if="item.type === 'file'">
<span
class="clip-data-status"
v-if="JSON.parse(item.data).length >= 8"
v-if="JSON.parse(item.data).length >= 7"
@click.stop="handleDataClick(item)"
>
查看全部
@ -37,7 +37,7 @@
</div>
<div class="clip-data">
<template v-if="item.type === 'text'">
<div>{{ item.data.split(`\n`).slice(0, 8).join(`\n`).trim() }}</div>
<div>{{ item.data.split(`\n`).slice(0, 7).join(`\n`).trim() }}</div>
</template>
<template v-if="item.type === 'image'">
<img class="clip-data-image" :src="item.data" alt="Image" />

View File

@ -52,7 +52,7 @@
display: flex;
overflow: hidden;
word-break: break-all;
max-height: 150px;
max-height: 120px;
max-width: 500px;
padding: 5px;
white-space: pre-wrap;
@ -60,7 +60,7 @@
color: @text-color;
img.clip-data-image {
// 此 class用于区分 file的 image
max-height: 140px; // 比外框 max-height少一点 因为有 5px的边框
max-height: 100px; // 比外框 max-height少一点 因为有 5px的边框
max-width: 90%;
box-shadow: 0px 0px 3px @text-color;
}