@@ -1,6 +1,6 @@
<template>
<el-card shadow="hover" :body-style="[mBodyStyle, bodyStyle]" class="dashboard-widget-card">
- <div class="header" slot="header"><slot name="header"></slot></div>
+ <template slot="header"><slot name="header"></slot></template>
<template :class="className">
<slot></slot>
@@ -24,11 +24,15 @@ export default {
display: flex;
flex-direction: column;
}
+</style>
-.header {
- font-size: 14px;
- font-weight: bold;
- color: #000000;
- line-height: 24px;
+<style lang="less">
+.vue-grid-item {
+ .el-card__header {
+ font-size: 14px;
+ font-weight: bold;
+ color: #000000;
+ line-height: 24px;
+ }
</style>