Skip to content

G
gs1
Commit 90ee293a by Tang
Options

feat: 整合

parent 844ab0ff
Showing with 217 additions and 221 deletions
src/assets/css/layout.scss
.el-container.layout {
.el-container.layout{ min-height: 100vh;
min-height: 100vh;
} }
.el-container.is-vertical{ .el-container.is-vertical {
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
} }
.el-header{ .el-header {
$header-height: 65px; $header-height: 65px;
padding: 0px; padding: 0px;
header { header {
height: $header-height; height: $header-height;
padding: 0 25px; padding: 0 25px;
.header-user { .header-user {
height: $header-height; height: $header-height;
float:left; float: left;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
img { img {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
vertical-align: middle; vertical-align: middle;
} }
div { div {
margin-left: 8px; margin-left: 8px;
p { p {
padding: 3px 0; padding: 3px 0;
font-size: 10px; font-size: 10px;
&.user-name { &.user-name {
color: #7A7878; color: #7a7878;
} }
&.user-role { &.user-role {
font-size: 14px; font-size: 14px;
color: #353434; color: #353434;
} }
} }
} }
} }
.header-logout { .header-logout {
float:right; float: right;
height: $header-height; height: $header-height;
line-height: $header-height; line-height: $header-height;
span { span {
padding: 15px 5px; padding: 15px 5px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
cursor: pointer; cursor: pointer;
img { img {
display: inline-block; display: inline-block;
width: 12px; width: 12px;
height: 12px; height: 12px;
vertical-align: middle; vertical-align: middle;
} }
p { p {
margin-left: 4px; margin-left: 4px;
display: inline-block; display: inline-block;
font-size: 10px; font-size: 10px;
color: #7A7878; color: #7a7878;
} }
} }
} }
} }
} }
.el-aside{ .el-aside {
height: 100vh; height: 100vh;
overflow: visible; overflow: visible;
background: $side-bg-color; background: $side-bg-color;
.el-menu{ .el-menu {
border-right: none; border-right: none;
background: $side-bg-color; background: $side-bg-color;
.menu-logo { .menu-logo {
height: 88px; height: 88px;
background: $side-menu-active-color; background: $side-menu-active-color;
box-shadow:0px 5px 5px 0px #260D0408; box-shadow: 0px 5px 5px 0px #260d0408;
border-radius:0 0 30px 30px; border-radius: 0 0 30px 30px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
span { span {
font-size: 16px; font-size: 16px;
color: #8A4E22; color: #8a4e22;
font-weight: bold; font-weight: bold;
img { img {
width: 30px; width: 30px;
height: 25px; height: 25px;
margin-right: 5px; margin-right: 5px;
} }
} }
} }
.menu-title { .menu-title {
margin-top: 25px; margin-top: 25px;
margin-bottom: 10px; margin-bottom: 10px;
padding-left: 28px; padding-left: 28px;
font-size: 12px; font-size: 12px;
color:#B7B6B6; color: #b7b6b6;
} }
.el-menu-item { .el-menu-item {
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
color: #6B6A6A; color: #6b6a6a;
background: transparent; background: transparent;
font-size: 16px; font-size: 16px;
i { i {
color: $side-bg-color; color: $side-bg-color;
font-size: 25px; font-size: 25px;
position: absolute; position: absolute;
top: 15px; top: 15px;
right: 15px; right: 15px;
} }
&:hover, &:hover,
&:focus, &:focus,
&.is-active { &.is-active {
color: $side-bg-color; color: $side-bg-color;
background: $side-menu-active-color; background: $side-menu-active-color;
} }
}
} }
}
} }
.el-main{ .el-main {
background: $content-bg-color; background: $content-bg-color;
padding: 18px 25px 22px 25px; padding: 18px 25px 22px 25px;
.main-content{ .main-content {
.content-query{ .content-query {
padding: 0 20px; padding: 0 20px;
background:$bg-color; background: $bg-color;
border-radius: 14px; border-radius: 14px;
h2{ h2 {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
font-size: 13px; font-size: 13px;
color: #5B5A5A; color: #5b5a5a;
} }
.query-handle{ .query-handle {
text-align: right; text-align: right;
} }
.el-form { .el-form {
.el-form-item { .el-form-item {
margin-top: 8px; margin-top: 8px;
margin-bottom: 8px; margin-bottom: 8px;
} }
} }
} }
.content-item{ .content-item {
margin-bottom: 10px; margin-bottom: 10px;
padding:10px 0; padding: 10px 0;
background:$bg-color; background: $bg-color;
border-radius: 14px; border-radius: 14px;
.el-tag{ .el-tag {
margin:0 5px; margin: 0 5px;
padding:0 5px; padding: 0 5px;
cursor: pointer; cursor: pointer;
} }
} }
.content-list{ .content-list {
border-radius: 14px; border-radius: 14px;
margin-top:10px; margin-top: 10px;
padding:10px 0 15px 0; padding: 10px 0 15px 0;
background:$bg-color; background: $bg-color;
.list-button{ .list-button {
text-align: right; text-align: right;
margin-bottom:20px; margin-bottom: 20px;
a{ a {
font-size:14px; font-size: 14px;
color:$system-color1; color: $system-color1;
cursor: pointer; cursor: pointer;
i{ i {
&:before{ &:before {
margin-right: 5px; margin-right: 5px;
} }
} }
} }
i{ i {
margin:0 5px; margin: 0 5px;
font-size:14px; font-size: 14px;
color:$system-color1; color: $system-color1;
cursor: pointer; cursor: pointer;
&:before{ &:before {
margin-right: 5px; margin-right: 5px;
} }
} }
} }
} }
.content-apply.content-table{ .content-apply.content-table {
background-color: #fff; background-color: #fff;
padding:20px 60px; padding: 20px 60px;
margin-top:0; margin-top: 0;
.el-table { .el-table {
th{ th {
background-color: #f4f4f4; background-color: #f4f4f4;
font-weight: bold; font-weight: bold;
} }
tbody{ tbody {
tr.el-table__row{ tr.el-table__row {
td { td {
background-color: #fff;//$content-bg-color; background-color: #fff; //$content-bg-color;
color:#7b7f83; color: #7b7f83;
}
} &:hover {
&:hover { background-color: #fff;
background-color: #fff; }
}
&.el-table__row--striped {
&.el-table__row--striped { td {
td{ background-color: #fff;
background-color:#fff; }
} }
} &.el-table__row--striped:hover {
&.el-table__row--striped:hover { background-color: #fff;
background-color:#fff; }
} }
} }
} }
} }
} }
} }
}
\ No newline at end of file
src/assets/css/main.scss
// @import "./_reset.scss"; // @import "./_reset.scss";
// @import "./element-variables.scss";
@import "./_style.scss"; @import "./_style.scss";
@import "./_icon.scss"; @import "./_icon.scss";
@import "./_mixin.scss"; @import "./_mixin.scss";
...@@ -6,4 +7,4 @@ ...@@ -6,4 +7,4 @@
@import "../../../node_modules/bootstrap/scss/functions"; @import "../../../node_modules/bootstrap/scss/functions";
@import "../../../node_modules/bootstrap/scss/variables"; @import "../../../node_modules/bootstrap/scss/variables";
@import "../../../node_modules/bootstrap/scss/mixins"; @import "../../../node_modules/bootstrap/scss/mixins";
// @import "../../../node_modules/bootstrap/scss/bootstrap"; // @import "../../../node_modules/bootstrap/scss/bootstrap";
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment