关于前端:uniapp-如何使用svg亲测有效

登录iconfont

将须要的图标 增加到购物车

点击购物车，增加至我的项目

资源管理 -> 我的我的项目

新建 组件iconfont，并将方才下载的压缩包解压到 iconfont组件目录下

iconfont.vue

<template>
    <text class="iconfont" :class="name" :style="[{color: color}]" @click="$emit('click', $event)"></text>
</template>

<script>
    export default {
        props: {
            name: String,
            color: String
        }
    }
</script>

<style scoped>
@import url("./iconfont.css");

.iconfont {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
}
</style>

当初组件就制作实现了，应用办法：

<iconfont name="shaixuan"></iconfont>

name 属性参考以下