study/ClipboardManager
1
0
Fork 0
mirror of https://github.com/ZiuChen/ClipboardManager.git synced 2025-08-18 23:09:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/cpns/ClipItemList.vue
View File

@ -14,7 +14,7 @@
<template v-if="item.type === 'text'"> <template v-if="item.type === 'text'">
<span <span
class="clip-data-status" 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)" @click.stop="handleDataClick(item)"
> >
查看全部 查看全部
@ -27,7 +27,7 @@
<template v-if="item.type === 'file'"> <template v-if="item.type === 'file'">
<span <span
class="clip-data-status" class="clip-data-status"
v-if="JSON.parse(item.data).length >= 8" v-if="JSON.parse(item.data).length >= 7"
@click.stop="handleDataClick(item)" @click.stop="handleDataClick(item)"
> >
查看全部 查看全部
@ -37,7 +37,7 @@
</div> </div>
<div class="clip-data"> <div class="clip-data">
<template v-if="item.type === 'text'"> <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>
<template v-if="item.type === 'image'"> <template v-if="item.type === 'image'">
<img class="clip-data-image" :src="item.data" alt="Image" /> <img class="clip-data-image" :src="item.data" alt="Image" />

4
src/style/cpns/clip-item-list.less
View File

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