refactor: update example views
This commit is contained in:
@@ -652,37 +652,37 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getStyle } from "@coreui/utils";
|
||||
import { CChart } from "@coreui/vue-chartjs";
|
||||
import WidgetsStatsA from "./WidgetsStatsTypeA.vue";
|
||||
import WidgetsStatsD from "./WidgetsStatsTypeD.vue";
|
||||
import Example from "../../components/DocsExample.vue";
|
||||
import { getStyle } from '@coreui/utils'
|
||||
import { CChart } from '@coreui/vue-chartjs'
|
||||
import WidgetsStatsA from './WidgetsStatsTypeA.vue'
|
||||
import WidgetsStatsD from './WidgetsStatsTypeD.vue'
|
||||
import Example from '../../components/DocsExample.vue'
|
||||
export default {
|
||||
name: "Widgets",
|
||||
name: 'Widgets',
|
||||
components: {
|
||||
CChart,
|
||||
WidgetsStatsA,
|
||||
WidgetsStatsD,
|
||||
Example,
|
||||
},
|
||||
data() {
|
||||
setup() {
|
||||
const widgetStatsE = {
|
||||
labels: [
|
||||
"M",
|
||||
"T",
|
||||
"W",
|
||||
"T",
|
||||
"F",
|
||||
"S",
|
||||
"S",
|
||||
"M",
|
||||
"T",
|
||||
"W",
|
||||
"T",
|
||||
"F",
|
||||
"S",
|
||||
"S",
|
||||
"M",
|
||||
'M',
|
||||
'T',
|
||||
'W',
|
||||
'T',
|
||||
'F',
|
||||
'S',
|
||||
'S',
|
||||
'M',
|
||||
'T',
|
||||
'W',
|
||||
'T',
|
||||
'F',
|
||||
'S',
|
||||
'S',
|
||||
'M',
|
||||
],
|
||||
optionsBar: {
|
||||
maintainAspectRatio: false,
|
||||
@@ -724,19 +724,19 @@ export default {
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
getStyle,
|
||||
widgetStatsE,
|
||||
widgetProgressIconItems: [
|
||||
{ color: "primary", icon: "cil-puzzle" },
|
||||
{ color: "success", icon: "cil-speedometer" },
|
||||
{ color: "danger", icon: "cil-cursor" },
|
||||
{ color: "info", icon: "cil-drop" },
|
||||
{ color: "secondary", icon: "cil-pencil" },
|
||||
{ color: 'primary', icon: 'cil-puzzle' },
|
||||
{ color: 'success', icon: 'cil-speedometer' },
|
||||
{ color: 'danger', icon: 'cil-cursor' },
|
||||
{ color: 'info', icon: 'cil-drop' },
|
||||
{ color: 'secondary', icon: 'cil-pencil' },
|
||||
],
|
||||
};
|
||||
}
|
||||
},
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user