unika-components
Version:
Unika Vue3 components library
54 lines (52 loc) • 2.69 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="telephone=no" name="format-detection">
<meta name="format-detection" content="email=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="referrer" content="strict-origin-when-cross-origin" />
<title>unika-components</title>
<script>// 页面加载后执行
window.addEventListener('DOMContentLoaded', function() {
// 记录原始视口高度和滚动位置
var originalHeight = window.innerHeight;
var isAndroid = /android/i.test(navigator.userAgent) ||
(typeof window.isAndroid !== 'undefined' && window.isAndroid) ||
(typeof window.newAndroid !== 'undefined' && window.newAndroid);
// 只在安卓设备上处理
if (isAndroid) {
// 为html和body添加固定高度
document.documentElement.style.height = originalHeight + 'px';
// 初始化后执行DOM操作
setTimeout(function() {
// 监听窗口大小变化
window.addEventListener('resize', function() {
// 键盘收起时
if (window.innerHeight >= originalHeight ) {
// 强制重置视图布局
document.body.style.height = originalHeight + 'px';
setTimeout(function() {
document.body.style.height = '';
window.scrollTo(0, 0);
}, 100);
}
});
}, 100);
}
});</script>
<link href="/js/app.js" rel="preload" as="script"><link href="/js/chunk-vendors.js" rel="preload" as="script"></head>
<body style="font-size: 12px">
<noscript>
<strong>We're sorry but unika-components doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app" style="font-family: PingFang SC, Microsoft Yahei, Lato, Helvetica Neue, Arial, SimSun, Helvetica, STHeiTi, Roboto Regular, Roboto, Droid Sans, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
width: 100%;
height: 100%;"></div>
<script type="text/javascript" src="/js/chunk-vendors.js"></script><script type="text/javascript" src="/js/app.js"></script></body>
</html>