已存在的分类
-
- {% for main_id, cat in categories.items() %}
-
-
-
- {{ cat.name }} （ID: {{ main_id }})
- {{ cat.color }}
- {% if cat.get('private', False) %}
- 私有
- {% endif %}
-
-
-
-
-
-
+
+
+
+ {% for main_id, cat in categories.items()|sort(attribute='1.weight', reverse=True) %}
+
+
+
+ {{ cat.name }} （ID: {{ main_id }})
+ {{ cat.get('weight', 0) }}
+ {% if cat.get('private', False) %}
+ 私有
+ {% endif %}
+
+
+
+ {% for sub_id, subData in cat.sub.items()|sort(attribute='1.weight', reverse=True) %}
+
+
+ {{ subData.name }}（ID: {{ sub_id }})
+ {{ subData.get('weight', 0) }}
+ {% if cat.get('sub_private', {}).get(sub_id, False) %}
+ 私有
+ {% endif %}
+
+
+
+ {% endfor %}
+
-
- {% for sub_id, subData in cat.sub.items() %}
-
-
- {{ subData.name }}（ID: {{ sub_id }})
- {{ subData.color }}
- {% if cat.get('sub_private', {}).get(sub_id, False) %}
- 私有
- {% endif %}
-
-
+
+
+
+
+
+ {% for main_id, cat in categories.items()|sort(attribute='1.weight', reverse=True) %}
+
+
+
+
+
+
+
+
+
-
+
-
- {% endfor %}
-
-
- {% endfor %}
+
+
子分类列表
+ {% for sub_id, subData in cat.sub.items()|sort(attribute='1.weight', reverse=True) %}
+
+
+
+
+ {{ subData.name }} (ID: {{ sub_id }})
+ {{ subData.get('weight', 0) }}
+ {% if cat.get('sub_private', {}).get(sub_id, False) %}
+ 私有
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+
+
+ {% endfor %}
+
+
+
+ {% endfor %}
+
@@ -106,4 +317,15 @@
+
+
{% endblock %}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index edbe4d2..6e5eef1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,7 +2,7 @@
-
+
应用导航
{% if settings and settings.logo_type == 'image' and settings.logo_image %}
@@ -25,6 +25,9 @@
--bg-image: none;
--dark-bg-image: none;
}
+ * {
+ box-sizing: border-box;
+ }
body {
font-family: 'Segoe UI', system-ui, sans-serif;
max-width: 1400px;
@@ -33,6 +36,8 @@
background-color: #f8f9fa;
color: #333;
transition: background-color 0.3s ease, color 0.3s ease;
+ overflow-x: hidden;
+ width: 100%;
}
/* 新增私有卡片标记样式 */
@@ -45,7 +50,7 @@
border-style: solid;
border-width: 0 30px 30px 0;
border-color: transparent #f8961e transparent transparent;
- border-radius: 0 12px 0 0; /* 只圆角右上角 */
+ border-radius: 0 12px 0 0;
}
.private-badge::after {
@@ -152,6 +157,8 @@
margin: 20px auto;
max-width: 600px;
position: relative;
+ width: 100%;
+ padding: 0 15px;
}
.search-input {
width: 100%;
@@ -164,7 +171,7 @@
}
.search-results {
position: absolute;
- width: 100%;
+ width: calc(100% - 30px);
background: white;
border-radius: 0 0 10px 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
@@ -237,9 +244,24 @@
/* 暗黑模式下的按钮样式 */
body.dark-theme .floating-btn {
background: #444;
- color: #eee;
+ color: #e0e0e0;
}
+.floating-btn#addBtn {
+ background-color: var(--primary-color);
+ color: white;
+ display: none;
+}
+
+.floating-btn#addBtn:hover {
+ background-color: var(--hover-color);
+}
+
+body.dark-theme .floating-btn#addBtn {
+ background-color: #444;
+ color: #e0e0e0;
+}
+
/* 简洁模式卡片样式 */
.app-item.compact {
padding: 10px 15px;
@@ -330,7 +352,7 @@
color: #aaa !important;
}
- /* 修改后的筛选容器样式 - 支持横向滚动 */
+ /* 修改后的筛选容器样式 */
.filter-container {
display: flex;
flex-direction: column;
@@ -346,9 +368,14 @@
padding: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease, color 0.3s ease;
+ margin-left: -15px;
+ margin-right: -15px;
+ padding-left: 20px;
+ padding-right: 20px;
+ width: calc(100% + 30px);
}
- /* 修改后的筛选行样式 - 支持横向滚动 */
+ /* 修改后的筛选行样式 */
.filter-row {
display: flex;
flex-wrap: nowrap;
@@ -357,10 +384,13 @@
padding-bottom: 10px;
scrollbar-width: thin;
scrollbar-color: #c2c3c9d6;
- justify-content: center; /* 默认居中 */
- padding: 0 20px; /* 添加内边距 */
+ justify-content: center;
+ padding: 0 15px;
scroll-behavior: smooth;
position: relative;
+ margin-left: -10px;
+ margin-right: -10px;
+ width: calc(100% + 20px);
}
/* 当内容超出时靠左 */
@@ -417,8 +447,8 @@ body.dark-theme .filter-row::after {
font-size: 14px;
display: flex;
align-items: center;
- white-space: nowrap; /* 禁止按钮内文字换行 */
- flex-shrink: 0; /* 禁止按钮缩小 */
+ white-space: nowrap;
+ flex-shrink: 0;
}
.filter-btn:hover {
transform: translateY(-2px);
@@ -463,7 +493,7 @@ body.dark-theme .filter-row::after {
transform: rotate(90deg);
}
- /* 修改后的二级筛选容器样式 - 支持横向滚动 */
+ /* 修改后的二级筛选容器样式 */
.secondary-filters-container {
width: 100%;
display: none;
@@ -473,10 +503,13 @@ body.dark-theme .filter-row::after {
padding-bottom: 10px;
scrollbar-width: thin;
scrollbar-color: #c2c3c9d6;
- justify-content: center; /* 默认居中 */
- padding: 0 20px; /* 添加内边距 */
+ justify-content: center;
+ padding: 0 15px;
scroll-behavior: smooth;
position: relative;
+ margin-left: -10px;
+ margin-right: -10px;
+ width: calc(100% + 20px);
}
/* 私有主分类 */
@@ -542,6 +575,7 @@ body.dark-theme .secondary-filters-container::after {
.app-list-container {
margin-top: 20px;
position: relative;
+ width: 100%;
}
.category-title {
font-size: 20px;
@@ -558,11 +592,13 @@ body.dark-theme .secondary-filters-container::after {
}
.app-group {
margin-bottom: 30px;
+ width: 100%;
}
.app-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
+ width: 100%;
}
@media (max-width: 1200px) {
.app-list {
@@ -578,11 +614,34 @@ body.dark-theme .secondary-filters-container::after {
.app-list {
grid-template-columns: repeat(2, 1fr);
}
+ body {
+ padding: 15px;
+ }
+ .filter-container {
+ margin-left: -15px;
+ margin-right: -15px;
+ padding-left: 20px;
+ padding-right: 20px;
+ width: calc(100% + 30px);
+ }
+ .floating-btn::after {
+ display: none;
+ }
}
@media (max-width: 576px) {
.app-list {
grid-template-columns: 1fr;
}
+ body {
+ padding: 10px;
+ }
+ .filter-container {
+ margin-left: -10px;
+ margin-right: -10px;
+ padding-left: 15px;
+ padding-right: 15px;
+ width: calc(100% + 20px);
+ }
}
.app-item {
background-color: #ffffff69;
@@ -597,6 +656,7 @@ body.dark-theme .secondary-filters-container::after {
text-decoration: none;
color: inherit;
position: relative;
+ width: 100%;
}
.app-item:hover {
transform: translateY(-5px);
@@ -737,6 +797,7 @@ body.dark-theme .secondary-filters-container::after {
border-top: 1px solid #eee;
text-align: center;
color: #777;
+ width: 100%;
}
@@ -783,10 +844,12 @@ body.dark-theme .secondary-filters-container::after {
 }})
+ {% elif attachment.type == 'background' %}
+  }})
+ {% elif attachment.type == 'video' %}
+
+ {% else %}
+  }})
+ {% endif %}
+