84 lines
2.1 KiB
JavaScript
84 lines
2.1 KiB
JavaScript
/**
|
||
* 运行环境：区分手机微信与 PC 微信（Windows / Mac）。
|
||
* 大屏适配只认官方 platform，开发者工具手机预览不要走 PC 布局。
|
||
*/
|
||
|
||
export const PC_PAGE_MAX_WIDTH = 1200
|
||
|
||
const PC_PLATFORMS = { windows: true, mac: true }
|
||
|
||
export function isPcWeixin() {
|
||
try {
|
||
const sys = uni.getSystemInfoSync() || {}
|
||
const platform = String(sys.platform || '').toLowerCase()
|
||
return !!PC_PLATFORMS[platform]
|
||
} catch (e) {
|
||
return false
|
||
}
|
||
}
|
||
|
||
export function getWindowWidth() {
|
||
try {
|
||
const sys = uni.getSystemInfoSync() || {}
|
||
return Number(sys.windowWidth) || 375
|
||
} catch (e) {
|
||
return 375
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 宽屏商品列数：卡片跟着窗口变窄、一行变多。
|
||
* 手机仍双列；iPad / PC 中窗起加列，避免 rpx 把两列撑得过大。
|
||
*/
|
||
export function goodsColsByWidth(width) {
|
||
const w = Number(width) || 375
|
||
if (w >= 1200) return 5
|
||
if (w >= 900) return 4
|
||
if (w >= 600) return 3
|
||
return 2
|
||
}
|
||
|
||
/**
|
||
* 首页分类宫格列数：格子比商品卡更小，更早加列。
|
||
* mosaic / featured 这种非对称布局不要用这个函数去覆盖。
|
||
*/
|
||
export function catColsByWidth(width) {
|
||
const w = Number(width) || 375
|
||
if (w >= 1100) return 6
|
||
if (w >= 800) return 5
|
||
if (w >= 480) return 4
|
||
return 3
|
||
}
|
||
|
||
const widthListeners = []
|
||
let resizeBound = false
|
||
|
||
function emitWindowWidth(res) {
|
||
const size = (res && res.size) || {}
|
||
const width = Number(size.windowWidth) || getWindowWidth()
|
||
widthListeners.forEach((fn) => {
|
||
try {
|
||
fn(width)
|
||
} catch (e) {
|
||
// 单个页面抛错不影响其它订阅
|
||
}
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 订阅窗口宽度。PC 拉伸窗口时通知页面改列数。
|
||
* 返回取消订阅函数，页面销毁时必须调用。
|
||
*/
|
||
export function watchWindowWidth(fn) {
|
||
if (typeof fn !== 'function') return function noop() {}
|
||
widthListeners.push(fn)
|
||
if (!resizeBound && typeof uni.onWindowResize === 'function') {
|
||
uni.onWindowResize(emitWindowWidth)
|
||
resizeBound = true
|
||
}
|
||
return function unwatch() {
|
||
const idx = widthListeners.indexOf(fn)
|
||
if (idx >= 0) widthListeners.splice(idx, 1)
|
||
}
|
||
}
|