no message
Former-commit-id: fe0e951f1addef7d9a1bdcb923a404a38581db6a Former-commit-id: 705fe2d2573ed81dad4a16b61b6585b1d831828f Former-commit-id: 28e7a04fc692395cb7405f81cf6ce6c118ee74be
This commit is contained in:
@@ -1,13 +1,11 @@
|
||||
@import '~@/assets/style/public.scss';
|
||||
|
||||
$color: #409EFF;
|
||||
|
||||
// 默认主题
|
||||
.layout-main {
|
||||
&.default {
|
||||
&.classic {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
background-color: $color-bg;
|
||||
background-color: #EFF4F8;
|
||||
// [全局设置]
|
||||
// 关闭所有卡片的阴影
|
||||
.el-card {
|
||||
@@ -52,13 +50,13 @@ $color: #409EFF;
|
||||
background-color: transparent;
|
||||
.el-menu-item {
|
||||
border-bottom: none;
|
||||
border-top: 2px solid $color-bg;
|
||||
border-top: 2px solid #EFF4F8;
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
&.is-active {
|
||||
border-bottom: none;
|
||||
border-top: 2px solid $color;
|
||||
border-top: 2px solid $color-primary;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
@@ -94,12 +92,12 @@ $color: #409EFF;
|
||||
color: $color-text-sub;
|
||||
}
|
||||
.el-menu {
|
||||
background-color: $color-bg;
|
||||
background-color: transparent;
|
||||
border-right: none;
|
||||
&.el-menu--collapse {
|
||||
.el-submenu {
|
||||
.el-menu {
|
||||
background-color: #FFF;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
.el-submenu__title {
|
||||
@@ -108,15 +106,15 @@ $color: #409EFF;
|
||||
}
|
||||
.el-menu-item {
|
||||
&:focus {
|
||||
background-color: $color-bg;
|
||||
background-color: rgba(#000, .05);
|
||||
}
|
||||
&:hover {
|
||||
background-color: $color-bg;
|
||||
background-color: rgba(#000, .05);
|
||||
}
|
||||
}
|
||||
.el-submenu__title {
|
||||
&:hover {
|
||||
background-color: $color-bg;
|
||||
background-color: rgba(#000, .05);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -68,10 +68,14 @@ export default {
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
$border-color: #d8dfea;
|
||||
.dd-card-full {
|
||||
position: absolute;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ebeef5;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-top: 1px solid $border-color;
|
||||
border-left: 1px solid $border-color;
|
||||
border-right: 1px solid $border-color;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
color: #303133;
|
||||
@@ -84,7 +88,7 @@ export default {
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
padding: 18px 20px;
|
||||
border-bottom: 1px solid #ebeef5;
|
||||
border-bottom: 1px solid $border-color;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.dd-card-full__body {
|
||||
@@ -101,7 +105,7 @@ export default {
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
padding: 18px 20px;
|
||||
border-top: 1px solid #ebeef5;
|
||||
border-top: 1px solid $border-color;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<slot></slot>
|
||||
</div>
|
||||
<!-- [card-full] 撑满 -->
|
||||
<card-full v-if="type === 'card-full'" :right="20" :bottom="20">
|
||||
<card-full v-if="type === 'card-full'" :right="10" :bottom="0">
|
||||
<slot v-if="$slots.header" name="header" slot="header"></slot>
|
||||
<slot></slot>
|
||||
<slot v-if="$slots.footer" name="footer" slot="footer"></slot>
|
||||
|
||||
@@ -33,7 +33,7 @@ export default {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
theme: 'default',
|
||||
theme: 'classic',
|
||||
collapse: false
|
||||
}
|
||||
},
|
||||
@@ -59,6 +59,6 @@ export default {
|
||||
|
||||
<style lang="scss">
|
||||
// 主题
|
||||
@import '~@/assets/style/theme/default.scss';
|
||||
@import '~@/assets/style/theme/classic.scss';
|
||||
</style>
|
||||
|
||||
|
||||
@@ -58,7 +58,8 @@ export default {
|
||||
message: '读取成功 返回结果请查看控制台',
|
||||
type: 'success'
|
||||
})
|
||||
}, (err) => {
|
||||
}, err => {
|
||||
console.log(err)
|
||||
this.$message({
|
||||
message: '错误信息已经打印到控制台',
|
||||
type: 'error'
|
||||
|
||||
Reference in New Issue
Block a user