no message

Former-commit-id: c4ead3ff0d34e4cd84554e16c180b993e98fe565
Former-commit-id: 93899322af2dee317860cca8fa1d3dc0224894d4
Former-commit-id: e47a2fc2262b8172ab50d8686a3862c9b2cbd7bd
This commit is contained in:
liyang
2018-06-11 14:11:47 +08:00
parent fa0a1ac5cb
commit 5d3025f33c
4 changed files with 34 additions and 43 deletions

View File

@@ -1,11 +1,9 @@
<template>
<d2-container type="ghost" class="page">
<el-card>
<d2-demo-page-header title="数字动画组件"/>
</el-card>
<d2-container class="page">
<template slot="header">数字动画组件</template>
<el-row :gutter="20">
<el-col :span="6">
<el-card>
<el-card shadow="never">
<p slot="title">只设置目标数字</p>
<div class="group">
<d2-count-up :end="100"/>
@@ -13,7 +11,7 @@
</el-card>
</el-col>
<el-col :span="6">
<el-card>
<el-card shadow="never">
<p slot="title">设置起止数值</p>
<div class="group">
<d2-count-up :start="14" :end="100"/>
@@ -21,7 +19,7 @@
</el-card>
</el-col>
<el-col :span="6">
<el-card>
<el-card shadow="never">
<p slot="title">小数位数</p>
<div class="group">
<d2-count-up :end="100" :decimals="2"/>
@@ -29,7 +27,7 @@
</el-card>
</el-col>
<el-col :span="6">
<el-card>
<el-card shadow="never">
<p slot="title">动画时长</p>
<div class="group">
<d2-count-up :end="100" :duration="6"/>
@@ -37,7 +35,7 @@
</el-card>
</el-col>
<el-col :span="6">
<el-card>
<el-card shadow="never">
<p slot="title">回调函数</p>
<div class="group">
<d2-count-up :end="100" :callback="() => {className = 'end'}" :class="className"/>
@@ -45,7 +43,7 @@
</el-card>
</el-col>
<el-col :span="6">
<el-card>
<el-card shadow="never">
<p slot="title">结束一秒后更新数值</p>
<div class="group">
<d2-count-up :end="end" :callback="update"/>
@@ -53,9 +51,6 @@
</el-card>
</el-col>
</el-row>
<el-card>
<d2-markdown url="/static/md/组件 - 数字动画.md"/>
</el-card>
</d2-container>
</template>