Files
menav/templates/components/category.hbs
rbetree 0e151156df feat: 优化各层级折叠与标题样式
- 优化完善各层级下的折叠样式;桌面端隐藏,悬浮动画等
- 优化各层级标题;固定标题前的图标宽度,对齐标题
2026-01-02 20:16:18 +08:00

75 lines
2.6 KiB
Handlebars

<section class="category {{#if level}}category-level-{{level}}{{else}}category-level-1{{/if}}"
id="{{name}}"
data-type="category"
data-name="{{name}}"
data-icon="{{icon}}"
data-level="{{#if level}}{{level}}{{else}}1{{/if}}"
data-container="categories">
<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 subcategories}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{else}}
{{#if groups}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{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>
<div class="category-content">
{{#if subcategories}}
<div class="subcategories-container" data-container="subcategories">
{{#each subcategories}}
{{#if ../level}}
{{> category level=(add ../level 1)}}
{{else}}
{{> category level=2}}
{{/if}}
{{/each}}
</div>
{{/if}}
{{#if groups}}
<div class="groups-container" data-container="groups">
{{#each groups}}
{{> group}}
{{/each}}
</div>
{{/if}}
{{#if sites}}
<div class="sites-grid" data-container="sites">
{{#if sites.length}}
{{#each sites}}
{{> site-card style=@root.siteCardStyle}}
{{/each}}
{{else}}
<p class="empty-sites">暂无网站</p>
{{/if}}
</div>
{{/if}}
{{#unless subcategories}}
{{#unless groups}}
{{#unless sites}}
<p class="empty-content">暂无内容</p>
{{/unless}}
{{/unless}}
{{/unless}}
</div>
</section>