<script setup>
import {ref, onMounted} from 'vue'
onMounted(() => {})
</script>

<template>
  <div class="QR-code">
    <div class="QR-dev">
      <img class="QR-img" :src="`./static/images/footer/QR_code.png`" />
      <div class="label">企业微信</div>
    </div>
    <div class="QR-dev">
      <img class="QR-img" :src="`./static/images/footer/mark.png`" alt="" />
      <div class="label">市场联系人</div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.QR-code {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
  .QR-dev {
    width: 150px;
    height: 200px;
  }
  .QR-img {
    width: 150px;
    height: 150px;
  }
  .label {
    margin-top: 10px;
    text-align: center;
    color: $white;
  }
}
</style>
