itbaima-study/itbaima-monitor-jwt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完成服务器主机预览卡片编写

Browse Source
This commit is contained in:
柏码の讲师 2023-12-01 18:44:19 +08:00
parent 1ca43ad52a
commit 70c94f9fc5
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
itbaima-monitor-web/src/views/main/Manage.vue
View File

@ -8,7 +8,10 @@ import PreviewCard from "@/component/PreviewCard.vue";
<div class="title"><i class="fa-solid fa-server"></i> 管理主机列表</div> <div class="title"><i class="fa-solid fa-server"></i> 管理主机列表</div>
<div class="description">在这里管理所有已经注册的主机实例，实时监控主机运行状态，快速进行管理和操作。</div> <div class="description">在这里管理所有已经注册的主机实例，实时监控主机运行状态，快速进行管理和操作。</div>
<el-divider style="margin: 10px 0"/> <el-divider style="margin: 10px 0"/>
<div style="display: flex;gap: 20px"> <div class="card-list">
<preview-card/>
<preview-card/>
<preview-card/>
<preview-card/> <preview-card/>
<preview-card/> <preview-card/>
<preview-card/> <preview-card/>
@ -29,5 +32,20 @@ import PreviewCard from "@/component/PreviewCard.vue";
font-size: 15px; font-size: 15px;
color: grey; color: grey;
} }
.card-list {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
}
@keyframes move {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
} }
</style> </style>