feat: 优化各层级折叠与标题样式

- 优化完善各层级下的折叠样式;桌面端隐藏,悬浮动画等
- 优化各层级标题;固定标题前的图标宽度,对齐标题
This commit is contained in:
rbetree
2026-01-02 20:05:07 +08:00
parent 30d50ebcd7
commit 0e151156df
2 changed files with 41 additions and 24 deletions

View File

@@ -6,24 +6,26 @@
data-level="{{#if level}}{{level}}{{else}}1{{/if}}"
data-container="categories">
<div class="category-header"{{#if level}}{{#ifCond level '===' 2}} data-toggle="category"{{/ifCond}}{{else}}{{#unless subcategories}}{{#unless groups}} data-toggle="category"{{/unless}}{{/unless}}{{/if}}>
<div class="category-header"{{#if subcategories}} data-toggle="category"{{else}}{{#if groups}} data-toggle="category"{{else}}{{#if sites}} data-toggle="category"{{/if}}{{/if}}{{/if}}>
<h{{#if level}}{{add level 1}}{{else}}2{{/if}} data-editable="category-name">
<i class="{{icon}}"></i>
{{name}}
{{#if level}}
{{#ifCond level '===' 2}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{/ifCond}}
{{#if subcategories}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{else}}
{{#unless subcategories}}
{{#unless groups}}
{{#if groups}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{/unless}}
{{/unless}}
{{else}}
{{#if sites}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{/if}}
{{/if}}
{{/if}}
</h{{#if level}}{{add level 1}}{{else}}2{{/if}}>
</div>