no message
Former-commit-id: e56d52ae1e817adb053f6d20bad490379bf6b8b7 Former-commit-id: b6641ea988e7dab68cc11ae212c32f32923e1cf3 Former-commit-id: a4e3d1e9d3998e7fb34266719f8d55980078dcfd
This commit is contained in:
@@ -54,7 +54,7 @@ export default {
|
||||
return `<i class="fa fa-${this.icon}" aria-hidden="true"></i>`
|
||||
},
|
||||
iconComponent () {
|
||||
return `<Icon name="${this.icon}"></Icon>`
|
||||
return `<d2-icon name="${this.icon}"></d2-icon>`
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
@@ -6,10 +6,10 @@
|
||||
title="图标组件"
|
||||
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Icon/index.vue">
|
||||
</PageHeader>
|
||||
<Icon></Icon>
|
||||
<Icon name="github"></Icon>
|
||||
<Icon name="github" style="font-size: 100px;"></Icon>
|
||||
<Icon name="github" class="icon-class-demo"></Icon>
|
||||
<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>
|
||||
</el-card>
|
||||
<el-card>
|
||||
<Markdown url="/static/md/组件 - 图标组件.md"></Markdown>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
style="width: auto;">
|
||||
</el-alert>
|
||||
<el-col v-for="(iconItem, iconIndex) in iconShow.icon" :key="iconIndex" :span="6" class="d2-p-10">
|
||||
<IconCell :icon="iconItem"></IconCell>
|
||||
<d2-iconCell :icon="iconItem"></d2-iconCell>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="图标选择器"
|
||||
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/IconSelect/index.vue">
|
||||
url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/d2-icon-select/index.vue">
|
||||
</PageHeader>
|
||||
<div class="title-group">
|
||||
<p class="title">一般用法</p>
|
||||
@@ -16,7 +16,7 @@
|
||||
<template v-else>未选择</template>
|
||||
</p>
|
||||
</div>
|
||||
<IconSelect v-model="icon"></IconSelect>
|
||||
<d2-icon-select v-model="icon"></d2-icon-select>
|
||||
<div class="title-group">
|
||||
<p class="title">用户可以输入</p>
|
||||
<p class="sub-title">
|
||||
@@ -27,7 +27,7 @@
|
||||
<template v-else>未选择</template>
|
||||
</p>
|
||||
</div>
|
||||
<IconSelect v-model="icon2" :user-input="true"></IconSelect>
|
||||
<d2-icon-select v-model="icon2" :user-input="true"></d2-icon-select>
|
||||
</el-card>
|
||||
<el-card>
|
||||
<Markdown url="/static/md/组件 - 图标选择器.md"></Markdown>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
</PageHeader>
|
||||
<el-row>
|
||||
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
|
||||
<IconSvg class="icon" :name="icon"></IconSvg>
|
||||
<d2-icon-svg class="icon" :name="icon"></d2-icon-svg>
|
||||
<div class="icon-title">
|
||||
<span>{{icon}}</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user