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