| | |
| | | <template> |
| | | <div class="component-container"> |
| | | <div class="divider-card"> |
| | | <div class="divider-card" style="margin-bottom: 32px;"> |
| | | <div class="divider-card-title center">{{title}}</div> |
| | | <div class="divider-card-content"> |
| | | <div class="divider-card-content" :style="style"> |
| | | <slot><div class="center">暂无内容</div></slot> |
| | | </div> |
| | | </div> |
| | |
| | | title: { |
| | | type: [String, Number], |
| | | default: '未知' |
| | | }, |
| | | maxHeight: { |
| | | type: String, |
| | | default: '300px' |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | style: { |
| | | maxHeight: this.maxHeight |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | .divider-card-content { |
| | | padding: 24px 8px; |
| | | overflow-y: auto; |
| | | } |
| | | </style> |