| | |
| | | </div> |
| | | <div class="public-bounced-content"> |
| | | <div class="public-bounced-content-left"> |
| | | <GasTable></GasTable> |
| | | <GasTable :displayContent="displayContent"></GasTable> |
| | | <GasECharts></GasECharts> |
| | | </div> |
| | | <div class="public-bounced-content-right"> |
| | |
| | | |
| | | <style lang="less" scoped> |
| | | .public-bounced { |
| | | width: 80%; |
| | | height: 450px; |
| | | z-index: 999; |
| | | position: absolute; |
| | | top: 25%; |
| | | left: 10%; |
| | | position: fixed; |
| | | top: 50%; |
| | | left: 50%; |
| | | background-color: #002432; |
| | | margin: 1% auto; |
| | | border: 1px #9fc5c8 solid; |
| | | |
| | | .public-bounced-title { |
| | | width: 100%; |
| | | border: 1px #a4c0d8 solid; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | } |
| | | |
| | | .public-bounced-content { |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | |
| | | .public-bounced-content-left { |
| | | width: 48%; |
| | | height: 400px; |
| | | } |
| | | |
| | | .public-bounced-content-right { |
| | | width: 48%; |
| | | height: 400px; |
| | | } |
| | | } |
| | | |