审查视图

public/demo/coach_introduce.html 4.1 KB
xiaohu authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131
<!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>