no message
Former-commit-id: 90b140d703fb3fce2bef2d98516293854ef9d014 Former-commit-id: a77a9d22757d33850b7366f9d603a920458a29e0 Former-commit-id: d8f16caa59b4ebe374d26c011f967e3dc7e4eef0
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<el-card>
|
||||
<div slot="header">
|
||||
<el-button type="primary" size="mini" @click="syncData">
|
||||
<d2-icon name="refresh"></d2-icon>
|
||||
<d2-icon name="refresh"/>
|
||||
加载数据
|
||||
</el-button>
|
||||
<el-radio-group v-model="height" size="mini">
|
||||
@@ -10,7 +10,7 @@
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<div :style="style">
|
||||
<slot :data="data"></slot>
|
||||
<slot :data="data"/>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<el-card>
|
||||
<p slot="title">只设置目标数字</p>
|
||||
<div class="group">
|
||||
<d2-count-up :end="100"></d2-count-up>
|
||||
<d2-count-up :end="100"/>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -19,7 +19,7 @@
|
||||
<el-card>
|
||||
<p slot="title">设置起止数值</p>
|
||||
<div class="group">
|
||||
<d2-count-up :start="14" :end="100"></d2-count-up>
|
||||
<d2-count-up :start="14" :end="100"/>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -27,7 +27,7 @@
|
||||
<el-card>
|
||||
<p slot="title">小数位数</p>
|
||||
<div class="group">
|
||||
<d2-count-up :end="100" :decimals="2"></d2-count-up>
|
||||
<d2-count-up :end="100" :decimals="2"/>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -35,7 +35,7 @@
|
||||
<el-card>
|
||||
<p slot="title">动画时长</p>
|
||||
<div class="group">
|
||||
<d2-count-up :end="100" :duration="6"></d2-count-up>
|
||||
<d2-count-up :end="100" :duration="6"/>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -43,7 +43,7 @@
|
||||
<el-card>
|
||||
<p slot="title">回调函数</p>
|
||||
<div class="group">
|
||||
<d2-count-up :end="100" :callback="() => {className = 'end'}" :class="className"></d2-count-up>
|
||||
<d2-count-up :end="100" :callback="() => {className = 'end'}" :class="className"/>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@@ -51,7 +51,7 @@
|
||||
<el-card>
|
||||
<p slot="title">结束一秒后更新数值</p>
|
||||
<div class="group">
|
||||
<d2-count-up :end="end" :callback="update"></d2-count-up>
|
||||
<d2-count-up :end="end" :callback="update"/>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
</el-card>
|
||||
<el-card>
|
||||
<template slot="header">输出</template>
|
||||
<d2-highlight :code="formated"></d2-highlight>
|
||||
<d2-highlight :code="formated"/>
|
||||
</el-card>
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
@@ -8,25 +8,25 @@
|
||||
</el-card>
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">javascript</p>
|
||||
<d2-highlight :code="codeJavascript"></d2-highlight>
|
||||
<d2-highlight :code="codeJavascript"/>
|
||||
</el-card>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">css</p>
|
||||
<d2-highlight :code="codeCSS"></d2-highlight>
|
||||
<d2-highlight :code="codeCSS"/>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">scss</p>
|
||||
<d2-highlight :code="codeSCSS"></d2-highlight>
|
||||
<d2-highlight :code="codeSCSS"/>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">html</p>
|
||||
<d2-highlight :code="codeHTML"></d2-highlight>
|
||||
<d2-highlight :code="codeHTML"/>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@@ -54,7 +54,7 @@ export default {
|
||||
return `<i class="fa fa-${this.icon}" aria-hidden="true"></i>`
|
||||
},
|
||||
iconComponent () {
|
||||
return `<d2-icon name="${this.icon}"></d2-icon>`
|
||||
return `<d2-icon name="${this.icon}"/>`
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
@@ -6,10 +6,10 @@
|
||||
title="图标组件"
|
||||
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Icon/index.vue">
|
||||
</PageHeader>
|
||||
<d2-icon></d2-icon>
|
||||
<d2-icon name="github"></d2-icon>
|
||||
<d2-icon name="github" style="font-size: 100px;"></d2-icon>
|
||||
<d2-icon name="github" class="icon-class-demo"></d2-icon>
|
||||
<d2-icon/>
|
||||
<d2-icon name="github"/>
|
||||
<d2-icon name="github" style="font-size: 100px;"/>
|
||||
<d2-icon name="github" class="icon-class-demo"/>
|
||||
</el-card>
|
||||
<el-card>
|
||||
<d2-markdown url="/static/md/组件 - 图标组件.md"/>
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<template v-else>未选择</template>
|
||||
</p>
|
||||
</div>
|
||||
<d2-icon-select v-model="icon"></d2-icon-select>
|
||||
<d2-icon-select v-model="icon"/>
|
||||
<div class="title-group">
|
||||
<p class="title">用户可以输入</p>
|
||||
<p class="sub-title">
|
||||
@@ -27,7 +27,7 @@
|
||||
<template v-else>未选择</template>
|
||||
</p>
|
||||
</div>
|
||||
<d2-icon-select v-model="icon2" :user-input="true"></d2-icon-select>
|
||||
<d2-icon-select v-model="icon2" :user-input="true"/>
|
||||
</el-card>
|
||||
<el-card>
|
||||
<d2-markdown url="/static/md/组件 - 图标选择器.md"/>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
</PageHeader>
|
||||
<el-row>
|
||||
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
|
||||
<d2-icon-svg class="icon" :name="icon"></d2-icon-svg>
|
||||
<d2-icon-svg class="icon" :name="icon"/>
|
||||
<div class="icon-title">
|
||||
<span>{{icon}}</span>
|
||||
</div>
|
||||
|
||||
@@ -6,11 +6,11 @@
|
||||
</PageHeader>
|
||||
<div class="d2-mb">
|
||||
<el-button type="primary" @click="exportCsv">
|
||||
<d2-icon name="download"></d2-icon>
|
||||
<d2-icon name="download"/>
|
||||
导出 CSV
|
||||
</el-button>
|
||||
<el-button type="primary" @click="exportExcel">
|
||||
<d2-icon name="download"></d2-icon>
|
||||
<d2-icon name="download"/>
|
||||
导出 Excel
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
</el-input>
|
||||
<div class="d2-mt d2-mb">
|
||||
<el-button type="primary" @click="exportTxt">
|
||||
<d2-icon name="download"></d2-icon>
|
||||
<d2-icon name="download"/>
|
||||
保存为 txt
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@@ -7,14 +7,14 @@
|
||||
</PageHeader>
|
||||
<div class="d2-mb">
|
||||
<el-button @click="download">
|
||||
<d2-icon name="download"></d2-icon>
|
||||
<d2-icon name="download"/>
|
||||
下载演示 .csv 表格
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="d2-mb">
|
||||
<el-upload :before-upload="handleUpload" action="default">
|
||||
<el-button type="success">
|
||||
<d2-icon name="file-o"></d2-icon>
|
||||
<d2-icon name="file-o"/>
|
||||
选择要导入的 .csv 表格
|
||||
</el-button>
|
||||
</el-upload>
|
||||
|
||||
@@ -7,14 +7,14 @@
|
||||
</PageHeader>
|
||||
<div class="d2-mb">
|
||||
<el-button @click="download">
|
||||
<d2-icon name="download"></d2-icon>
|
||||
<d2-icon name="download"/>
|
||||
下载演示 .xlsx 表格
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="d2-mb">
|
||||
<el-upload :before-upload="handleUpload" action="default">
|
||||
<el-button type="success">
|
||||
<d2-icon name="file-o"></d2-icon>
|
||||
<d2-icon name="file-o"/>
|
||||
选择要导入的 .xlsx 表格
|
||||
</el-button>
|
||||
</el-upload>
|
||||
|
||||
@@ -9,12 +9,12 @@
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12">
|
||||
<div class="col col-l">
|
||||
<d2-highlight :code="code"></d2-highlight>
|
||||
<d2-highlight :code="code"/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div class="col col-r">
|
||||
<d2-highlight :code="mock"></d2-highlight>
|
||||
<d2-highlight :code="mock"/>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
Reference in New Issue
Block a user