github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-08-01 19:05:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(dashboard): 更新仪表盘警告信息样式，使用粘性定位

Browse Source
This commit is contained in:
kuaifan 2026-07-21 19:38:40 +08:00
parent 4c9951c667
commit b914a99b62
2 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/assets/js/pages/manage/dashboard.vue
View File

@ -1,10 +1,13 @@
<template> <template>
<div class="page-dashboard"> <div class="page-dashboard">
<PageTitle :title="$L('仪表盘')"/> <PageTitle :title="$L('仪表盘')"/>
<Alert v-if="warningMsg" class="dashboard-warning" type="warning" show-icon>
<span @click="goForward({name: 'manage-setting-license'})">{{warningMsg}}</span>
</Alert>
<Scrollbar class="dashboard-scroller"> <Scrollbar class="dashboard-scroller">
<!--系统信息-->
<div v-if="!!warningMsg" class="dashboard-warning">
<Alert type="warning" show-icon>
<span @click="goForward({name: 'manage-setting-license'})">{{warningMsg}}</span>
</Alert>
</div>
<div class="dashboard-body"> <div class="dashboard-body">
<!--头部--> <!--头部-->
<div class="dashboard-header"> <div class="dashboard-header">

30
resources/assets/sass/pages/page-dashboard.scss vendored
View File

@ -5,25 +5,29 @@
flex-direction: column; flex-direction: column;
background-color: #ffffff; background-color: #ffffff;
.dashboard-warning {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-right: 14px;
position: fixed;
top: 0;
z-index: 2;
> span {
cursor: pointer;
}
}
.dashboard-scroller { .dashboard-scroller {
flex: 1; flex: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.dashboard-warning {
position: sticky;
top: 0;
z-index: 2;
display: flex;
justify-content: center;
.ivu-alert {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-bottom: 0;
> span {
cursor: pointer;
}
}
}
.dashboard-body { .dashboard-body {
max-width: 1208px; max-width: 1208px;
margin: 0 auto; margin: 0 auto;