github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-08-22 00:33:35 +00:00
Code Issues Projects Releases Wiki Activity

[Update] Dashboard (1)

Browse Source
This commit is contained in:
Bai 2020-05-15 13:30:10 +08:00
parent 9835db2c89
commit c19e897492
1 changed files with 47 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/views/dashboard/index.vue
View File

@ -1,21 +1,61 @@
<template> <template>
<h1>hello</h1> <Page>
<el-row :gutter="20">
<el-col :span="6"><div class="grid-content bg-purple" /></el-col>
<el-col :span="6"><div class="grid-content bg-purple" /></el-col>
<el-col :span="6"><div class="grid-content bg-purple" /></el-col>
<el-col :span="6"><div class="grid-content bg-purple" /></el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="4"><div class="grid-content bg-purple" /></el-col>
<el-col :span="16"><div class="grid-content bg-purple" /></el-col>
<el-col :span="4"><div class="grid-content bg-purple" /></el-col>
</el-row>
<el-row type="flex" class="row-bg" justify="space-between">
<el-col :span="6"><div class="grid-content bg-purple" /></el-col>
<el-col :span="6"><div class="grid-content bg-purple-light" /></el-col>
<el-col :span="6"><div class="grid-content bg-purple" /></el-col>
</el-row>
</Page>
</template> </template>
<script> <script>
import { Page } from '@/layout/components'
export default { export default {
name: 'Dashboard' name: 'Dashboard',
components: {
Page
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.dashboard { .dashboard {
&-container { .el-row {
margin: 30px; margin-bottom: 20px;
min-height: 10px;
&:last-child {
margin-bottom: 0;
} }
&-text { }
font-size: 30px; .el-col {
line-height: 46px; border-radius: 4px;
background-color: #000;
}
.bg-purple {
background: #000;
}
.grid-content {
border-radius: 4px;
min-height: 36px;
}
.bg-purple-light {
background: #000;
}
.row-bg {
padding: 10px 0;
background-color: #000;
} }
} }
</style> </style>