<template>
  <div class="wrap">
    <div class="inner">
      <div class="icon">
        <i class="el-icon-success icon"></i>
        <p class="tips">加入成功</p>
      </div>
      <p class="text">你已加入城市合伙人计划</p>
      <p class="text">请保存并用微信扫以下二维码打开城市合伙人小程序</p>
      <img class="qrcode"
           src="@/assets/images/mini.jpg"
           alt="">
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    };
  },
  mounted () {

  },
  methods: {

  }
};
</script>

<style lang="scss" scoped>
.wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #f3f6fa;
}
.inner {
    width: 436px;
    padding: 50px 0;
    text-align: center;
    border-radius: 6px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    .icon {
        font-size: 40px;
        color: #007eff;
    }
    .tips {
        margin: 10px 0;
        font-size: 20px;
    }
    .text {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .qrcode {
        width: 200px;
    }
}
@media (max-width: 720px) {
    .inner {
        width: 90%;
    }
}
</style>
