103 lines
3.1 KiB
JavaScript
103 lines
3.1 KiB
JavaScript
Page({
|
||
onShow() {
|
||
// 原有代码...
|
||
|
||
// 🆕 注册通知组件
|
||
this.registerNotificationComponent();
|
||
},
|
||
|
||
// 🆕 新增：注册通知组件
|
||
registerNotificationComponent() {
|
||
const app = getApp();
|
||
const notificationComp = this.selectComponent('#global-notification');
|
||
|
||
if (notificationComp && notificationComp.showNotification) {
|
||
console.log('🏪 商城页面注册通知组件');
|
||
app.globalData.globalNotification = {
|
||
show: (data) => notificationComp.showNotification(data),
|
||
hide: () => notificationComp.hideNotification()
|
||
};
|
||
}
|
||
},
|
||
data: {
|
||
// 图片URL（带时间戳避免缓存）
|
||
imageUrl: '',
|
||
// 容器高度（初始为100vh，加载后调整为图片高度）
|
||
containerHeight: 0
|
||
},
|
||
|
||
onLoad() {
|
||
// 初始设置容器高度为屏幕高度
|
||
this.getSystemInfo()
|
||
// 构建图片URL（带时间戳）
|
||
this.buildImageUrl()
|
||
},
|
||
|
||
// 获取系统信息
|
||
getSystemInfo() {
|
||
const res = wx.getSystemInfoSync()
|
||
this.setData({
|
||
containerHeight: res.windowHeight
|
||
})
|
||
},
|
||
|
||
// 构建图片URL（关键：加时间戳避免缓存）
|
||
buildImageUrl() {
|
||
const app = getApp()
|
||
const ossImageUrl = app.globalData.ossImageUrl || ''
|
||
const dashouguize = app.globalData.dashouguize || ''
|
||
|
||
// 加上时间戳参数，强制每次重新加载
|
||
const timestamp = new Date().getTime()
|
||
const fullImageUrl = ossImageUrl + dashouguize + '?t=' + timestamp
|
||
|
||
//console.log('规则图片URL（带时间戳）:', fullImageUrl)
|
||
|
||
this.setData({
|
||
imageUrl: fullImageUrl
|
||
})
|
||
},
|
||
|
||
// 图片加载成功
|
||
onImageLoad(e) {
|
||
//console.log('图片加载成功，原始尺寸:', e.detail.width, 'x', e.detail.height)
|
||
|
||
// 根据图片实际高度设置容器高度
|
||
// 图片宽度为屏幕宽度，高度按比例计算
|
||
const systemInfo = wx.getSystemInfoSync()
|
||
const screenWidth = systemInfo.screenWidth // 单位：px
|
||
|
||
// 图片的实际像素尺寸
|
||
const imageWidth = e.detail.width
|
||
const imageHeight = e.detail.height
|
||
|
||
// 计算在小程序中显示的高度（保持比例）
|
||
// 图片在小程序中宽度为100%屏幕宽度，高度按比例缩放
|
||
const displayHeight = (imageHeight / imageWidth) * screenWidth
|
||
|
||
//console.log('计算后显示高度:', displayHeight, 'px')
|
||
|
||
// 设置容器高度为图片高度
|
||
this.setData({
|
||
containerHeight: displayHeight
|
||
})
|
||
},
|
||
|
||
// 图片加载失败
|
||
onImageError() {
|
||
console.error('图片加载失败')
|
||
wx.showToast({
|
||
title: '图片加载失败',
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
},
|
||
|
||
// 下拉刷新
|
||
onPullDownRefresh() {
|
||
// 重新构建图片URL（带新时间戳）
|
||
this.buildImageUrl()
|
||
// 停止下拉刷新
|
||
wx.stopPullDownRefresh()
|
||
}
|
||
}) |