first commit

apps/miniprogram/pages/about-app/index.js

@@ -0,0 +1,115 @@
+/* global Page, wx, require */
+
+const { getSettings } = require("../../utils/storage");
+const { buildThemeStyle, applyNavigationBarTheme } = require("../../utils/themeStyle");
+const {
+  getAboutBrand,
+  getAboutDetailContent,
+  getAboutFooterLinks,
+  getAboutUiCopy
+} = require("../../utils/aboutContent");
+const { normalizeUiLanguage } = require("../../utils/i18n");
+const { buildButtonIconThemeMaps } = require("../../utils/themedIcons");
+const { buildSvgButtonPressData, createSvgButtonPressMethods } = require("../../utils/svgButtonFeedback");
+
+// “关于”页分享出去后应回到小程序首页，而不是再次落到 about 详情页。
+const ABOUT_APP_SHARE_HOME_PATH = "/pages/connect/index";
+
+/**
+ * 将“关于”详情页按 Figma Frame 2223 落地：
+ * 1. 保留关于首页的 5 个入口结构不变；
+ * 2. 当前页只重排品牌区、信息卡、分享按钮和底部跳转；
+ * 3. 中间信息继续复用统一数据源，避免文案在多个页面分叉。
+ */
+function buildInfoRows(section) {
+  const bullets = Array.isArray(section && section.bullets) ? section.bullets : [];
+  return bullets.map((line, index) => {
+    const text = String(line || "").trim();
+    const matched = text.match(/^([^：:]+)[：:]\s*(.+)$/);
+    if (!matched) {
+      return {
+        key: `row-${index}`,
+        label: "",
+        value: text
+      };
+    }
+    return {
+      key: `row-${index}`,
+      label: `${matched[1]}：`,
+      value: matched[2]
+    };
+  });
+}
+
+Page({
+  data: {
+    ...buildSvgButtonPressData(),
+    brand: getAboutBrand("zh-Hans"),
+    pageContent: getAboutDetailContent("app", "zh-Hans"),
+    infoRows: [],
+    versionLine: "",
+    themeStyle: "",
+    footerLinks: getAboutFooterLinks("zh-Hans"),
+    uiCopy: getAboutUiCopy("zh-Hans"),
+    icons: {},
+    accentIcons: {}
+  },
+
+  onLoad() {
+    const brand = getAboutBrand("zh-Hans");
+    const pageContent = getAboutDetailContent("app", "zh-Hans");
+    const primarySection = Array.isArray(pageContent.sections) ? pageContent.sections[0] : null;
+    wx.setNavigationBarTitle({ title: pageContent.title || "关于" });
+    this.setData({
+      brand,
+      pageContent,
+      infoRows: buildInfoRows(primarySection),
+      versionLine: `${brand.version}·wechat·${brand.updatedAtCompact}`,
+      footerLinks: getAboutFooterLinks("zh-Hans"),
+      uiCopy: getAboutUiCopy("zh-Hans")
+    });
+    this.applyThemeStyle();
+  },
+
+  onShow() {
+    this.applyThemeStyle();
+  },
+
+  applyThemeStyle() {
+    const settings = getSettings();
+    const language = normalizeUiLanguage(settings.uiLanguage);
+    const brand = getAboutBrand(language);
+    const pageContent = getAboutDetailContent("app", language);
+    const primarySection = Array.isArray(pageContent.sections) ? pageContent.sections[0] : null;
+    const { icons, accentIcons } = buildButtonIconThemeMaps(settings);
+    applyNavigationBarTheme(settings);
+    wx.setNavigationBarTitle({ title: pageContent.title || "关于" });
+    this.setData({
+      brand,
+      pageContent,
+      infoRows: buildInfoRows(primarySection),
+      versionLine: `${brand.version}·wechat·${brand.updatedAtCompact}`,
+      footerLinks: getAboutFooterLinks(language),
+      uiCopy: getAboutUiCopy(language),
+      icons,
+      accentIcons,
+      themeStyle: buildThemeStyle(settings)
+    });
+  },
+
+  onOpenLink(event) {
+    const path = String(event.currentTarget.dataset.path || "").trim();
+    if (!path) return;
+    wx.navigateTo({ url: path });
+  },
+
+  onShareAppMessage() {
+    const brand = this.data.brand || getAboutBrand("zh-Hans");
+    return {
+      title: `${brand.productName} ${brand.version}`,
+      path: ABOUT_APP_SHARE_HOME_PATH
+    };
+  },
+
+  ...createSvgButtonPressMethods()
+});