xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-14 05:03:45 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: chat list page for mobile is ready

Browse Source
This commit is contained in:
RockYang
2023-06-25 06:53:22 +08:00
parent ad0f96fcb1
commit 0b6940b121
6 changed files with 153 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
web/src/views/mobile/Home.vue
View File

@@ -1,20 +1,24 @@
<template>
<div>
<router-view/>
<van-config-provider :theme="theme">
<div class="mobile-home">
<router-view/>
<van-tabbar route v-model="active" @change="onChange">
<van-tabbar-item to="/mobile/chat" name="home" icon="chat-o"></van-tabbar-item>
<van-tabbar-item to="/mobile/setting" name="setting" icon="setting-o"></van-tabbar-item>
<van-tabbar-item to="/mobile/profile" name="profile" icon="user-o"></van-tabbar-item>
</van-tabbar>
<van-tabbar route v-model="active" @change="onChange">
<van-tabbar-item to="/mobile/chat" name="home" icon="chat-o"></van-tabbar-item>
<van-tabbar-item to="/mobile/setting" name="setting" icon="setting-o"></van-tabbar-item>
<van-tabbar-item to="/mobile/profile" name="profile" icon="user-o"></van-tabbar-item>
</van-tabbar>
</div>
</van-config-provider>
</div>
</template>
<script setup>
import {ref} from "vue";
const active = ref('home');
const theme = ref("light")
const onChange = (index) => {
console.log(index)
// showToast(`标签 ${index}`);
@@ -22,8 +26,32 @@ const onChange = (index) => {
</script>
<style lang="stylus">
.mobile-home {
.container {
.van-nav-bar {
position fixed
width 100%
}
.content {
padding 46px 10px 0 10px;
}
}
}
// 黑色主题
.van-theme-dark body {
background #1c1c1e
}
.van-toast--fail {
background #fef0f0
color #f56c6c
}
.van-nav-bar {
position fixed
width 100%
}
</style>