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

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

View File

@ -1,10 +1,13 @@
<template>
<div class="page-dashboard">
<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">
<!--系统信息-->
<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-header">

View File

@ -5,25 +5,29 @@
flex-direction: column;
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 {
flex: 1;
width: 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 {
max-width: 1208px;
margin: 0 auto;