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

<template>
  <div class="QR-code">
    <img class="QR-img" :src="`./static/images/footer/QR_code.png`" />
    <div class="label">企业微信</div>
    <img class="QR-img item" :src="`./static/images/footer/mark.png`" alt="" />
    <div class="label">熊雨翔</div>
  </div>
</template>

<style lang="scss" scoped>
.QR-code {
  width: 100%;
  height: 100%;
  background-color: $white;
  .QR-img {
    width: 150px;
    height: 150px;
  }
  .label {
    margin-top: 10px;
    text-align: center;
    color: $white;
  }
  .item {
    margin-top: 20px;
  }
}
</style>
