| 提交 | 用户 | 时间 | ||
| 9715e8 | 1 | <template> |
| 懒 | 2 | <div id="bottomLeft"> |
| 3 | <div class="bg-color-black"> | |
| 4 | <div class="d-flex pt-2 pl-2"> | |
| 5 | <span> | |
| 6 | <icon name="chart-bar" class="text-icon"></icon> | |
| 7 | </span> | |
| 8 | <div class="d-flex"> | |
| 9 | <span class="fs-xl text mx-2">数据统计图</span> | |
| 10 | </div> | |
| 11 | </div> | |
| 12 | <div> | |
| 13 | <BottomLeftChart /> | |
| 14 | </div> | |
| 15 | </div> | |
| 16 | </div> | |
| 17 | </template> | |
| 18 | ||
| 19 | <script> | |
| 20 | import BottomLeftChart from '@/components/echart/bottom/bottomLeftChart' | |
| 21 | export default { | |
| 22 | components: { | |
| 23 | BottomLeftChart | |
| 24 | } | |
| 25 | } | |
| 26 | </script> | |
| 27 | ||
| 28 | <style lang="scss" scoped> | |
| 29 | $box-height: 520px; | |
| 30 | $box-width: 100%; | |
| 31 | #bottomLeft { | |
| 32 | padding: 20px 16px; | |
| 33 | height: $box-height; | |
| 34 | width: $box-width; | |
| 35 | border-radius: 5px; | |
| 36 | .bg-color-black { | |
| 37 | height: $box-height - 35px; | |
| 38 | border-radius: 10px; | |
| 39 | } | |
| 40 | .text { | |
| 41 | color: #c3cbde; | |
| 42 | } | |
| 43 | .chart-box { | |
| 44 | margin-top: 16px; | |
| 45 | width: 170px; | |
| 46 | height: 170px; | |
| 47 | .active-ring-name { | |
| 48 | padding-top: 10px; | |
| 49 | } | |
| 50 | } | |
| 51 | } | |
| 52 | </style> | |
