| 提交 | 用户 | 时间 | ||
| 9715e8 | 1 | <template> |
| 懒 | 2 | <div id="centerLeft1"> |
| 3 | <div class="bg-color-black"> | |
| 4 | <div class="d-flex pt-2 pl-2"> | |
| 5 | <span> | |
| 6 | <icon name="chart-pie" class="text-icon"></icon> | |
| 7 | </span> | |
| 8 | <div class="d-flex"> | |
| 9 | <span class="fs-xl text mx-2">地图数据</span> | |
| 10 | <dv-decoration-1 class="dv-dec-1" /> | |
| 11 | </div> | |
| 12 | </div> | |
| 13 | <div class="d-flex jc-center"> | |
| 14 | <CenterLeft2Chart /> | |
| 15 | </div> | |
| 16 | </div> | |
| 17 | </div> | |
| 18 | </template> | |
| 19 | ||
| 20 | <script> | |
| 21 | import CenterLeft2Chart from "@/components/echart/centerLeft/centerLeft2Chart"; | |
| 22 | export default { | |
| 23 | components: { | |
| 24 | CenterLeft2Chart | |
| 25 | }, | |
| 26 | }; | |
| 27 | </script> | |
| 28 | ||
| 29 | <style lang="scss" scoped> | |
| 30 | #centerLeft1 { | |
| 31 | $box-width: 300px; | |
| 32 | $box-height: 410px; | |
| 33 | padding: 16px; | |
| 34 | height: $box-height; | |
| 35 | min-width: $box-width; | |
| 36 | border-radius: 5px; | |
| 37 | .bg-color-black { | |
| 38 | height: $box-height - 30px; | |
| 39 | border-radius: 10px; | |
| 40 | } | |
| 41 | .text { | |
| 42 | color: #c3cbde; | |
| 43 | } | |
| 44 | .dv-dec-1 { | |
| 45 | position: relative; | |
| 46 | width: 100px; | |
| 47 | height: 20px; | |
| 48 | top: -3px; | |
| 49 | } | |
| 50 | .chart-box { | |
| 51 | margin-top: 16px; | |
| 52 | width: 170px; | |
| 53 | height: 170px; | |
| 54 | .active-ring-name { | |
| 55 | padding-top: 10px; | |
| 56 | } | |
| 57 | } | |
| 58 | } | |
| 59 | </style> | |
