coach_introduce.html 4.1 KB
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>教练介绍</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/style.css">
    <style>
        .Myorder .orderList .order_head{
            height: 100%;
            overflow: hidden;
            line-height: normal;
        }
        .ping_show {
            width: 100%;
            background-color: #fff;
            margin-top: .267rem;
        }
        .ping_title{
            width: 9.467rem;
            margin: 0 auto;
        }
        .ping_title img{
            margin-left: .667rem;
        }
        .yu_tan .yu_tan_box .tan_text{
            width: 6.533333rem;
        }
    </style>
</head>
<body style="background-color: #f6f6f6;">
<div class="box">
    <div class="Myorder">
        <div class="orderList">
            <h1>
                <b>待学车</b>
                <i>2018-06-21</i>
            </h1>
            <div class="order_head">
                <img src="image/head.png"/>
                <div class="coach_intro">
                    <u>张教练</u>
                    <h3>
                        <span>教练介绍:</span>
                        <em>如果你无法简洁的表达你的想法,那就说明你还不够了解它。</em>
                    </h3>
                    <h3>
                        <span>好评率:</span>
                        <em>100%</em>
                    </h3>
                </div>
            </div>
            <div class="order_details tell_jiaolian">
                <img src="image/tell_jiaolian.png">
            </div>
        </div>
    </div>
    <div class="ping_show">
        <div class="ping_title">
            <img src="image/ping_icon.png"/>
            <b>教练评价</b>
        </div>
        <div class="coach_tab">
            <span>专业</span>
            <span>负责</span>
            <span>敬业</span>
        </div>
        <div class="ping_list">
            <h1>喜欢该教练,认证负责!</h1>
            <h2>
                <b>王大锤</b>
                <i>时间:2018-06-16</i>
            </h2>
        </div>
        <div class="ping_list">
            <h1>喜欢该教练,认证负责!</h1>
            <h2>
                <b>王大锤</b>
                <i>时间:2018-06-16</i>
            </h2>
        </div>
        <div class="ping_list">
            <h1>喜欢该教练,认证负责!</h1>
            <h2>
                <b>王大锤</b>
                <i>时间:2018-06-16</i>
            </h2>
        </div>
        <div class="ping_list">
            <h1>喜欢该教练,认证负责!</h1>
            <h2>
                <b>王大锤</b>
                <i>时间:2018-06-16</i>
            </h2>
        </div>
    </div>
    <div class="btn_yuyue_none"></div>
    <div class="btn_yuyue1">
        <img src="image/btn_yuyue.png"/>
    </div>
</div>
<!--弹跳框-->
<div class="full_bg"></div>
<div class="yu_tan">
    <div class="yu_tan_box">
        <img src="image/tan_car1.png" class="tan_car"/>
        <h1 class="tan_text">您确定要预约08:00~09:00张教练的课程吗</h1>
        <h2 class="btn_qr">确认</h2>
    </div>
    <div class="cancel"></div>
</div>

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/study_car.js"></script>
<script>
    $('.btn_yuyue1').click(function(){
        $('.tan_car').css({"width":"4.97rem","height":"2.88rem"});
       tankuang();
    });
    $('.btn_qr').click(function(){
        $('.tan_text').html("恭喜您,预约成功");
        tankuang();
    });
</script>
</body>
</html>