更新小程序图标组件,替换传统 emoji 为 iconfont 字体图标,提升视觉一致性。调整多个页面以使用新图标组件,优化用户界面体验。修复开发环境的 API 地址配置,并启用 URL 检查以增强安全性。删除不再使用的 iconfont CSS 文件,改为动态加载字体。增加动态加载 iconfont 的逻辑,确保在小程序中正确显示图标。
This commit is contained in:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user