<template>
  <div class="code_toast">
    <img class="about_img" src="@/assets/service/tip.png" alt="" />
    <p class="about_title">提示</p>
    <p class="about_content">您还不是达人身份，无法参与专享服务</p>
    <p class="about_content">长按下方二维码扫一扫解锁该服务</p>
    <img class="code_img" src="@/assets/service/customized_code2.png" alt="">
    <p class="about_know" @click="$emit('hiddenToast')">我知道了</p>
  </div>
</template>
<script>
export default {}
</script>
<style lang="scss">
.code_toast {
  width: 592px;
  box-sizing: border-box;
  padding: 0 50px;
  .about_img {
    width: 112px;
    margin: 0 auto;
    margin-top: 30px;
    display: block;
  }
  .about_title {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
  }
  .about_content {
    font-size: 28px;
    margin-top: 20px;
    text-align: center;
    color: #999;
  }
  .about_know {
    font-size: 32px;
    text-align: center;
    color: #3385ff;
    margin-top: 60px;
    margin-bottom: 44px;
  }
  .code_img{
    display: block;
    width: 340px;
    margin: 0 auto;
    margin-top: 20px;
    pointer-events: auto;
    user-select: auto;
  }
}
</style>