diff --git a/src/components/core/CardFull/index.vue b/src/components/core/CardFull/index.vue
index 7516cf78..9df1b56f 100644
--- a/src/components/core/CardFull/index.vue
+++ b/src/components/core/CardFull/index.vue
@@ -3,7 +3,7 @@
-
@@ -34,8 +34,13 @@ export default {
default: 0
}
},
+ data () {
+ return {
+ headerHeight: 0
+ }
+ },
mounted () {
- console.log(this.$refs.header.offsetHeight)
+ this.headerHeight = this.$refs.header.offsetHeight
},
computed: {
cardStyle () {
@@ -45,6 +50,11 @@ export default {
bottom: `${this.bottom}px`,
left: `${this.left}px`
}
+ },
+ bodyStyle () {
+ return {
+ top: `${this.headerHeight}px`
+ }
}
}
}
@@ -63,12 +73,19 @@ export default {
box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
}
.dd-card-full__header {
+ position: absolute;
+ width: 100%;
padding: 18px 20px;
border-bottom: 1px solid #ebeef5;
box-sizing: border-box;
}
.dd-card-full__body {
+ position: absolute;
padding: 20px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ overflow: auto;
}
}