字体图标
文件路径:/public/iconFont-prepayment
选择组件路径:/src/components/iconFontSelect
使用:
<i class="iconfont prePayment-shuidianbiao"></i>
更新字体图标:
替换/public/iconFont-prepayment文件。该资源的引用在public/index.html中
<link rel="stylesheet" href="<%= BASE_URL %>iconFont-prepayment/iconfont.css" />
选择组件使用:
<template>
<div>
<iconFontSelect src="/iconFont-prepayment" v-model="iconFont" />
</div>
</template>
<script>
import iconFontSelect from '@/components/iconFontSelect/index.vue'
export default {
components: {
iconFontSelect
},
data() {
return {
iconFont: ''
}
},
watch: {
iconFont(value) {
console.log(value)
}
},
methods: {}
}
</script>
<style></style>