shyaf
/
shyaf-resource


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0,viewport-fit=cover">
    <title></title>
    <link rel="stylesheet" href="../css/order.css">
    <style>
        body{
            padding: 0.2rem;
        }
        .page .h1{
            color: skyblue;
            font-size: 1rem;
            text-align: center;
        }
        .page .content .h2{
            font-size: 0.16rem;
            padding-left: 1rem;
        }
        .page .content .form{
            border-top: 0.2rem solid skyblue;
            box-shadow: 0 0 2.5rem rgba(75, 86, 101, 0.3);
            margin-top: 0.6rem;
            padding: 0.6rem;
        }
        .page .form .box{
            display: flex;
            margin-left:2rem;
            margin-bottom: 0.4rem;
        }
        .page .form .icon{
            color: red;
            margin: auto 0;
        }
        .page .form .text{
            width: 4rem;
            font-size: 0.15rem;
            font-weight: bold;
            text-align: right;
        }
        .page .form .box>input{
            width: 7rem;
            height: 1.5rem;
        }
        .page .form .box .code{
            width: 4rem;
        }
        .page .form .box>button{
            border:0.15rem solid skyblue;
            margin-left: 0.8rem;
            background-color: white;
            padding-left: 0.8rem;
            padding-right: 0.8rem;
        }
        
    </style>
</head>
<body>
    <div class="page">
        <p class="h1">IQQA精准术前三维评估及手术规划</p>
        <div class="content">
            <p class="h2">请告诉我们您的手机号码，使我们能够及时通知到您服务的进度。</p>
            <div class="form">
                <p id="warn" style="color: red; display: none;">手机号码必须要填写！</p>
                <div class="box">
                    <p class="icon">*</p>
                    <p class="text">手机号码：</p>
                    <input type="text" placeholder="手机号码">
                </div>
                <div class="box">
                    <p class="icon">*</p>
                    <p class="text">姓名：</p>
                    <input type="text" placeholder="用户姓名">
                </div>
                <div class="box">
                    <p style="color: white;;; margin: auto 0;">*</p>
                    <p class="text">验证码：</p>
                    <input class="code" type="text" placeholder="验证码">
                    <button id="button" onclick="checking">获取验证码</button>
                </div>
            </div>
        </div>
    </div>
</body>


<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/distpicker.data.min.js"></script>
<script src="../js/distpicker.min.js"></script>
<script>
    $(document).ready(function(){
        $('#button').click(function(){
            $('#warn').css('display','block')
        })
    })
</script>
</html>