关于前端: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 属性参考以下