feat: Bootstrap Vue components changed to Coreui-Vue components

This commit is contained in:
woothu
2019-02-18 17:27:13 +01:00
parent 6433e8ac1e
commit 2057ba6b5c
47 changed files with 7751 additions and 8387 deletions
+29 -29
View File
@@ -1,38 +1,38 @@
<template>
<div class="animated fadeIn">
<b-card-group columns class="card-columns">
<b-card header="Line Chart">
<line-example/>
</b-card>
<b-card header="Bar Chart">
<bar-example/>
</b-card>
<b-card header="Doughnut Chart">
<doughnut-example/>
</b-card>
<b-card header="Radar Chart">
<radar-example/>
</b-card>
<b-card header="Pie Chart">
<pie-example/>
</b-card>
<b-card header="Polar Area Chart">
<polar-area-example/>
</b-card>
<b-card header="Simple line chart">
<c-simple-line-chart style="height:80px" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
<CCardGroup columns class="card-columns">
<CCard header="Line Chart">
<LineExample/>
</CCard>
<CCard header="Bar Chart">
<BarExample/>
</CCard>
<CCard header="Doughnut Chart">
<DoughnutExample/>
</CCard>
<CCard header="Radar Chart">
<RadarExample/>
</CCard>
<CCard header="Pie Chart">
<PieExample/>
</CCard>
<CCard header="Polar Area Chart">
<PolarAreaExample/>
</CCard>
<CCard header="Simple line chart">
<CSimpleLineChart style="height:80px" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
label='Sales' borderColor='success'/>
</b-card>
<b-card header="Simple pointed chart">
<c-simple-pointed-chart class='px-3' :data='[65, 59, 84, 84, 51, 55, 40]'
</CCard>
<CCard header="Simple pointed chart">
<CSimplePointedChart class='px-3' :data='[65, 59, 84, 84, 51, 55, 40]'
:labels="['January', 'February', 'March', 'April', 'May', 'June', 'July']"
style='height:80px' label='Members' pointHoverColor='warning' borderColor='warning'/>
</b-card>
<b-card header="Simple bar chart">
<c-simple-bar-chart style="height:80px" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
</CCard>
<CCard header="Simple bar chart">
<CSimpleBarChart style="height:80px" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
label='Sales' color='danger'/>
</b-card>
</b-card-group>
</CCard>
</CCardGroup>
</div>
</template>
<script>