From 5ea08d91bbd64cbf11a621da1fcda4b3efb71ee0 Mon Sep 17 00:00:00 2001 From: chenghx <chenghx@nfex.com> Date: 星期五, 20 七月 2018 17:36:46 +0800 Subject: [PATCH] mini chart 完善 --- src/components/dashboard/ChartCard.vue | 15 ++++++++++++--- 1 files changed, 12 insertions(+), 3 deletions(-) diff --git a/src/components/dashboard/ChartCard.vue b/src/components/dashboard/ChartCard.vue index 1a2c902..1c869e0 100644 --- a/src/components/dashboard/ChartCard.vue +++ b/src/components/dashboard/ChartCard.vue @@ -7,10 +7,12 @@ <slot name="action"></slot> </span> </div> - <div class="total"><span>锟� 1358.34</span></div> + <div class="total"><span>{{total}}</span></div> </div> <div class="chart-card-content"> - <slot></slot> + <div class="content-fix"> + <slot></slot> + </div> </div> <div class="chart-card-footer"> <slot name="footer"></slot> @@ -23,7 +25,7 @@ export default { name: 'ChartCard', components: {ACard}, - props: ['title'] + props: ['title', 'total'] } </script> @@ -67,6 +69,13 @@ .chart-card-content{ margin-bottom: 12px; position: relative; + height: 46px; + width: 100%; + } + .chart-card-content .content-fix{ + position: absolute; + left: 0; + bottom: 0; width: 100%; } </style> -- Gitblit v1.9.1