stat_loan_chart.vue 953 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <view class="page-box-bg-fff m-t20 r-30 p-30">
  3. <StatisticsTitle :genre="genre" :leftText="leftText" :rightText="'同比环比'" @onHandle="onHandle"></StatisticsTitle>
  4. <view class="column-c m-30 r-30 p-l16">
  5. <PeakChart></PeakChart>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. import PeakChart from "@/common/chart/peak_chart.vue";
  11. import StatisticsTitle from "./statistics_title.vue";
  12. export default {
  13. name: 'peak_chart',
  14. components: {
  15. PeakChart,
  16. StatisticsTitle
  17. },
  18. props: {
  19. genre: {
  20. type: Number,
  21. default: 0
  22. },
  23. leftText: {
  24. type: String,
  25. default: ''
  26. },
  27. },
  28. data() {
  29. return {
  30. };
  31. }
  32. }
  33. </script>
  34. <style lang="scss" scoped>
  35. // .content_chart {
  36. // text-align: center;
  37. // .chart_item {
  38. // width: 330rpx;
  39. // .num {
  40. // width: 140rpx;
  41. // height: 50rpx;
  42. // line-height: 50rpx;
  43. // background: #F7F9FE;
  44. // border-radius: 10rpx;
  45. // }
  46. // }
  47. // }
  48. </style>