| | |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | <style lang="scss" scoped> |
| | | .basic-container { |
| | | height: 0; |
| | | flex: 1; |
| | |
| | | |
| | | <template> |
| | | <div class="basic-container" :style="styleName" :class="{ 'basic-container--block': block }"> |
| | | <el-card class="basic-container__card"> |
| | |
| | | }, |
| | | }, |
| | | computed: { |
| | | styleName () { |
| | | styleName() { |
| | | return { |
| | | borderRadius: `${this.radius}px`, |
| | | background: this.background, |
| | | } |
| | | }; |
| | | }, |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .basic-container { |
| | | height: 0; |
| | | flex: 1; |
| | | |
| | | |
| | | padding-top: 0 !important; |
| | | // box-sizing: border-box; |
| | | // height: 100%; |
| | | .el-card { |
| | | background-color: transparent !important;} |
| | | .el-card { |
| | | background-color: transparent !important; |
| | | } |
| | | .basic-container__card { |
| | | height: 100% !important; |
| | | overflow: hidden; |
| | | |
| | | .el-card__body { |
| | | :deep(.el-card__body) { |
| | | display: flex; |
| | | flex-direction: column; |
| | | height: 100% !important; |
| | | overflow: hidden; |
| | | box-sizing: border-box; |
| | | padding: 0 !important; |
| | | &>div { |
| | | padding-top: 0 !important; |
| | | & > div { |
| | | height: 0; |
| | | flex: 1; |
| | | } |