Commit 270ccea9 authored by Data Governance Dev's avatar Data Governance Dev

feat(web3): 字段配置抽屉字段名旁加 ⓘ 图标 + hover 显示注释

1. FieldConfigDrawer:cn 后面加 el-tooltip 包裹的 InfoFilled 图标

   仅 f.comment 非空时显示,没注释的字段不出 icon(避免噪声)

2. global.css:.field-comment-icon 样式

   margin-left: auto 推到 flex 容器最右(关键,cn/en 用了 gap:8px)

   平时淡灰 #c0c4cc,整行 hover 时变蓝 #409eff + cursor: help
parent eb5cd26b
......@@ -13,6 +13,15 @@
<input type="checkbox" class="checkbox" v-model="localChecked[f.key]" />
<span class="cn">{{ f.cn }}</span>
<span class="en">{{ f.en }}</span>
<!-- 字段注释:有 comment 时在右侧放个 ⓘ 图标,hover 出 tooltip -->
<el-tooltip
v-if="f.comment"
:content="f.comment"
placement="top"
effect="dark"
>
<el-icon class="field-comment-icon"><InfoFilled /></el-icon>
</el-tooltip>
</label>
</div>
</div>
......
......@@ -287,6 +287,15 @@ table.dq-table tbody tr:last-child td { border-bottom: none; }
.field-check-item:hover { background: #f5f7fa; }
.field-check-item .cn { color: #1f2937; }
.field-check-item .en { color: #909399; font-size: 12px; margin-left: 4px; }
/* 字段注释 icon:推右、淡灰、hover 变蓝,提示可 hover 出 tooltip */
.field-comment-icon {
margin-left: auto;
color: #c0c4cc;
font-size: 14px;
cursor: help;
transition: color 0.15s;
}
.field-check-item:hover .field-comment-icon { color: #409eff; }
.drawer-footer {
padding: 10px 18px;
border-top: 1px solid #ebeef5;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment