| | |
| | | |
| | | <template> |
| | | <div class="basic-container" :style="styleName" :class="{ 'basic-container--block': block }"> |
| | | <el-card class="basic-container__card"> |
| | | <div class="wel-container" :style="styleName" :class="{ 'wel-container--block': block }"> |
| | | <el-card class="wel-container__card"> |
| | | <slot></slot> |
| | | </el-card> |
| | | </div> |
| | |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'basicContainer', |
| | | name: 'welContainer', |
| | | props: { |
| | | radius: { |
| | | type: [String, Number], |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .basic-container { |
| | | .wel-container { |
| | | height: 0; |
| | | flex: 1; |
| | | |
| | | padding-top: 0 !important; |
| | | |
| | | // box-sizing: border-box; |
| | | // height: 100%; |
| | | .el-card { |
| | | background-color: transparent !important;} |
| | | .basic-container__card { |
| | | .el-card { |
| | | background-color: transparent !important; |
| | | } |
| | | |
| | | .wel-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; |
| | | padding: 10px !important; |
| | | padding-top: 0 !important; |
| | | |
| | | &>div { |
| | | height: 0; |
| | | flex: 1; |
| | |
| | | &--block { |
| | | height: 100%; |
| | | |
| | | .basic-container__card { |
| | | .wel-container__card { |
| | | height: 100%; |
| | | } |
| | | } |