jingrowlocal/jingrowlocal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

美化AttachImage控件

Browse Source
This commit is contained in:
jingrow 2025-10-16 23:15:59 +08:00
parent 0bf788119a
commit bcc51b1769
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/core/components/form/controls/AttachImage.vue
View File

@ -95,10 +95,11 @@ function clearValue() {
.attach-line { display: flex; align-items: center; gap: 8px; position: relative; width: 100%; }
.link-icon { opacity: .7; }
.file-link-wrap { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-link { color: #2563eb; text-decoration: underline; display: inline-block; }
.file-link { color: inherit; text-decoration: none; display: inline-block; }
.file-link:hover { text-decoration: underline; }
.actions { margin-left: auto; display: inline-flex; gap: 12px; }
.action { background: none; border: none; padding: 0; color: #2563eb; cursor: pointer; font-size: 13px; }
.action:hover { text-decoration: underline; }
.action { background: transparent; border: none; padding: 2px 6px; color: inherit; cursor: pointer; font-size: 13px; border-radius: 6px; line-height: 1.4; }
.action:hover { text-decoration: underline; background: #f2f3f5; }
.preview-popover { position: absolute; bottom: calc(100% + 8px); left: 0; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.12); z-index: 20; }
.preview-popover img { width: 160px; height: 160px; object-fit: contain; border-radius: 8px; display: block; }
</style>