<template>
    <div id="resetPassword">
        <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>
            </div>
            <use-phone />
        </section>
    </div>
</template>

<script lang="ts">
    import { defineComponent } from 'vue';

    export default defineComponent({
        name: 'resetPassword',

        setup() {},
    });
</script>

<style lang="less">
    // #resetPassword {
    //     width: 100%;
    //     height: 100%;
    //     position: fixed;
    //     top: 0;
    //     bottom: 0;
    //     background: @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: @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;
    //             }
    //         }
    //         .useoldpwd {
    //             box-shadow: none;
    //         }
    //         .usephonebtn {
    //             display: none;
    //         }
    //         .submit {
    //             width: 288px !important;
    //         }
    //     }
    // }
</style>
