trucklist.html 4.79 KB
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
        <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
        <title>车辆信息</title>
        <link rel="stylesheet" href="../css/style/common-2.0.css">
        <link rel="stylesheet" href="../css/style/trucklist.css">
        <!-- base seajs -->
        <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
        <!-- base jquery -->
        <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>
    </head>
    <body>
        <div data-role="page" id="trucklist">
            <header class="m-header header-light">
                <div class="head">
                    <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a>
                    <h1>车辆信息</h1>
                </div>
            </header>
            <section class="m-content">
                <ul class="m-tab">
                    <li class="on" ><a href="javascript:;" data-ajax="false">全部</a></li>
                    <li ><a href="javascript:;" data-ajax="false">挂车</a></li>
                    <li ><a href="javascript:;" data-ajax="false">箱车</a></li>
                    <li ><a href="javascript:;" data-ajax="false">面包车</a></li>
                </ul>
                
                <div class="padding10">
                    <div class="column">
                        <i class="m-icon icon-rz trunk-label"></i>
                        <p class="name">箱货车 川A8800</p>
                        <div class="row clearfix">
                            <div class="span6">
                                <span class="key">载重:</span>
                                <span class="value">1.2吨</span>
                            </div>
                            <div class="span6">
                                <span class="key">车长:</span>
                                <span class="value">1.5米</span>
                            </div>
                        </div>
                    </div>

                    <div class="column">
                        <i class="m-icon icon-rz trunk-label"></i>
                        <p class="name">箱货车 川A8800</p>
                        <div class="row clearfix">
                            <div class="span6">
                                <span class="key">载重:</span>
                                <span class="value">1.2吨</span>
                            </div>
                            <div class="span6">
                                <span class="key">车长:</span>
                                <span class="value">1.5米</span>
                            </div>
                        </div>
                    </div>

                    <div class="column">
                        <i class="m-icon icon-rz trunk-label"></i>
                        <p class="name">箱货车 川A8800</p>
                        <div class="row clearfix">
                            <div class="span6">
                                <span class="key">载重:</span>
                                <span class="value">1.2吨</span>
                            </div>
                            <div class="span6">
                                <span class="key">车长:</span>
                                <span class="value">1.5米</span>
                            </div>
                        </div>
                    </div>

                    <div class="column">
                        <i class="m-icon icon-rz trunk-label"></i>
                        <p class="name">箱货车 川A8800</p>
                        <div class="row clearfix">
                            <div class="span6">
                                <span class="key">载重:</span>
                                <span class="value">1.2吨</span>
                            </div>
                            <div class="span6">
                                <span class="key">车长:</span>
                                <span class="value">1.5米</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </body>
</html>