nuxtProject/components/common/iconGangwei.vue

<template>
  <div class="gangwei-icon">
    <div class="gangwei-icon-content">
      <i :style="iconStyle"></i>
      <p>{{ des.text }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "iconGangwei",
  props: {
    des: {
      type: Object,
      required: true
    }
  },
  computed: {
    iconStyle() {
      return `background-image: url(${this.des.icon})`;
    }
  }
}
</script>