<template>
    <div style="position:relative ">
        <img src="/picture/hhr/adv_img.jpg" style="width: 100%;   float: right">
        <img src="/picture/hhr/kefu.png"  style="width: 10%;position:fixed ;right: 15px;top: 15px" @click="showPopup">
        <div style="position:fixed ;bottom: 0px;width: 100%">
            <van-button type="info" :round="true" size="large" @click="ordercar">我要领卡</van-button>
        </div>
        <div v-show="kefushow">
            <van-popup  v-model="kefushow" style="width: 90%;height: 45%; display: flex; align-items: center;justify-content: center;">
                <div style="border: 1px solid #e2e2e2;width: 92%;height: 90%;position: fixed;display: flex; align-items: center;justify-content: center;">
                    <div style="font-size: 20px; color: black;text-align: center;position: fixed;top: 3px">您的专属客服</div>
                    <img src="/picture/hhr/service-qrcode.jpg" style="width:55%;" >
                </div>
            </van-popup>
        </div>

    </div>
</template>

<script>
    export default {
        name: "newPackageTips",
        data(){
            return{
                kefushow:false
            }
        }
        ,
        methods:{
            showPopup(){
                this.kefushow=true
            },
            ordercar(){
                this.$router.push({path: 'chooseCard'})
            }
        }
    }
</script>

<style scoped>

</style>
