add help entry

src/pages/tabs/HomeTab.vue

@@ -1,12 +1,12 @@
 <template>
-	<div class="entry-page">
+	<div class="home-tab">
 		<section
 			v-for="group in visibleEntryGroupList"
 			:key="group.title"
 			class="entry-group"
 		>
 			<h2 v-text="group.title" />
-			<div class="entry-list" :class="group.layout">
+			<div class="items" :class="group.layout">
 				<div
 					v-entrance-transition="index * 70"
 					v-for="(item, index) in group.entryList"
@@ -22,6 +22,17 @@
 				</div>
 			</div>
 		</section>
+		<t-button
+			class="help"
+			theme="primary"
+			variant="text"
+			content="使用帮助"
+			@click="go('/management/help')"
+		>
+			<template #icon>
+				<t-icon name="help-circle" />
+			</template>
+		</t-button>
 	</div>
 </template>
 
@@ -153,10 +164,10 @@ onUnmounted(() => {
 </script>
 
 <style scoped lang="less">
-.entry-page {
+.home-tab {
 	gap: 2rem;
 	display: flex;
-	padding: calc(var(--app-nav-height) + 1rem) 1rem 1rem 1rem;
+	padding: calc(var(--app-nav-height) + 1rem) 1rem 6rem 1rem;
 	flex-direction: column;
 
 	.entry-group {
@@ -172,9 +183,9 @@ onUnmounted(() => {
 			font-weight: 700;
 		}
 
-		.entry-list {
-			display: grid;
+		.items {
 			gap: .875rem;
+			display: grid;
 			grid-template-columns: repeat(3, minmax(0, 1fr));
 
 			.item {
@@ -207,17 +218,25 @@ onUnmounted(() => {
 					align-items: center;
 					flex-direction: column;
 					justify-content: center;
-				}
 
-				h2 {
-					margin: 0;
-					font-size: .75rem;
-					line-height: 1.5;
+					h2 {
+						margin: 0;
+						font-size: .75rem;
+						line-height: 1.5;
+					}
 				}
-
 			}
 		}
 	}
+
+	.help {
+		--td-button-border-radius: 1rem;
+
+		width: 8rem;
+		margin: 0 auto;
+		background: white;
+		box-shadow: var(--td-shadow-3);
+	}
 }
 
 :global(html.theme-dark) {