<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>pbl-student</title>
<base target="_blank">
<style>
/* @charset "utf-8";
@font-face {
font-family: 'Source Han Sans SC';
src: url('./static/SourceHanSans-Regular.otf') format('truetype');
font-weight: normal;
font-style: normal;
} */
div::-webkit-scrollbar {
/*滚动条整体样式*/
width: 6px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 6px;
}
/*定义滚动条轨道 内阴影+圆角*/
div::-webkit-scrollbar-track {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.1);
}
/*定义滑块 内阴影+圆角*/
div::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: rgba(0, 0, 0, 0.1);
}
html,
body{
font-family: '黑体';
}
</style>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
<script>
function stopSafari() {
//阻止safari浏览器双击放大功能
let lastTouchEnd = 0 //更新手指弹起的时间
document.documentElement.addEventListener("touchstart", function (event) {
//多根手指同时按下屏幕，禁止默认行为
if (event.touches.length > 1) {
event.preventDefault();
}
});
document.documentElement.addEventListener("touchend", function (event) {
let now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
//当两次手指弹起的时间小于300毫秒，认为双击屏幕行为
event.preventDefault();
} else { // 否则重新手指弹起的时间
lastTouchEnd = now;
}
}, false);
//阻止双指放大页面
document.documentElement.addEventListener("gesturestart", function (event) {
event.preventDefault();
});
}
window.onload = () => {
stopSafari();
}
document.domain = "cocorobo.cn"
</script>