<template>
  <cr-popup v-model="show" round>
    <div class="max-popup">
      <div class="max-popup__head">
        恭喜您，成功开通MAX会员
      </div>
      <div class="max-popup__content">
        <cr-image
          src="@/assets/images/maxMember/open-success.png"
          width="6.93rem"
          height="2.98rem"
        />
      </div>
      <div class="max-popup__foot">
        <cr-button type="primary" shape="circle" block @click="show = false">
          知道了
        </cr-button>
      </div>
    </div>
    <cr-icon type="close" size="33px" color="#fff" @click="show = false" />
  </cr-popup>
</template>
<script>
export default {
  props: {
    value: Boolean
  },
  data() {
    return {
      show: false
    };
  },
  watch: {
    value: {
      immediate: true,
      handler(val) {
        this.show = val;
      }
    },
    show(val) {
      this.$emit('input', val);
    }
  }
};
</script>
<style lang="less" scoped>
@import './dialog.less';
.max-popup {
  &__content {
    min-height: auto;
  }
}
</style>
