| | |
| | | <div class="basic-container" |
| | | :style="styleName" |
| | | :class="{'basic-container--block':block}"> |
| | | <el-card class="basic-container__card"> |
| | | <el-card class="basic-container__card" :style="cradStyle" :body-style="cardBodyStyle"> |
| | | <slot></slot> |
| | | </el-card> |
| | | </div> |
| | |
| | | block: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | cradStyle:{ |
| | | type: String |
| | | }, |
| | | cardBodyStyle:{ |
| | | type: String |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | .basic-container { |
| | | padding: 10px 6px; |
| | | box-sizing: border-box; |
| | | height: 100%; |
| | | &--block { |
| | | height: 100%; |
| | | .basic-container__card { |
| | |
| | | } |
| | | } |
| | | &__card { |
| | | height:100%; |
| | | width: 100%; |
| | | } |
| | | &:first-child { |