| 提交 | 用户 | age | ||
| 21d0ed | 1 | <template> |
| V | 2 | <div class="apex-demo p-4"> |
| 3 | <div class="demo-box"> | |
| 4 | <Line /> | |
| 5 | </div> | |
| 6 | <div class="demo-box"> | |
| 7 | <Bar /> | |
| 8 | </div> | |
| 9 | <div class="demo-box"> | |
| 10 | <Area /> | |
| 11 | </div> | |
| 12 | <div class="demo-box"> | |
| 13 | <Mixed /> | |
| 14 | </div> | |
| 8a1406 | 15 | <div class="demo-box"> |
| V | 16 | <SaleRadar /> |
| 17 | </div> | |
| 21d0ed | 18 | </div> |
| V | 19 | </template> |
| 20 | <script> | |
| 21 | import { defineComponent } from 'vue'; | |
| 22 | ||
| 23 | import Line from './Line.vue'; | |
| 24 | import Bar from './Bar.vue'; | |
| 25 | import Area from './Area.vue'; | |
| 26 | import Mixed from './Mixed.vue'; | |
| 8a1406 | 27 | import SaleRadar from './SaleRadar.vue'; |
| 21d0ed | 28 | export default defineComponent({ |
| 8a1406 | 29 | components: { Line, Bar, Area, Mixed, SaleRadar }, |
| 21d0ed | 30 | setup() {}, |
| V | 31 | }); |
| 32 | </script> | |
| 33 | <style lang="less" scoped> | |
| 34 | .apex-demo { | |
| 35 | display: flex; | |
| 36 | flex-wrap: wrap; | |
| 37 | justify-content: space-between; | |
| 38 | ||
| 39 | .demo-box { | |
| 40 | width: 49%; | |
| 41 | margin-bottom: 20px; | |
| 42 | background: #fff; | |
| 43 | border-radius: 10px; | |
| 44 | } | |
| 45 | } | |
| 46 | </style> | |
