<template>
    <div class=''>
        <van-popup v-model="showQRCode" round  v-if="qrType">
          <img :src="require(`@/assets/images/qrImg/${qrType}.png`)" show-menu-by-longpress="true" style="width: 160px;height: 160px;"/>
          <h3>长按识别二维码跳转</h3>
        </van-popup>
    </div>
</template>

<script>

export default {
    data() {
        return {};
    },
    props:{
        showQRCode:{
            type:Boolean,
            default:false
        },
        qrType:{
            type:String,
            default:''
        }
    },
    created() {},
    methods: {},
    components:{},
    computed:{},
    watch: {},
}
</script>

<style lang='less' scoped>
:deep .van-popup{
    width: 320px;
    height: 350px;
    padding-top: 15px;
    box-sizing: border-box;
    background: url('@/assets/images/houseQR/dialog_bg.png') no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    display: flex;
    justify-content:  flex-end;
    align-items:center;
    flex-direction: column;
}
</style>
