116 lines
3.6 KiB
JavaScript
116 lines
3.6 KiB
JavaScript
/* 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()
|
||
});
|