mirror of
https://github.com/kuaifan/dootask.git
synced 2026-07-27 16:37:52 +00:00
fix(dashboard): 更新仪表盘警告信息样式,使用粘性定位
This commit is contained in:
parent
4c9951c667
commit
b914a99b62
@ -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">
|
||||
|
||||
30
resources/assets/sass/pages/page-dashboard.scss
vendored
30
resources/assets/sass/pages/page-dashboard.scss
vendored
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user