<template>
    <div class="regsiter">
        <header>
            <div class="regsiter-header-content">
                <span
                    >已有账号?
                    <router-link to="/login">请登录</router-link>
                </span>
                <router-link to="/">旅游保首页</router-link>
            </div>
            <div class="regsiter-header-logo">
                <!-- <img class="logo" src="@/assets/images/heade-logo2.png" alt="" /> -->
                <a-divider type="vertical" />
                <span>欢迎注册</span>
                <!-- <img class="plane" src="@/assets/images/plane2.png" alt="" /> -->
            </div>
        </header>
        <section>
            <div>
                <h2>新用户注册</h2>
                <main>
                    <h4>请扫描二维码注册</h4>
                    <div>
                    </div>
                </main>
            </div>
        </section>
    </div>
</template>

<script lang="ts">
    import { defineComponent, ref } from 'vue';
    export default defineComponent({
        name: 'register',
        setup() {
            const qrcodeValue = ref('');

            return { qrcodeValue };
        },
    });
</script>

<style lang="less" scoped>
    .regsiter {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        background: @m-white;
    }
    // header {
    //     font-size: 13px;
    //     width: 100%;
    //     .regsiter-header-content {
    //         text-align: right;
    //         border-bottom: 1px solid #eeeeee;
    //         padding: 0 40px;
    //         span {
    //             margin-right: 40px;
    //         }
    //         a {
    //             color: @cyan-color1;
    //         }
    //     }
    //     .regsiter-header-logo {
    //         padding: 0 40px;
    //         text-align: left;
    //         .ant-divider {
    //             background: @cyan-color1;
    //             height: 20px;
    //             top: -4px;
    //         }
    //         span {
    //             color: @cyan-color1;
    //             font-size: 20px;
    //         }
    //         .plane {
    //             float: right;
    //             margin-right: 30px;
    //         }
    //     }
    // }
    // section {
    //     background: @grey5;
    //     padding: 80px 60px;
    //     > div {
    //         background: @m-white;
    //         box-shadow: 0px 0px 7px 0px rgba(93, 93, 93, 0.1);
    //         border-radius: 5px;
    //         padding: 20px;
    //         h2 {
    //             text-align: left;
    //             color: @black-color4;
    //             font-weight: 400;
    //             font-size: 18px;
    //             border-bottom: 1px solid @grey2;
    //             padding-bottom: 20px;
    //         }
    //     }
    //     main {
    //         margin: 40px 0;
    //         h4 {
    //             font-size: 21px;
    //             font-family: Source Han Sans CN;
    //             font-weight: 400;
    //             color: @black-color1;
    //             margin-bottom: 20px;
    //         }
    //         div {
    //             margin: 0 auto;
    //             width: 218px;
    //             height: 218px;
    //             padding: 20px;
    //             background: @m-white;
    //             border: 1px solid @grey2;
    //         }
    //     }
    // }
</style>
