mirror of
https://github.com/dataease/dataease.git
synced 2026-05-24 06:18:10 +08:00
fix(移动端): 适配ios
This commit is contained in:
@@ -26,7 +26,7 @@ const hiddenTabbar = ref(false)
|
||||
@hiddenTabbar="val => (hiddenTabbar = val)"
|
||||
></Directory>
|
||||
<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="direct" icon="bars">目录</van-tabbar-item>
|
||||
<van-tabbar-item name="user" icon="user-o">我的</van-tabbar-item>
|
||||
@@ -40,20 +40,9 @@ const hiddenTabbar = ref(false)
|
||||
</template>
|
||||
|
||||
<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 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -101,24 +101,9 @@ const onSubmit = async () => {
|
||||
</template>
|
||||
|
||||
<style lang="less">
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@supports (-webkit-touch-callout: none) {
|
||||
body {
|
||||
min-height: -webkit-fill-available;
|
||||
}
|
||||
}
|
||||
#app {
|
||||
.de-mobile-login {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
.de-mobile-login {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
Reference in New Issue
Block a user