study/ClipboardManager
1
0
Fork 0
mirror of https://github.com/ZiuChen/ClipboardManager.git synced 2025-06-07 22:04:06 +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>
<div class="clip-data"> <div class="clip-data">
<template v-if="item.type === 'text'"> <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() }} {{ item.data.split(`\n`).slice(0, 6).join(`\n`).trim() }}
</div> </div>
</template> </template>
@ -29,7 +32,14 @@
<img class="clip-data-image" :src="item.data" alt="Image" /> <img class="clip-data-image" :src="item.data" alt="Image" />
</template> </template>
<template v-if="item.type === 'file'"> <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)" /> <FileList :data="JSON.parse(item.data).slice(0, 6)" />
</div> </div>
</template> </template>