9a342f7804
* fix(common): 🐛 apply issue * refactor(common): ♻️ refactor request by rust * feat(mobile): ✨ add navigation from home avatar to SimpleBio page * refactor(common): ♻️ refactor request by rust --> initial completion * refactor(common): ♻️ extract ImrequestUtils in frontend * refactor(common): ♻️ refactor rust request * refactor(common): ♻️ refactor ws; fix error * fix(common): 🐛 getFriendPage invoke error * refactor(common): ♻️ refactor all request to rust * fix(common): 🐛 logout * fix(common): 🐛 init msg list * feat(mobile): ✨ add real-time message push * fix(common): 🐛 fix date formate in announcement * fix(common): 🐛 fix getUserInfoBatch request bug; add emoji in log; * fix(common): 🐛 handle 401 error; * fix(common): 🐛 fix getBadgesBatch bug * fix(common): 🐛 fix recall msg bug * fix(common): 🐛 fix send video msg * fix(common): 🐛 add token relation command * feat(mobile): ✨ add login and logout logic; implement route guards * fix(mobile): 🐛 fix inability to listen to WebSocket messages * fix(mobile): 🐛 fix mobile routing error * feat(mobile): ✨ add personal information display * feat(mobile): ✨ add avatar display to simplebio.vue page * fix(mobile): 🐛 fix scrolling issue when keyboard is focused * perf(ios): ⚡ compatible with some iOS styles * perf(mobile): ⚡ horizontal screen prohibited * build(build): 📦 update tauri version * feat(mobile): ✨ added 'Add Group Chat' page and 'Add Friend' page * fix(mobile): 🐛 fix blank screen issue caused by routing * fix(mobile): 🐛 fixed missing chat room name display issue * build(tauri): 📦 update tauri v2.8.5 * chore(system): 🔨 merge branch 'master' into feat/mobile/ws-api --------- Co-authored-by: wanwanruwoxin <254693270@qq.com> Co-authored-by: 卡仔 <1271013637@qq.com>
132 lines
3.4 KiB
HTML
Vendored
132 lines
3.4 KiB
HTML
Vendored
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>HuLa</title>
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
|
|
<!-- 🎯 预加载图片资源（仅移动端） -->
|
|
<script>
|
|
if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) {
|
|
const preloadImages = ['/Mobile/1.png', '/Mobile/2.png', '/Mobile/3.png', '/Mobile/4.png']
|
|
preloadImages.forEach(src => {
|
|
const link = document.createElement('link')
|
|
link.rel = 'preload'
|
|
link.as = 'image'
|
|
link.href = src
|
|
document.head.appendChild(link)
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<!-- iconpark图标库 -->
|
|
<script async src="/icon.js"></script>
|
|
|
|
<!-- 🧩 加载页样式 -->
|
|
<style id="loading-css">
|
|
#loading-page {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 9999;
|
|
background-image: url('/Mobile/2.png');
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding-top: env(safe-area-inset-top);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
transition: opacity 0.4s ease-out;
|
|
opacity: 1;
|
|
}
|
|
|
|
.bottom-bar {
|
|
position: absolute;
|
|
bottom: 40px;
|
|
display: flex;
|
|
gap: 16px;
|
|
align-items: center;
|
|
}
|
|
|
|
.rounded-14px {
|
|
border-radius: 14px;
|
|
}
|
|
|
|
.size-50px {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
|
|
.w-300px {
|
|
width: 300px;
|
|
}
|
|
|
|
.h-200px {
|
|
height: 200px;
|
|
}
|
|
|
|
.w-78px {
|
|
width: 78px;
|
|
}
|
|
|
|
.h-40px {
|
|
height: 40px;
|
|
}
|
|
|
|
.mb-140px {
|
|
margin-bottom: 140px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 🚀 加载页 DOM -->
|
|
<div id="loading-page">
|
|
<img src="/Mobile/4.png" alt="hula" class="w-300px h-200px mb-140px" />
|
|
<div class="bottom-bar">
|
|
<img src="/Mobile/3.png" alt="hula" class="size-50px rounded-14px" />
|
|
<img src="/Mobile/1.png" alt="hula" class="w-78px h-40px" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Vue 应用挂载点 -->
|
|
<div id="app"></div>
|
|
|
|
<!-- 🎯 加载页逻辑控制（淡出 + 清理） -->
|
|
<script>
|
|
function isMobileDevice() {
|
|
return /Mobi|Android|iPhone/i.test(navigator.userAgent)
|
|
}
|
|
|
|
if (!isMobileDevice()) {
|
|
document.getElementById('loading-page')?.remove()
|
|
document.getElementById('loading-css')?.remove()
|
|
}
|
|
|
|
window.addEventListener('DOMContentLoaded', () => {
|
|
const interval = setInterval(() => {
|
|
const isMounted = document.getElementById('app')?.children.length > 0
|
|
if (isMounted) {
|
|
const loader = document.getElementById('loading-page')
|
|
if (loader) {
|
|
loader.style.opacity = '0'
|
|
setTimeout(() => {
|
|
loader.remove()
|
|
document.getElementById('loading-css')?.remove()
|
|
}, 450) // 等待 transition 完成后再移除
|
|
}
|
|
clearInterval(interval)
|
|
}
|
|
}, 100)
|
|
})
|
|
</script>
|
|
|
|
<!-- 🚀 Vue 应用入口 -->
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|