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: c5bf955e452dc8142dfabe140002a68a64e927fe
Former-commit-id: ac9d62e5efb369bff9dbcb012ce1d043d88b01a2
Former-commit-id: 4430b86f31f0755a7a23ecfac3e112cf2e3b72fa
This commit is contained in:
李杨
2018-02-15 17:53:36 +08:00
parent 1955670007
commit bc6b701769
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/demo/components/icon/components/IconCell.vue
View File

@@ -10,14 +10,19 @@
<i :class="'fa fa-' + icon"></i>
</div>
<el-row :gutter="10">
<el-col :span="12">
<el-col :span="8">
<el-tooltip effect="dark" :content="iconClass" placement="top">
<el-button @click="copy(iconClass)" style="width: 100%;">复制Class</el-button>
<el-button @click="copy(iconClass)" style="width: 100%;">Class</el-button>
</el-tooltip>
</el-col>
<el-col :span="12">
<el-col :span="8">
<el-tooltip effect="dark" :content="iconHtml" placement="top">
<el-button @click="copy(iconHtml)" style="width: 100%;">复制HTML</el-button>
<el-button @click="copy(iconHtml)" style="width: 100%;">HTML</el-button>
</el-tooltip>
</el-col>
<el-col :span="8">
<el-tooltip effect="dark" :content="iconComponent" placement="top">
<el-button @click="copy(iconComponent)" style="width: 100%;">组件</el-button>
</el-tooltip>
</el-col>
</el-row>
@@ -47,6 +52,9 @@ export default {
},
iconHtml () {
return `<i class="fa fa-${this.icon}" aria-hidden="true"></i>`
},
iconComponent () {
return `<Icon name="${this.icon}"></Icon>`
}
},
methods: {