提交昨晚至今早的修改

2026-01-28 10:46:54 +08:00
parent 4ab722a118
commit af316e6d94
13 changed files with 6635 additions and 196 deletions
--- a/pages/info/settings.uvue
+++ b/pages/info/settings.uvue
@@ -1033,4 +1033,94 @@ import i18n from '@/uni_modules/i18n/index.uts' // 保留用于语言切换
 .action-btn.primary .action-text {
 	color: #ffffff;
 }
+
+/* 响应式布局优化 */
+@media screen and (min-width: 480px) and (max-width: 767px) {
+	.settings-section {
+		margin: 12px 20px;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: flex-start;
+	}
+	
+	.section-header {
+		width: 100%;
+	}
+	
+	.setting-item {
+		flex: 1 0 calc(50% - 20px);
+		margin: 10px;
+		border: 1px solid #f0f0f0;
+		border-radius: 8px;
+		padding: 16px;
+		box-sizing: border-box;
+		border-bottom: none;
+		flex-direction: column;
+		align-items: flex-start;
+	}
+	
+	.item-content {
+		width: 100%;
+		margin-bottom: 10px;
+	}
+	
+	.item-label, .item-desc, .item-value {
+		display: block;
+		width: 100%;
+	}
+	
+	.toggle-switch, .item-arrow {
+		align-self: flex-end;
+		margin-top: auto;
+	}
+}
+
+@media screen and (min-width: 768px) {
+	.settings-page {
+		padding: 20px;
+		background-color: #f5f5f5;
+	}
+	
+	.settings-section {
+		margin: 0 auto 20px;
+		max-width: 800px;
+		border-radius: 12px;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: flex-start;
+	}
+	
+	.section-header {
+		width: 100%;
+	}
+	
+	.setting-item {
+		flex: 1 0 calc(33.333% - 20px);
+		margin: 10px;
+		border: 1px solid #f0f0f0;
+		border-radius: 8px;
+		padding: 16px;
+		box-sizing: border-box;
+		border-bottom: none;
+		flex-direction: column;
+		align-items: flex-start;
+	}
+	
+	.item-content {
+		width: 100%;
+		margin-bottom: 10px;
+	}
+	
+	.item-label, .item-desc, .item-value {
+		display: block;
+		width: 100%;
+	}
+	
+	.toggle-switch, .item-arrow {
+		align-self: flex-end;
+		margin-top: auto;
+	}
+}
 </style>