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

feat: 支持鼠标悬停查看具体日期 添加分割线

Browse Source
This commit is contained in:
ZiuChen 2022-09-13 21:46:49 +08:00
parent 2facf3782f
commit 4c63964fdf
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/cpns/ClipItemList.vue
View File

@ -15,7 +15,9 @@
> >
<div class="clip-info"> <div class="clip-info">
<div class="clip-time"> <div class="clip-time">
<span>{{ dateFormat(item.updateTime) }}</span> <span class="relative-date" :title="new Date(item.updateTime).toLocaleString()">{{
dateFormat(item.updateTime)
}}</span>
</div> </div>
<div class="clip-data"> <div class="clip-data">
<template v-if="item.type === 'text'"> <template v-if="item.type === 'text'">

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

@ -37,8 +37,13 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-width: 100px; min-width: 95px;
span { max-width: 100px;
border: 0px solid @text-bg-color-lighter;
border-color: @text-bg-color-lighter;
border-style: solid;
border-width: 0px 2px 0px 0px;
.relative-date {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -55,8 +60,8 @@
overflow: hidden; overflow: hidden;
word-break: break-all; word-break: break-all;
max-height: 120px; max-height: 120px;
max-width: 490px; max-width: 520px;
padding: 5px; padding: 5px 5px 5px 10px;
white-space: pre-wrap; white-space: pre-wrap;
flex-direction: column; flex-direction: column;
color: @text-color; color: @text-color;