数据模块

数据展示

数据展示6 - 图1

  1. <avue-data-progress :option="option"></avue-data-progress>
  2. <script>
  3. export default {
  4. data() {
  5. return {
  6. form:{},
  7. option:{
  8. data: [
  9. {
  10. title: '转化率(日同比 28%)',
  11. color: 'rgb(178, 159, 255)',
  12. count: 32,
  13. href:'https://avue.top',
  14. target:'_blank'
  15. },
  16. {
  17. title: '签到率(日同比 11%)',
  18. color:'rgb(230, 71, 88)',
  19. count: 32,
  20. href:'https://avue.top',
  21. target:'_blank'
  22. },
  23. {
  24. title: 'CPU使用率',
  25. color:'rgb(27, 201, 142)',
  26. count: 56,
  27. href:'https://avue.top',
  28. target:'_blank'
  29. }
  30. ]
  31. },
  32. };
  33. }
  34. }
  35. </script>