diff --git a/src/views/GroupAuth.vue b/src/views/GroupAuth.vue index a7a9ae8..478cc9e 100644 --- a/src/views/GroupAuth.vue +++ b/src/views/GroupAuth.vue @@ -45,12 +45,12 @@ 子组继承 - - {{ item.treeData.length }}个应用
+ + {{ item.treeData.length }}个应用
@@ -642,10 +642,7 @@ onMounted(async () => { .cat-card-header { display: flex; align-items: center; - /* 角标绝对定位的锚点 */ - position: relative; - /* 底部多留一行:容纳右下角的「N个应用」计数,避免与主行内容重叠 */ - padding: 8px 12px 26px; + padding: 8px 12px; background: #fafafa; border-bottom: 1px solid #e8eaec; cursor: pointer; @@ -676,9 +673,9 @@ onMounted(async () => { } .cat-count { - /* 计数下沉到卡片头右下角:脱离主行,避免与「子组继承 / 全部展开」抢主行宽度 */ + /* 计数贴在整张卡片右下角:与右侧「子组继承」复选框同列,脱离 tree 的文档流 */ position: absolute; - right: 12px; + right: 14px; bottom: 6px; color: #999; font-size: 12px; @@ -719,8 +716,9 @@ onMounted(async () => { } .cat-card-body { - padding: 6px 8px; - /* 子组继承复选框的绝对定位锚点:保证所有层级节点的复选框右对齐成一列 */ + /* 底部多留一行:容纳右下角的「N个应用」计数,避免压住最后一行节点 */ + padding: 6px 8px 24px; + /* 子组继承复选框 / 计数角标的绝对定位锚点:保证两者右对齐成一列 */ position: relative; }