mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-11 03:18:56 +08:00
88fc1b0b2a
- buyer(95) / seller(169) / im(53) / manager(280) 共 597 个组件全部从 Options API 转换为 <script setup> - 四端 vuex 全部移除，状态管理统一迁移至 pinia 4（stores/ 目录） - util.js 等基础设施去除 vm 首参依赖；全局属性（$Message/$filters 等）在 script 内改为具名导入 - 被外部 ref 访问的公共组件均已补齐 defineExpose（清单见各端 MIGRATION-VUE3.md） - 各端 eslint 启用 vue/component-api-style 防止新代码回退 Options API - 四端 yarn build 全部通过；迁移约定与注意事项已更新至各端 MIGRATION-VUE3.md
40 lines
661 B
Vue
40 lines
661 B
Vue
<template>
|
|
<svg :class="svgClass" aria-hidden="true" v-bind="$attrs">
|
|
<use :xlink:href="iconName" />
|
|
</svg>
|
|
</template>
|
|
<script setup>
|
|
import { computed } from 'vue'
|
|
|
|
defineOptions({ name: 'svg-icon' })
|
|
|
|
const props = defineProps({
|
|
iconClass: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
className: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
})
|
|
|
|
const iconName = computed(() => {
|
|
return `#icon-${props.iconClass}`
|
|
})
|
|
|
|
const svgClass = computed(() => {
|
|
if (props.className) {
|
|
return 'svg-icon ' + props.className
|
|
} else {
|
|
return 'svg-icon'
|
|
}
|
|
})
|
|
</script>
|
|
<style scoped>
|
|
.svg-icon {
|
|
fill: currentColor;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|