字体图标

文件路径:/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>

results matching ""

    No results matching ""