feat: 微调ui布局

This commit is contained in:
rbetree
2025-12-22 22:43:14 +08:00
parent 03b743e337
commit ba78c8e564
6 changed files with 204 additions and 93 deletions

View File

@@ -6,13 +6,25 @@
data-level="{{#if level}}{{level}}{{else}}1{{/if}}"
data-container="categories">
<div class="category-header" data-toggle="category">
<div class="category-header"{{#if level}}{{#ifCond level '===' 2}} data-toggle="category"{{/ifCond}}{{else}}{{#unless subcategories}}{{#unless groups}} data-toggle="category"{{/unless}}{{/unless}}{{/if}}>
<h{{#if level}}{{add level 1}}{{else}}2{{/if}} data-editable="category-name">
<i class="{{icon}}"></i>
{{name}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{#if level}}
{{#ifCond level '===' 2}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{/ifCond}}
{{else}}
{{#unless subcategories}}
{{#unless groups}}
<span class="toggle-icon">
<i class="fas fa-chevron-down"></i>
</span>
{{/unless}}
{{/unless}}
{{/if}}
</h{{#if level}}{{add level 1}}{{else}}2{{/if}}>
</div>
@@ -20,7 +32,11 @@
{{#if subcategories}}
<div class="subcategories-container" data-container="subcategories">
{{#each subcategories}}
{{> category level=2}}
{{#if ../level}}
{{> category level=(add ../level 1)}}
{{else}}
{{> category level=2}}
{{/if}}
{{/each}}
</div>
{{/if}}

View File

@@ -4,14 +4,11 @@
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">
<div class="group-header">
<h{{#if level}}{{add level 1}}{{else}}4{{/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}}>
</h{{#if level}}{{add level 1}}{{else}}4{{/if}}>
</div>
<div class="group-content">

View File

@@ -66,7 +66,12 @@
<!-- 左侧导航 -->
<nav class="sidebar">
<div class="logo">
<h1 data-editable="logo-text">{{site.logo_text}}</h1>
<div class="logo-brand">
{{#if site.favicon}}
<img class="logo-image" src="./{{site.favicon}}" alt="{{site.title}} logo" width="26" height="26">
{{/if}}
<h1 data-editable="logo-text">{{site.logo_text}}</h1>
</div>
<button class="sidebar-toggle" aria-label="收起/展开侧边栏">
<i class="fas fa-chevron-left toggle-icon"></i>
</button>