center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

Merge pull request #8170 from dataease/pr@dev-v2_dzz_mobile

Browse Source 
fix(移动端): 适配ios
This commit is contained in:
dataeaseShu 2024-02-27 10:17:04 +08:00 committed by GitHub
commit 8c98d8d366
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 18 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
core/core-frontend/mobile.html
View File

@ -1,13 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8" /> <head>
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<title>DataEase</title> <meta name="viewport"
</head> content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
<body> <title>DataEase</title>
<div id="app"></div> </head>
<script type="module" src="/src/pages/mobile/main.ts"></script>
</body> <body>
<div id="app"></div>
<script type="module" src="/src/pages/mobile/main.ts"></script>
</body>
</html> </html>

17
core/core-frontend/src/views/mobile/index.vue
View File

@ -26,7 +26,7 @@ const hiddenTabbar = ref(false)
@hiddenTabbar="val => (hiddenTabbar = val)" @hiddenTabbar="val => (hiddenTabbar = val)"
></Directory> ></Directory>
<Personal v-else-if="activeTabbar === 'user'"> </Personal> <Personal v-else-if="activeTabbar === 'user'"> </Personal>
<van-tabbar v-if="!hiddenTabbar" v-model="activeTabbar"> <van-tabbar safe-area-inset-bottom v-if="!hiddenTabbar" v-model="activeTabbar">
<van-tabbar-item name="home" icon="wap-home-o">首页</van-tabbar-item> <van-tabbar-item name="home" icon="wap-home-o">首页</van-tabbar-item>
<van-tabbar-item name="direct" icon="bars">目录</van-tabbar-item> <van-tabbar-item name="direct" icon="bars">目录</van-tabbar-item>
<van-tabbar-item name="user" icon="user-o">我的</van-tabbar-item> <van-tabbar-item name="user" icon="user-o">我的</van-tabbar-item>
@ -40,20 +40,9 @@ const hiddenTabbar = ref(false)
</template> </template>
<style lang="less"> <style lang="less">
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
@supports (-webkit-touch-callout: none) {
body {
min-height: -webkit-fill-available;
}
}
.mobile-index { .mobile-index {
width: 100%; width: 100vw;
height: 100%; height: 100vh;
overflow: hidden; overflow: hidden;
} }
</style> </style>

17
core/core-frontend/src/views/mobile/login/index.vue
View File

@ -101,24 +101,9 @@ const onSubmit = async () => {
</template> </template>
<style lang="less"> <style lang="less">
body { .de-mobile-login {
min-height: 100vh;
display: flex;
flex-direction: column;
}
@supports (-webkit-touch-callout: none) {
body {
min-height: -webkit-fill-available;
}
}
#app {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
}
.de-mobile-login {
height: 100%;
width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;