refactor pages struct

2026-01-28 14:11:54 +08:00
parent 8adc28ae9c
commit 965743be38
73 changed files with 234 additions and 176 deletions
--- a/miniprogram/pages/main/tabs/about/index.less
+++ b/miniprogram/pages/main/tabs/about/index.less
@@ -0,0 +1,106 @@
+/* pages/info/info.less */
+page {
+	display: flex;
+	flex-direction: column;
+}
+
+.info {
+	height: 100%;
+	display: flex;
+	padding: 100rpx 0;
+	box-sizing: border-box;
+	flex-direction: column;
+
+	.cotainer {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+
+		.header {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
+	
+			.logo {
+				width: 128px;
+				height: 128px;
+				display: block;
+				border-radius: 4px;
+				box-shadow: 2px 2px 8px var(--theme-shadow-medium);
+				margin-bottom: 1rem;
+			}
+
+			.name {
+				margin: 0 .5rem;
+				display: inline-block;
+
+				&.gao {
+					color: var(--theme-brand-gao);
+				}
+
+				&.yeyu {
+					color: var(--theme-brand-yeyu);
+				}
+			}
+		}
+
+		.text {
+			color: var(--theme-text-secondary);
+			font-size: 12px;
+			text-align: center;
+
+			.love {
+				color: transparent;
+				font-size: 1.25rem;
+				animation: loveGradient 1000ms linear infinite;
+				text-align: center;
+				background: linear-gradient(90deg, var(--theme-brand-gao-light), var(--theme-brand-gao), var(--theme-brand-gao-dark), var(--theme-brand-gao), var(--theme-brand-gao-light));
+				font-weight: bold;
+				font-family: "Arial", sans-serif;
+				margin-bottom: 1rem;
+				background-size: 200% 100%;
+				background-clip: text;
+				-webkit-background-clip: text;
+				-webkit-text-fill-color: transparent;
+			}
+
+			@keyframes loveGradient {
+				0% {
+					background-position: 0% 50%;
+				}
+				100% {
+					background-position: 200% 50%;
+				}
+			}
+		}
+	
+		.footer {
+			display: flex;
+			align-items: center;
+			flex-direction: column;
+
+			.exit {
+				color: var(--theme-error);
+				width: 10rem;
+				margin-bottom: 1rem;
+			}
+
+			.item {
+				font-size: 14px;
+				text-align: center;
+
+				.label {
+					color: var(--theme-text-secondary);
+				}
+
+				&.copyright {
+					display: flex;
+					font-size: 12px;
+					flex-direction: column;
+				}
+			}
+		}
+	}
+}