64 lines
1.9 KiB
Vue
64 lines
1.9 KiB
Vue
<!--
|
|
* ___====-_ _-====___
|
|
* _--^^^#####// \\#####^^^--_
|
|
* _-^##########// ( ) \\##########^-_
|
|
* -############// |\^^/| \\############-
|
|
* _/############// (@::@) \############\_
|
|
* /#############(( \\// ))#############\
|
|
* -###############\\ (oo) //###############-
|
|
* -#################\\ / VV \ //#################-
|
|
* -###################\\/ \//###################-
|
|
* _#/|##########/\######( /\ )######/\##########|\#_
|
|
* |/ |#/\#/\#/\/ \#/\##\ | | /##/\#/ \/\#/\#/\#| \|
|
|
* ` |/ V V ` V \#\| | | |/#/ V ' V V \| '
|
|
* ` ` ` ` / | | | | \ ' ' ' '
|
|
* ( | | | | )
|
|
* __\ | | | | /__
|
|
* (vvv(VVV)(VVV)vvv)
|
|
*
|
|
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
*
|
|
* 神兽保佑 永无BUG
|
|
*
|
|
* @Descripttion:
|
|
* @version:
|
|
* @Date: 2021-04-20 11:06:21
|
|
* @LastEditors: huzhushan@126.com
|
|
* @LastEditTime: 2021-04-21 12:46:37
|
|
* @Author: huzhushan@126.com
|
|
* @HomePage: https://huzhushan.gitee.io/vue3-element-admin
|
|
* @Github: https://github.com/huzhushan/vue3-element-admin
|
|
* @Donate: https://huzhushan.gitee.io/vue3-element-admin/donate/
|
|
-->
|
|
|
|
<template>
|
|
<i v-if="isElementIcon" :class="`icon ${icon}`" />
|
|
<svg-icon class="icon" v-else-if="!!icon" :name="icon" />
|
|
<span>{{ title }}</span>
|
|
</template>
|
|
|
|
<script>
|
|
import { computed, defineComponent } from 'vue'
|
|
|
|
export default defineComponent({
|
|
props: ['title', 'icon'],
|
|
setup({ icon }) {
|
|
const isElementIcon = computed(() => icon && icon.startsWith('el-icon'))
|
|
|
|
return {
|
|
isElementIcon,
|
|
}
|
|
},
|
|
})
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.icon {
|
|
margin-right: 10px;
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
color: currentColor;
|
|
}
|
|
</style>
|