<template>
    <div class="signupCard">
        <!-- <m-header /> -->
        <m-step :number="6" />

        <div class="container">
            <div class="card-img">
                <img src="../../assets/images/level/uploadBg.png" alt="">
            </div>
            <van-cell-group :border="false">
                <van-cell title="准考证号：" :border="false">
                    <template #default>1058720005575</template>
                </van-cell>
                <van-cell title="考生名字：" :border="false">
                    <template #default>白鸽</template>
                </van-cell>
                <van-cell title="考生性别：" :border="false">
                    <template #default>女</template>
                </van-cell>
                <van-cell title="报考专业：" :border="false">
                    <template #default>钢琴</template>
                </van-cell>
                <van-cell title="报考级别：" :border="false">
                    <template #default>拾级</template>
                </van-cell>
                <van-cell title="考试时间：" :border="false">
                    <template #default>2020-04-23</template>
                </van-cell>
                <van-cell title="考试地点：" :border="false">
                    <template #default>姜杰城航天桥分部</template>
                </van-cell>
            </van-cell-group>
        </div>

        <div class="btn-group">
            <van-button color="@--main-color" size="large" block round>下载APP</van-button>
        </div>
    </div>
</template>
<script>
import MStep from '@/components/MStep'
// import MButton from '@/components/MButton'
// import { browser } from '@/common/common'
export default {
    name: 'signupCard',
	components: { MStep },
    data () {
        return {
        }
    },
    mounted() {
        // 插入token
        // let params = this.$route.query
        // if(params.Authorization) {
        //     localStorage.setItem('Authorization', decodeURI(params.Authorization))
        //     localStorage.setItem('userInfo', decodeURI(params.Authorization))
        // }
    },
    methods: {
        onSubmit() {
            // console.log('submit', values)
        }
    }
}
</script>
<style lang="less" scoped>
@import url("../../assets/commonLess/variable");
.signupCard {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: @--main-bg-color;
    /deep/.van-cell {
        padding: .04rem 0;
        font-size: .14rem;
        color: @--font-main-color;
    }
    /deep/.van-cell__title {
        width: .7rem;
        flex: none;
    }
    /deep/.van-cell__value {
        color: @--font-main-color;
        text-align: left;
        p {
            padding-bottom: .15rem;
            &:last-child{
                padding-bottom: 0;
            }
        }
    }

    /deep/.van-cell-group {
        margin-top: .15rem;
    }

    .container {
        position: relative;
        margin: .3rem .52rem 0;
        padding: .3rem;
        border-radius: .04rem;
        background: #ffffff;
        .card-img {
            margin: 0 auto;
            width: 1rem;
            height: 1.3rem;
            img {
                width: 1rem;
                height: 1.3rem;
            }
        }

        &::after {
            position: absolute;
            left: 2%;
            top: 2%;
            content: ' ';
            width: 96%;
            border-radius: .04rem;
            border: 1px solid @--main-color;
            height: 96%;
        }
    }
}

.btn-group {
    padding: .18rem .65rem .3rem;
    /deep/.van-button {
        height: .5rem;
        line-height: .48rem;
        font-size: .18rem;
    }
}
</style>