<template>
  <!-- 展示：背景 头像 店名 介绍 -->
  <div class="dec-shopFront">
    <div class="type" :class="arg.styleArg">
      <img class="image" :src="decImgDomain(arg.bgImg, 'temp-bg.png')" />
      <div class="wrap">
        <a-avatar
          class="logo"
          :src="decImgDomain(arg.logoImg, 'temp-user.jpg')"
        />
        <div class="info">
          <div class="name dec-truncate">{{ arg.shopName }}</div>
          <div class="intro dec-truncate">{{ arg.intro }}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// 设置店招
export default {
  inject: ["decAxios", "decImgDomain"],
  props: {
    tab: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      arg: null,
    };
  },
  created() {
    // 动态获取店铺的logo
    this.arg = this.tab.arg;
  },
};
</script>
