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;
}