<template>
  <popup v-model:value="value" content-animate="scale" style="z-index: 999" @close="$emit('destroy-popup')">
    <section class="wx-pay-container flex center relative">
      <div @click="close" class="wx-pay-close-wrap cursor-pointer absolute animate-rotate-hover">
        <icon type="close" class="wx-pay-close"></icon>
      </div>
      <div>微信支付</div>

      <v-image class="wx-pay-image" :src="src"></v-image>
    </section>
  </popup>
</template>

<script>
import {
  Popup,
  icon,
  vImage,
  scrollView
} from '$components';
import mixins from '../mixins';
import props from '../props';
export default {
  name: "popup-wx-pay",
  components:{
    Popup,
    icon,
    vImage,
    scrollView
  },
  props,
  mixins
}
</script>

<style scoped lang="scss" src="../style.scss"></style>