WindowBird/OfficeSystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修正主页布局

Browse Source
This commit is contained in:
WindowBird 2025-11-13 10:49:10 +08:00
parent 84883bdb2e
commit e31f625ef7
6 changed files with 14 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/customer/CustomerManagement.vue
View File

@ -446,6 +446,7 @@ defineExpose({
<style lang="scss" scoped>
.customer-management {
margin-top: var(--status-bar-height, 0);
display: flex;
flex-direction: column;
height: 100%;

1
components/index/ContentDashboard.vue
View File

@ -511,6 +511,7 @@ const getTagCustomStyle = (status) => {
<style lang="scss" scoped>
.dashboard-scroll {
margin-top: var(--status-bar-height, 0);
width: 100%;
height: 100%;
}

1
components/index/MessageContent.vue
View File

@ -74,6 +74,7 @@ const handleMessageClick = (message) => {
<style lang="scss" scoped>
.message-scroll {
margin-top: var(--status-bar-height, 0);
height: calc(100vh - var(--status-bar-height, 0) - 100px);
}

1
components/index/TodoList.vue
View File

@ -81,6 +81,7 @@ const handleTodoClick = (todo) => {
<style lang="scss" scoped>
.todo-scroll {
margin-top: var(--status-bar-height, 0);
height: calc(100vh - var(--status-bar-height, 0) - 100px);
padding-bottom: 100px;

2
components/index/scheduleEditor/ScheduleEditor.vue
View File

@ -265,6 +265,8 @@ defineExpose({
<style lang="scss" scoped>
.schedule-editor {
margin-top: var(--status-bar-height, 0);
padding-top: 5px;
width: 100%;
height: 100%;
}

29
pages/index/index.vue
View File

@ -45,7 +45,9 @@
<uv-tabbar :value="value" @change="index=>value = index">
<uv-tabbar-item text="首页" icon="home"></uv-tabbar-item>
<uv-tabbar-item text="工作台" icon="calendar"></uv-tabbar-item>
<uv-tabbar-item text="月度考核 " icon="integral"></uv-tabbar-item>
<template v-if="true">
<uv-tabbar-item text="月度考核 " icon="integral"></uv-tabbar-item>
</template>
<uv-tabbar-item text="客户管理" icon="kefu-ermai" ></uv-tabbar-item>
<uv-tabbar-item text="我的" icon="account"></uv-tabbar-item>
</uv-tabbar>
@ -57,7 +59,6 @@ import { ref, computed, watch, onMounted } from 'vue';
import { onShow, onReachBottom } from '@dcloudio/uni-app';
import { useUserStore } from '@/store/user';
import { getUserInfo } from '@/api';
import FabPlus from '@/components/FabPlus.vue';
import AddEventModal from '@/components/index/scheduleEditor/AddEventModal.vue';
import ScheduleEditor from '@/components/index/scheduleEditor/ScheduleEditor.vue';
@ -68,6 +69,7 @@ import CustomerManagement from '@/components/customer/CustomerManagement.vue';
import My from '@/components/my/My.vue';
import RankingBoard from '@/components/index/RankingBoard.vue';
// 顶部tabs选项
const topTabs = [
{ name: '日程编辑', value: 0 },
@ -146,7 +148,7 @@ const value=ref(0);
onMounted(() => {
const userStore = useUserStore();
console.log('当前 token:', userStore.token);
// 请求用户信息接口
getUserInfo().then(res => {
console.log('getInfo 接口返回:', res);
@ -215,26 +217,11 @@ onReachBottom(() => {
}
.content-wrapper {
padding-top: 8rpx;
overflow: hidden;
margin-top: var(--status-bar-height, 0);
/* 客户管理页面不需要顶部 padding */
:deep(.customer-management) {
margin-top: 0;
padding-top: 0;
/* 使用 v-show 隐藏时确保不可见 */
&[style*="display: none"] {
display: none !important;
}
}
/* 排行榜页面不需要顶部 padding */
:deep(.ranking-board) {
margin-top: 0;
padding-top: 0;
}
}
:deep(.bottom-tabbar) { z-index: 1000 !important; }