no message
Former-commit-id: de9fc7ee6ce7d2874bedb5d51fd2997f52870126 Former-commit-id: 70cb9e2b35ef7a76a62dc085aeb77eb914bc42ab Former-commit-id: 47e9746d0a0fd6d32e798a0f6fbd684c8b555f09
This commit is contained in:
@@ -11,7 +11,7 @@
|
||||
<el-card>
|
||||
<p slot="title">只设置目标数字</p>
|
||||
<div class="group">
|
||||
<CountUp :end="100"></CountUp>
|
||||
<d2-count-up :end="100"></d2-count-up>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -19,7 +19,7 @@
|
||||
<el-card>
|
||||
<p slot="title">设置起止数值</p>
|
||||
<div class="group">
|
||||
<CountUp :start="14" :end="100"></CountUp>
|
||||
<d2-count-up :start="14" :end="100"></d2-count-up>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -27,7 +27,7 @@
|
||||
<el-card>
|
||||
<p slot="title">小数位数</p>
|
||||
<div class="group">
|
||||
<CountUp :end="100" :decimals="2"></CountUp>
|
||||
<d2-count-up :end="100" :decimals="2"></d2-count-up>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -35,7 +35,7 @@
|
||||
<el-card>
|
||||
<p slot="title">动画时长</p>
|
||||
<div class="group">
|
||||
<CountUp :end="100" :duration="6"></CountUp>
|
||||
<d2-count-up :end="100" :duration="6"></d2-count-up>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -43,7 +43,7 @@
|
||||
<el-card>
|
||||
<p slot="title">回调函数</p>
|
||||
<div class="group">
|
||||
<CountUp :end="100" :callback="() => {className = 'end'}" :class="className"></CountUp>
|
||||
<d2-count-up :end="100" :callback="() => {className = 'end'}" :class="className"></d2-count-up>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -51,7 +51,7 @@
|
||||
<el-card>
|
||||
<p slot="title">结束一秒后更新数值</p>
|
||||
<div class="group">
|
||||
<CountUp :end="end" :callback="update"></CountUp>
|
||||
<d2-count-up :end="end" :callback="update"></d2-count-up>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
</el-card>
|
||||
<el-card>
|
||||
<template slot="header">输出</template>
|
||||
<Highlight :code="formated"></Highlight>
|
||||
<d2-highlight :code="formated"></d2-highlight>
|
||||
</el-card>
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
@@ -8,25 +8,25 @@
|
||||
</el-card>
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">javascript</p>
|
||||
<Highlight :code="codeJavascript"></Highlight>
|
||||
<d2-highlight :code="codeJavascript"></d2-highlight>
|
||||
</el-card>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">css</p>
|
||||
<Highlight :code="codeCSS"></Highlight>
|
||||
<d2-highlight :code="codeCSS"></d2-highlight>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">scss</p>
|
||||
<Highlight :code="codeSCSS"></Highlight>
|
||||
<d2-highlight :code="codeSCSS"></d2-highlight>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">html</p>
|
||||
<Highlight :code="codeHTML"></Highlight>
|
||||
<d2-highlight :code="codeHTML"></d2-highlight>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@@ -9,12 +9,12 @@
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12">
|
||||
<div class="col col-l">
|
||||
<Highlight :code="code"></Highlight>
|
||||
<d2-highlight :code="code"></d2-highlight>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div class="col col-r">
|
||||
<Highlight :code="mock"></Highlight>
|
||||
<d2-highlight :code="mock"></d2-highlight>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
Reference in New Issue
Block a user