TitleBarCard.vue 437 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div>
  3. <span class="title">{{title}}</span>
  4. <span class="value">{{value}}</span>
  5. <span class="title">{{unit}}</span>
  6. </div>
  7. </template>
  8. <script>
  9. export default {
  10. name: 'TitleBarCard',
  11. props: {
  12. title: String,
  13. value: Number,
  14. unit: String,
  15. }
  16. }
  17. </script>
  18. <style scoped>
  19. span{
  20. font-size: 8;
  21. margin-left: 9px;
  22. }
  23. .title{
  24. color:#FFFFFF;
  25. }
  26. .value{
  27. color:#50AE56;
  28. }
  29. </style>