DataTabs 数据展示

TIP

1.0.0+

DataTabs 数据模版 - 图1

  1. <avue-data-tabs :option="option"></avue-data-tabs>
  2. <script>
  3. export default {
  4. data(){
  5. return {
  6. option: {
  7. data: [
  8. {
  9. title: '分类统计',
  10. subtitle: '实时',
  11. count: 7993,
  12. allcount: 10222,
  13. text: '当前分类总记录数',
  14. color: 'rgb(27, 201, 142)',
  15. key: '类'
  16. },
  17. {
  18. title: '附件统计',
  19. subtitle: '实时',
  20. count: 3112,
  21. allcount: 10222,
  22. text: '当前上传的附件数',
  23. color: 'rgb(230, 71, 88)',
  24. key: '附'
  25. },
  26. {
  27. title: '文章统计',
  28. subtitle: '实时',
  29. count: 908,
  30. allcount: 10222,
  31. text: '评论次数',
  32. color: 'rgb(178, 159, 255)',
  33. key: '评'
  34. }
  35. ]
  36. }
  37. }
  38. }
  39. }
  40. </script>