no message
Former-commit-id: 53ff203f46a9e4a9efa4f88137cf7684b6dc7b2f Former-commit-id: c837c34a1e62860cd1b31a914aa9b4a1a89bfac6 Former-commit-id: 3765b26cbcd41e810f54f5cc3bc386369dfca29d
This commit is contained in:
parent
8c0d17166d
commit
f17ea3f313
|
|
@ -0,0 +1 @@
|
|||
d39351bf9b78b7abf9eecac82779085241498e19
|
||||
|
|
@ -1,5 +1,7 @@
|
|||
@import '~@/assets/style/public.scss';
|
||||
|
||||
$color: #409EFF;
|
||||
|
||||
// 默认主题
|
||||
.layout-main {
|
||||
&.default {
|
||||
|
|
@ -16,13 +18,57 @@
|
|||
// [布局]
|
||||
.el-header {
|
||||
padding: 0px;
|
||||
.logo-group {
|
||||
width: 200px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
img {
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
// 顶栏菜单
|
||||
.el-menu {
|
||||
float: left;
|
||||
border-bottom: none;
|
||||
background-color: transparent;
|
||||
.el-menu-item {
|
||||
border-bottom: none;
|
||||
border-top: 2px solid $color-bg;
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
&.is-active {
|
||||
border-bottom: none;
|
||||
border-top: 2px solid $color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 顶栏下面
|
||||
.el-container {
|
||||
// 侧边栏
|
||||
.el-aside {
|
||||
|
||||
.el-menu {
|
||||
background-color: transparent;
|
||||
.el-menu-item {
|
||||
&:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
.el-submenu__title {
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-main {
|
||||
|
||||
padding-top: 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,9 @@
|
|||
<template>
|
||||
<el-container class="layout-main" :class="theme">
|
||||
<el-header>
|
||||
<div class="logo-group">
|
||||
<img src="@/assets/image/logo/header.png">
|
||||
</div>
|
||||
<HeaderMenu></HeaderMenu>
|
||||
</el-header>
|
||||
<el-container>
|
||||
|
|
|
|||
|
|
@ -10,16 +10,12 @@
|
|||
<div class="mb">
|
||||
<el-button @click="download">下载演示CSV</el-button>
|
||||
</div>
|
||||
<el-upload
|
||||
:before-upload="handleUpload"
|
||||
action="default">
|
||||
<el-upload :before-upload="handleUpload" action="default">
|
||||
<el-button type="success">选择本地CSV文件</el-button>
|
||||
</el-upload>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-table
|
||||
v-bind="table"
|
||||
style="width: 100%">
|
||||
<el-table v-bind="table" style="width: 100%">
|
||||
<el-table-column
|
||||
v-for="(item, index) in table.columns"
|
||||
:key="index"
|
||||
|
|
@ -62,7 +58,7 @@ export default {
|
|||
return false
|
||||
},
|
||||
download () {
|
||||
window.location.href='http://fairyever.qiniudn.com/d2admin-vue-demo.csv'
|
||||
window.location.href = 'http://fairyever.qiniudn.com/d2admin-vue-demo.csv'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue