<template>
    <div>
        <h1>您的登录已失效，请选择身份重新登录</h1>
        <div class="iconCtn">
            <div>
                <img src="../../assets/images/doctor.png" alt="">
            </div>
            <div>
                <van-icon name="friends-o" color=" #4BA5FF" size="1.5rem" style="
                    box-shadow: 0 3px 3px 0px #B9D7F9;
                    border-radius: 50%;
                    box-sizing: border-box;
                    padding: .2rem;
                    text-align: center;"
                />
            </div>
        </div>
        <div class="btn">
            <van-button type="info" :url="DoctorUserLoginUrl">我是医生</van-button>
            <van-button type="info" :url="PatientUserLoginUrl">我是患者</van-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "SwitchTheLogin",
        data(){
            return{
                DoctorUserLoginUrl:'',
                PatientUserLoginUrl:''
            }
        },
        created() {
            // window.location.replace(process.env.VUE_APP_LoginUrl);
            this.DoctorUserLoginUrl = process.env.VUE_APP_DoctorUserLoginUrl;
            this.PatientUserLoginUrl = process.env.VUE_APP_PatientUserLoginUrl;
        }
    }
</script>

<style lang="less" scoped>
    h1{
        font-size: .3rem;
        margin: 3rem auto 1rem;
        box-sizing: border-box;
        padding: 0 .3rem;
    }
    .iconCtn{
        display: flex;
        align-items: center;
        justify-content:space-around;
        >div{
            width: 2rem;
            text-align: center;
            img{
                width: 100%;
            }
        }
    }
    .btn{
        margin-top: .2rem;
        display: flex;
        align-items: center;
        justify-content:space-around;
    }
</style>
