no message
Former-commit-id: c4ead3ff0d34e4cd84554e16c180b993e98fe565 Former-commit-id: 93899322af2dee317860cca8fa1d3dc0224894d4 Former-commit-id: e47a2fc2262b8172ab50d8686a3862c9b2cbd7bd
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container-component" :class="{responsive}">
|
<div class="container-component" :class="{responsive}">
|
||||||
<!-- [card] 卡片容器 -->
|
<!-- [card] 卡片容器 -->
|
||||||
<el-card v-if="type === 'card'" class="d2-container-card d2-mr d2-mb">
|
<el-card v-if="type === 'card'" shadow="never" class="d2-container-card d2-mr d2-mb">
|
||||||
<slot v-if="$slots.header" name="header" slot="header"/>
|
<slot v-if="$slots.header" name="header" slot="header"/>
|
||||||
<slot/>
|
<slot/>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|||||||
@@ -1,11 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost" class="page">
|
<d2-container class="page">
|
||||||
<el-card>
|
<template slot="header">数字动画组件</template>
|
||||||
<d2-demo-page-header title="数字动画组件"/>
|
|
||||||
</el-card>
|
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-card>
|
<el-card shadow="never">
|
||||||
<p slot="title">只设置目标数字</p>
|
<p slot="title">只设置目标数字</p>
|
||||||
<div class="group">
|
<div class="group">
|
||||||
<d2-count-up :end="100"/>
|
<d2-count-up :end="100"/>
|
||||||
@@ -13,7 +11,7 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-card>
|
<el-card shadow="never">
|
||||||
<p slot="title">设置起止数值</p>
|
<p slot="title">设置起止数值</p>
|
||||||
<div class="group">
|
<div class="group">
|
||||||
<d2-count-up :start="14" :end="100"/>
|
<d2-count-up :start="14" :end="100"/>
|
||||||
@@ -21,7 +19,7 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-card>
|
<el-card shadow="never">
|
||||||
<p slot="title">小数位数</p>
|
<p slot="title">小数位数</p>
|
||||||
<div class="group">
|
<div class="group">
|
||||||
<d2-count-up :end="100" :decimals="2"/>
|
<d2-count-up :end="100" :decimals="2"/>
|
||||||
@@ -29,7 +27,7 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-card>
|
<el-card shadow="never">
|
||||||
<p slot="title">动画时长</p>
|
<p slot="title">动画时长</p>
|
||||||
<div class="group">
|
<div class="group">
|
||||||
<d2-count-up :end="100" :duration="6"/>
|
<d2-count-up :end="100" :duration="6"/>
|
||||||
@@ -37,7 +35,7 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-card>
|
<el-card shadow="never">
|
||||||
<p slot="title">回调函数</p>
|
<p slot="title">回调函数</p>
|
||||||
<div class="group">
|
<div class="group">
|
||||||
<d2-count-up :end="100" :callback="() => {className = 'end'}" :class="className"/>
|
<d2-count-up :end="100" :callback="() => {className = 'end'}" :class="className"/>
|
||||||
@@ -45,7 +43,7 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-card>
|
<el-card shadow="never">
|
||||||
<p slot="title">结束一秒后更新数值</p>
|
<p slot="title">结束一秒后更新数值</p>
|
||||||
<div class="group">
|
<div class="group">
|
||||||
<d2-count-up :end="end" :callback="update"/>
|
<d2-count-up :end="end" :callback="update"/>
|
||||||
@@ -53,9 +51,6 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-card>
|
|
||||||
<d2-markdown url="/static/md/组件 - 数字动画.md"/>
|
|
||||||
</el-card>
|
|
||||||
</d2-container>
|
</d2-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="card">
|
||||||
<el-card class="d2-mb">
|
|
||||||
<d2-demo-page-header slot="header" title="基本示例"/>
|
<d2-demo-page-header slot="header" title="基本示例"/>
|
||||||
<p class="d2-mt-0">基本读写删</p>
|
<p class="d2-mt-0">基本读写删</p>
|
||||||
<el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
|
<el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
|
||||||
@@ -12,7 +11,6 @@
|
|||||||
<el-button type="error" @click="remove('test-user-pwd')">remove('test-user-pwd')</el-button>
|
<el-button type="error" @click="remove('test-user-pwd')">remove('test-user-pwd')</el-button>
|
||||||
<p>获取所有可以获得的数据</p>
|
<p>获取所有可以获得的数据</p>
|
||||||
<el-button type="info" @click="getAll">getAll</el-button>
|
<el-button type="info" @click="getAll">getAll</el-button>
|
||||||
</el-card>
|
|
||||||
</d2-container>
|
</d2-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="card">
|
||||||
<el-card>
|
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<el-button @click="ajax">发送请求</el-button>
|
<el-button @click="ajax">发送请求</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -13,7 +12,6 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<d2-markdown url="/static/md/插件 - mock拦截ajax.md"/>
|
<d2-markdown url="/static/md/插件 - mock拦截ajax.md"/>
|
||||||
</el-card>
|
|
||||||
</d2-container>
|
</d2-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user