DataPanel 数据展示

TIP

1.0.5+

DataPanel 数据模版 - 图1

  1. <avue-data-panel :option="option"></avue-data-panel>
  2. <script>
  3. export default {
  4. data(){
  5. return {
  6. option: {
  7. span:8,
  8. data: [
  9. {
  10. title: 'New Visits',
  11. count: '102,400',
  12. icon: 'el-icon-message',
  13. color: '#00a7d0',
  14. },
  15. {
  16. title: 'Messages',
  17. count: '81,212',
  18. icon: 'el-icon-info',
  19. color: 'rgb(27, 201, 142)',
  20. },
  21. {
  22. title: 'Purchases',
  23. count: '9,280',
  24. icon: 'el-icon-success',
  25. color: 'rgb(230, 71, 88)',
  26. }
  27. ]
  28. }
  29. }
  30. }
  31. }
  32. </script>