mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-11-15 14:03:36 +08:00
feat: add countTo example
This commit is contained in:
34
src/views/components/countTo/index.vue
Normal file
34
src/views/components/countTo/index.vue
Normal file
@@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<div style="margin:10px">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="10">
|
||||
<el-card shadow="always">
|
||||
<CountTo prefix="$" :color="'#409EFF'" :startVal="1" :endVal="1000" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-card shadow="always">
|
||||
<CountTo prefix="$" :color="'green'" :startVal="1" :endVal="1500" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang='ts'>
|
||||
import CountTo from "../../../components/countTo/src/index.vue";
|
||||
export default {
|
||||
components: {
|
||||
CountTo
|
||||
},
|
||||
setup() {
|
||||
return {};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-card) {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user