7***@qq.com
7***@qq.com
  • 发布:2023-05-29 15:48
  • 更新:2023-05-29 15:48
  • 阅读:239

@ant-design/icons-vue 引入打包后App无法显示

分类:uni-app
@ant-design/icons-vue 引入打包后App无法显示 <template> <svg class="[prefixCls, $attrs.class, spin && 'svg-icon-spin']"

style="getStyle" aria-hidden="true"

<use :xlink:href="symbolId" />
</svg>
</template>
<script lang="ts">
import type { CSSProperties } from 'vue';
import { defineComponent, computed } from 'vue';

export default defineComponent({
name: 'SvgIcon',
props: {
prefix: {
type: String,
default: 'icon',
},
name: {
type: String,
required: true,
},
size: {
type: [Number, String],
default: 16,
},
spin: {
type: Boolean,
default: false,
},
},
setup(props) {
const prefixCls = {}
const symbolId = computed(() => #${props.prefix}-${props.name});

const getStyle = computed((): CSSProperties => {
const { size } = props;
let s = ${size};
s = ${s.replace('px', '')}px;
return {
width: s,
height: s,
};
});
return { symbolId, prefixCls, getStyle };
},
});
</script>
<style lang="less" scoped>
.svg-icon-spin {
animation: loadingCircle 1s infinite linear;
}
</style>

2023-05-29 15:48 负责人:无 分享
已邀请:

要回复问题请先登录注册