lianlonggang
7106e99a7b
- 实现头像加载失败处理机制，添加默认头像回退方案 - 使用 ref 状态追踪头像加载失败情况，避免 watchEffect 重置问题 - 更新位置服务地图链接，从腾讯地图切换到高德地图服务 - 配置 Vue 构建依赖转译，解决 element-plus 兼容性问题 - 移除多个无用的 SVG 图标文件，精简项目资源
56 lines
2.7 KiB
HTML
56 lines
2.7 KiB
HTML
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><link rel="icon" href="faviconnew.png"><title>即时通信</title><link href="css/vendors~app.28a73048.css" rel="stylesheet"><link href="css/app.7113887a.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but 腾讯云即时通信 Web-IM doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="./TCaptcha.js"></script><script src="./aegis.min.js"></script><script>/**
|
|
* 根据基础字体大小 和 效果图宽度设置 根节点字体大小
|
|
* @param baseFontSize 浏览器默认字体大小 [注]浏览器最小字体为12像素，所以该值必需大于等于12
|
|
* @param baseWidth 设计稿的尺寸
|
|
*/
|
|
function initFontSize() {
|
|
// 获取当前屏幕宽度
|
|
var clientWidth = document.documentElement.clientWidth || window.innerWidth;
|
|
// 根据宽度计算根节点字体大小
|
|
//初始化 字体16px , 设计稿宽1920px
|
|
var size = Math.floor((clientWidth / 1920) * 16);
|
|
|
|
size = size > 12 ? size : 12;
|
|
|
|
document.querySelector('html').style.fontSize = size + 'px';
|
|
}
|
|
initFontSize();
|
|
// 窗口大小改变时设置根节点字体大小，通过字体大小来控制页面元素尺寸的缩放
|
|
window.addEventListener('resize', initFontSize);
|
|
|
|
// prevent page scaling
|
|
window.onload = function () {
|
|
var lastTouchEnd = 0;
|
|
// prevent double-click on scaling
|
|
document.addEventListener('touchstart', function (event) {
|
|
if (event.touches.length > 1) {
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
document.addEventListener(
|
|
'touchend',
|
|
function (event) {
|
|
var now = new Date().getTime();
|
|
if (now - lastTouchEnd <= 300) {
|
|
event.preventDefault();
|
|
}
|
|
lastTouchEnd = now;
|
|
},
|
|
false
|
|
);
|
|
// prevent double fingers on scaling
|
|
document.addEventListener('gesturestart', function (event) {
|
|
event.preventDefault();
|
|
});
|
|
document.addEventListener('dblclick', function (event) {
|
|
event.preventDefault();
|
|
});
|
|
// 阻止android部分浏览器原生强制允许放大
|
|
document.getElementById('app').addEventListener(
|
|
'touchmove',
|
|
function (e) {
|
|
e.stopPropagation();
|
|
},
|
|
false
|
|
);
|
|
};</script><script src="js/vendors~app.b38bf4ff.js"></script><script src="js/app.2f662ea4.js"></script></body></html> |