study/ClipboardManager
1
0
Fork 0
mirror of https://github.com/ZiuChen/ClipboardManager.git synced 2025-06-07 05:47:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 支持通过鼠标悬停展示更多数据信息

Browse Source
This commit is contained in:
ZiuChen 2022-09-13 22:10:45 +08:00
parent 2d7c36c4f3
commit 7ccb7be106
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/cpns/ClipItemList.vue
View File

@ -21,7 +21,10 @@
</div>
<div class="clip-data">
<template v-if="item.type === 'text'">
<div :class="{ 'clip-over-sized-content': isOverSizedContent(item) }">
<div
:class="{ 'clip-over-sized-content': isOverSizedContent(item) }"
:title="item.data"
>
{{ item.data.split(`\n`).slice(0, 6).join(`\n`).trim() }}
</div>
</template>
@ -29,7 +32,14 @@
<img class="clip-data-image" :src="item.data" alt="Image" />
</template>
<template v-if="item.type === 'file'">
<div :class="{ 'clip-over-sized-content': isOverSizedContent(item) }">
<div
:class="{ 'clip-over-sized-content': isOverSizedContent(item) }"
:title="
JSON.parse(item.data)
.map((item) => item.path)
.join('\n')
"
>
<FileList :data="JSON.parse(item.data).slice(0, 6)" />
</div>
</template>