bmy/Vue_dbui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 00:57:27 +08:00
commit 18df0f5e4b
2548 changed files with 253280 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
vue-ydui/example/routers/countup.vue Normal file
View File

@@ -0,0 +1,97 @@
<template>
<yd-layout title="CountUp">
<yd-cell-group class="demo-small-pitch">
<yd-cell-item>
<yd-countup
slot="left"
endnum="1200"
></yd-countup>
<span slot="right">普通调用</span>
</yd-cell-item>
<yd-cell-item>
<yd-countup
slot="left"
endnum="100"
decimals="2"
></yd-countup>
<span slot="right">添加小数</span>
</yd-cell-item>
<yd-cell-item>
<yd-countup
slot="left"
endnum="100"
decimals="2"
prefix="$"
suffix="&"
></yd-countup>
<span slot="right">添加前后符号</span>
</yd-cell-item>
<yd-cell-item>
<yd-countup
slot="left"
endnum="9998"
decimals="2"
separator=","
></yd-countup>
<span slot="right">添加分割符</span>
</yd-cell-item>
<yd-cell-item>
<yd-countup
slot="left"
endnum="998.658"
decimals="3"
:useEasing="true"
></yd-countup>
<span slot="right">使用Easy动画效果</span>
</yd-cell-item>
<yd-cell-item>
<yd-countup
slot="left"
endnum="9998"
duration="5"
decimals="2"
></yd-countup>
<span slot="right">设置动画时长</span>
</yd-cell-item>
<yd-cell-item>
<yd-countup
slot="left"
:endnum="initnum"
separator=","
decimal="."
></yd-countup>
<span slot="right"><yd-button @click.native="initnum = 100" type="warning">改变结束值至100</yd-button></span>
</yd-cell-item>
<yd-cell-item>
<yd-countup
slot="left"
endnum="100"
suffix="%"
:start="start"
></yd-countup>
<span slot="right"><yd-button @click.native="start = true">开始</yd-button></span>
</yd-cell-item>
</yd-cell-group>
</yd-layout>
</template>
<script type="text/babel">
export default {
data() {
return {
initnum: 50,
start: false
}
}
}
</script>