更新小程序图标组件,替换传统 emoji 为 iconfont 字体图标,提升视觉一致性。调整多个页面以使用新图标组件,优化用户界面体验。修复开发环境的 API 地址配置,并启用 URL 检查以增强安全性。删除不再使用的 iconfont CSS 文件,改为动态加载字体。增加动态加载 iconfont 的逻辑,确保在小程序中正确显示图标。

This commit is contained in:
Alex-larget
2026-03-18 17:01:26 +08:00
parent c55e54efbd
commit f8d7858825
25 changed files with 289 additions and 503 deletions

View File

@@ -14,8 +14,8 @@ App({
globalData: {
// API 基础地址:开发时修改下面一行切换环境
// baseUrl: "https://soulapi.quwanzhi.com",
baseUrl: 'http://localhost:8080', // 开发
// baseUrl: 'https://souldev.quwanzhi.com', // 测试
// baseUrl: 'http://localhost:8080', // 开发
baseUrl: 'https://souldev.quwanzhi.com', // 测试
// 小程序配置 - 真实AppID
appId: DEFAULT_APP_ID,
@@ -84,6 +84,9 @@ App({
onLaunch(options) {
this.globalData.readSectionIds = wx.getStorageSync('readSectionIds') || []
// 加载 iconfont字体图标。注意小程序不支持在 wxss 里用本地 @font-face 引用字体文件,
// 需使用 loadFontFace 动态加载(字体文件建议走 https CDN
this.loadIconFont()
// 获取系统信息
this.getSystemInfo()
@@ -111,6 +114,23 @@ App({
// 处理分享参数(推荐码绑定)
this.handleReferralCode(options)
},
// 动态加载 iconfont避免本地 @font-face 触发 do-not-use-local-path
loadIconFont() {
if (!wx.loadFontFace) return
// 来自 iconfont 项目Project id 5142223
// 线上/真机需把 at.alicdn.com 加入「downloadFile 合法域名」
const urlWoff2 = 'https://at.alicdn.com/t/c/font_5142223_1sq6pv9vvbt.woff2'
wx.loadFontFace({
family: 'iconfont',
source: `url("${urlWoff2}")`,
global: true,
success: () => {},
fail: (e) => {
console.warn('[Iconfont] loadFontFace failed:', e)
},
})
},
// 小程序显示时:处理分享参数、检测更新、刷新审核模式(从后台切回时)
onShow(options) {