feat: 所有页面支持1到4层级的嵌套结构

This commit is contained in:
coolzr
2025-10-24 00:40:43 +08:00
parent 8d4d76184d
commit ad3cba549b
9 changed files with 846 additions and 43 deletions

View File

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

View File

@@ -0,0 +1,32 @@
<div class="group {{#if level}}group-level-{{level}}{{else}}group-level-3{{/if}}"
data-type="group"
data-name="{{name}}"
data-icon="{{icon}}"
data-level="{{#if level}}{{level}}{{else}}3{{/if}}">
<div class="group-header" data-toggle="group">
<h{{#if level}}{{add level 1}}{{else}}3{{/if}} data-editable="group-name">
<i class="{{icon}}"></i>
{{name}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
</h{{#if level}}{{add level 1}}{{else}}3{{/if}}>
</div>
<div class="group-content">
{{#if sites}}
<div class="sites-grid" data-container="sites">
{{#if sites.length}}
{{#each sites}}
{{> site-card}}
{{/each}}
{{else}}
<p class="empty-sites">暂无网站</p>
{{/if}}
</div>
{{else}}
<p class="empty-content">暂无网站</p>
{{/if}}
</div>
</div>