| | |
| | | |
| | | <style scoped lang="scss"> |
| | | .container { |
| | | display: flex; |
| | | position: relative; |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | .person-box { |
| | | height: 300px; |
| | | |
| | | .word { |
| | | color: #fff; |
| | |
| | | } |
| | | } |
| | | |
| | | .land-box { |
| | | height: 300px; |
| | | } |
| | | |
| | | .person-box, |
| | | .house-box, |
| | | .land-box { |
| | | margin: 8px; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | // background: $bg-color; |
| | |
| | | } |
| | | |
| | | .house-box { |
| | | flex: 1; |
| | | margin-top: 0; |
| | | margin-bottom: 0; |
| | | |
| | |
| | | |
| | | <style scoped lang="scss"> |
| | | .container { |
| | | display: flex; |
| | | position: relative; |
| | | height: 100%; |
| | | width: 100%; |
| | | |
| | | .case-box { |
| | | height: 300px; |
| | | } |
| | | |
| | | .crowd-box { |
| | | height: 300px; |
| | | } |
| | | |
| | | .case-box, |
| | | .alert-box, |
| | | .crowd-box { |
| | | margin: 8px; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | // background: $bg-color; |
| | |
| | | } |
| | | |
| | | .alert-box { |
| | | flex: 1; |
| | | margin-top: 0; |
| | | margin-bottom: 0; |
| | | |