fix: 优化唯一标识详情布局

This commit is contained in:
czl231
2026-08-11 10:40:58 +08:00
parent 6545952e80
commit ed6e2f7d75
2 changed files with 54 additions and 0 deletions

View File

@@ -1,3 +1,4 @@
<!-- 功能描述紧凑展示资源唯一标识并支持点击复制完整值版本v1.1.0 -->
<template>
<a-tooltip :content="`${value}\n点击复制完整唯一标识`">
<button class="identity-text" type="button" :aria-label="`复制完整唯一标识 ${value}`" @click="copyIdentity">
@@ -25,9 +26,15 @@ async function copyIdentity() {
<style scoped>
.identity-text {
/* 网格子项保持内容宽度,避免按钮拉伸后文字居中形成多余空白。 */
justify-self: start;
width: fit-content;
max-width: 100%;
padding: 0;
color: rgb(var(--primary-6));
font: inherit;
text-align: left;
white-space: nowrap;
background: transparent;
border: 0;
cursor: pointer;