heyujie
2022-07-18 1a783e0a2068b1a99efb7a078f4a615f68dec18f
src/views/index/components/productLeft.vue
@@ -1,14 +1,21 @@
<template>
  <div class="productLeft" :style="{ background: ` url(${data.img})` }">
  <div
    class="productLeft"
    :style="{
      background: ` url(${data.pic})`,
      backgroundSize: '100% 100%',
      backgroundRepeat: 'no-repeat',
    }"
  >
    <div class="inner">
      <div class="title">
        {{ data.title }}
        {{ data.name }}
      </div>
      <div class="des">
        {{ data.des }}
        {{ data.desc }}
      </div>
      <div class="button">
        <router-link :to="data.router">查看全部</router-link>
        <router-link to="/product">查看全部</router-link>
      </div>
    </div>
  </div>
@@ -21,6 +28,18 @@
      type: Object,
    },
  },
  created() {
    var reg = /^[0-9]/;
    if (reg.test(this.data.pic)) {
      this.pic = "http://" + this.data.pic;
    }
    this.pic = this.data.pic;
  },
  data() {
    return {
      pic: "",
    };
  },
};
</script>