feat: 实现主题管理功能，优化样式和组件

utils/filters.js

@@ -3,6 +3,11 @@ import { getUserInfo } from "@/api/members";
 import storage from "@/utils/storage.js";
 import config from "@/config/config";
 import Foundation from "./Foundation.js";
+import store from "@/store";
+
+function getMainColor() {
+  return store.getters.mainColor || config.mainColor;
+}
 
 /**
  * 解析商品图片地址，兼容上传 JSON 与纯 URL，非法时返回占位图
@@ -356,7 +361,7 @@ export function quiteLoginOut () {
   uni.showModal({
     title: "提示",
     content: "是否退出登录？",
-    confirmColor: config.mainColor,
+    confirmColor: getMainColor(),
     async success (res) {
       if (res.confirm) {
         storage.setAccessToken("");
@@ -378,7 +383,7 @@ export function logoff () {
   uni.showModal({
     title: "提示",
     content: "确认注销用户么？注销用户将无法再次登录并失去当前数据。",
-    confirmColor: config.mainColor,
+    confirmColor: getMainColor(),
     async success (res) {
       if (res.confirm) {
         await logoffConfirm();
@@ -415,7 +420,7 @@ export function tipsToLogin (type) {
       content: "当前用户未登录是否登录？",
       confirmText: "确定",
       cancelText: "取消",
-      confirmColor: config.mainColor,
+      confirmColor: getMainColor(),
       success: (res) => {
         if (res.confirm) {
           navigateToLogin();

utils/theme.js

@@ -0,0 +1,77 @@
+import config from "@/config/config";
+
+export const DEFAULT_THEME = {
+  mainColor: config.mainColor,
+  lightColor: config.lightColor,
+  aiderLightColor: config.aiderLightColor,
+};
+
+const STORAGE_KEY = "theme_setting";
+const EXPIRATION_KEY = "theme_setting_expiration_time";
+
+export function normalizeTheme(data = {}) {
+  return {
+    mainColor: data.themeColor || DEFAULT_THEME.mainColor,
+    lightColor: data.lightColor || DEFAULT_THEME.lightColor,
+    aiderLightColor: data.aiderLightColor || DEFAULT_THEME.aiderLightColor,
+  };
+}
+
+export function cacheTheme(theme) {
+  const expirationTime = new Date().setHours(new Date().getHours() + 1);
+  uni.setStorageSync(EXPIRATION_KEY, expirationTime);
+  uni.setStorageSync(STORAGE_KEY, theme);
+}
+
+export function loadCachedTheme() {
+  const expirationTime = uni.getStorageSync(EXPIRATION_KEY);
+  const cacheValid =
+    expirationTime && new Date() <= new Date(Number(expirationTime));
+  if (!cacheValid) return null;
+  try {
+    return uni.getStorageSync(STORAGE_KEY) || null;
+  } catch {
+    return null;
+  }
+}
+
+export function applyTabBarStyle(mainColor) {
+  if (!mainColor) return;
+  try {
+    uni.setTabBarStyle({
+      selectedColor: mainColor,
+    });
+  } catch (e) {
+    // 非 tabBar 页面可能报错，忽略
+  }
+}
+
+function hexToRgba(hex, alpha) {
+  if (!hex) return `rgba(255, 60, 42, ${alpha})`;
+  const normalized = String(hex).replace("#", "");
+  const full =
+    normalized.length === 3
+      ? normalized
+          .split("")
+          .map((c) => c + c)
+          .join("")
+      : normalized;
+  if (full.length !== 6) return `rgba(255, 60, 42, ${alpha})`;
+  const r = parseInt(full.slice(0, 2), 16);
+  const g = parseInt(full.slice(2, 4), 16);
+  const b = parseInt(full.slice(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+export function getThemeStyle(theme) {
+  const primary = theme.mainColor || DEFAULT_THEME.mainColor;
+  return {
+    "--theme-primary": primary,
+    "--theme-light": theme.lightColor || DEFAULT_THEME.lightColor,
+    "--theme-aider": theme.aiderLightColor || DEFAULT_THEME.aiderLightColor,
+    "--theme-primary-10": hexToRgba(primary, 0.1),
+    "--theme-primary-20": hexToRgba(primary, 0.2),
+    "--theme-primary-30": hexToRgba(primary, 0.3),
+    "--theme-primary-70": hexToRgba(primary, 0.7),
+  };
+}