Browse Source

refactor(utils): 优化复制成功提示信息的样式

- 在复制成功提示信息中添加省略号和单行显示,以适应长文本
- 限制文本最大宽度,避免提示信息过长
WanGxC 6 months ago
parent
commit
46c14d10a5
1 changed files with 4 additions and 1 deletions
  1. 4 1
      src/utils/useCopyText.ts

+ 4 - 1
src/utils/useCopyText.ts

@@ -12,7 +12,10 @@ export function handleCopy(copyText: string) {
     if (successful) {
       ElMessage.info({
         dangerouslyUseHTMLString: true,
-        message: `<span class="font-medium" style="color: #1D2129;">${ textarea.value }</span> 已复制至剪切板`,
+        message: `<div class="flex items-center">
+                    <div class="font-medium text-ellipsis line-clamp-1" style="color: #1D2129; max-width: 300px">${ textarea.value }</div>
+                    <div class="ml-2">已复制至剪切板</div>
+                  </div>`,
         plain: true,
         icon: 'DocumentCopy'
       });