| | |
| | | <template> |
| | | <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" /> |
| | | <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> |
| | | <!-- <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> |
| | | <use :xlink:href="iconName" /> |
| | | </svg> |
| | | </svg> --> |
| | | <span v-else class="iconfont" :class="svgClass" aria-hidden="true" v-on="$listeners"> |
| | | <!-- <i class="iconfont" :class="iconName"></i> --> |
| | | </span> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | return isExternal(this.iconClass) |
| | | }, |
| | | iconName() { |
| | | return `#icon-${this.iconClass}` |
| | | // return `#icon-${this.iconClass}` |
| | | return `iconfont ${this.iconClass}` |
| | | }, |
| | | svgClass() { |
| | | if (this.className) { |
| | | return 'svg-icon ' + this.className |
| | | return 'svg-icon ' + this.iconClass + this.className |
| | | } else { |
| | | return 'svg-icon' |
| | | return 'svg-icon ' + this.iconClass |
| | | } |
| | | }, |
| | | styleExternalIcon() { |