sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/core/d2-container/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="container-component" :class="{responsive}">
<!-- [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/>
</el-card>

21
src/pages/demo/components/countup/index.vue
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>

26
src/pages/demo/plugins/js-cookie/index.vue
View File

@@ -1,18 +1,16 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<d2-demo-page-header slot="header" title="基本示例"/>
<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="info" @click="get('test-user-name')">get('test-user-name')</el-button>
<el-button type="error" @click="remove('test-user-name')">remove('test-user-name')</el-button>
<p>设置有效期</p>
<el-button type="primary" @click="setExpires('test-user-pwd', '123456789', 1)">设置 'test-user-pwd' 有效期为一天</el-button>
<el-button type="info" @click="get('test-user-pwd')">get('test-user-pwd')</el-button>
<el-button type="error" @click="remove('test-user-pwd')">remove('test-user-pwd')</el-button>
<p>获取所有可以获得的数据</p>
<el-button type="info" @click="getAll">getAll</el-button>
</el-card>
<d2-container type="card">
<d2-demo-page-header slot="header" title="基本示例"/>
<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="info" @click="get('test-user-name')">get('test-user-name')</el-button>
<el-button type="error" @click="remove('test-user-name')">remove('test-user-name')</el-button>
<p>设置有效期</p>
<el-button type="primary" @click="setExpires('test-user-pwd', '123456789', 1)">设置 'test-user-pwd' 有效期为一天</el-button>
<el-button type="info" @click="get('test-user-pwd')">get('test-user-pwd')</el-button>
<el-button type="error" @click="remove('test-user-pwd')">remove('test-user-pwd')</el-button>
<p>获取所有可以获得的数据</p>
<el-button type="info" @click="getAll">getAll</el-button>
</d2-container>
</template>

28
src/pages/demo/plugins/mock/ajax.vue
View File

@@ -1,19 +1,17 @@
<template>
<d2-container type="ghost">
<el-card>
<div slot="header">
<el-button @click="ajax">发送请求</el-button>
</div>
<el-table v-bind="table" style="width: 100%" class="d2-mb">
<el-table-column
v-for="(item, index) in table.columns"
:key="index"
:prop="item.prop"
:label="item.label">
</el-table-column>
</el-table>
<d2-markdown url="/static/md/插件 - mock拦截ajax.md"/>
</el-card>
<d2-container type="card">
<div slot="header">
<el-button @click="ajax">发送请求</el-button>
</div>
<el-table v-bind="table" style="width: 100%" class="d2-mb">
<el-table-column
v-for="(item, index) in table.columns"
:key="index"
:prop="item.prop"
:label="item.label">
</el-table-column>
</el-table>
<d2-markdown url="/static/md/插件 - mock拦截ajax.md"/>
</d2-container>
</template>