coupons.html 4.11 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.css">
    <link rel="stylesheet" href="../css/style/coupons.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 id="coupons">
    <div class="m-page">
        <header class="m-header">
            <div class="head">
                <a href="order_confirm.html" class="lt-bar m-icon icon-back white">返回</a>
                <h1>我的优惠</h1>
                <a href="#" class="rt-bar text white">兑换</a>
            </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>
            </ul>
            <div class="coupons-list">
                <a href="#" class="acoupons clearfix">
                    <img src="../images/cop.png" >
                    <div class="cont">
                        <p>满1000元减200元</p>
                        <p>农丰网全场可用</p>
                        <p class="time">有效期2015-03-07至2015-06-09</p>
                    </div>
                </a>
                <a href="#" class="acoupons clearfix">
                    <img src="../images/cop.png" >
                    <div class="cont">
                        <p>满1000元减200元</p>
                        <p>农丰网全场可用</p>
                        <p class="time">有效期2015-03-07至2015-06-09</p>
                    </div>
                    <span class="m-icon icon-about"></span>
                </a>
                <a href="#" class="acoupons clearfix">
                    <img src="../images/cop.png" >
                    <div class="cont">
                        <p>满1000元减200元</p>
                        <p>农丰网全场可用</p>
                        <p class="time">有效期2015-03-07至2015-06-09</p>
                    </div>
                    <span class="m-icon icon-overdue"></span>
                </a>
                <a href="#" class="acoupons clearfix">
                    <img src="../images/cop.png" >
                    <div class="cont">
                        <p>满1000元减200元</p>
                        <p>农丰网全场可用</p>
                        <p class="time">有效期2015-03-07至2015-06-09</p>
                    </div>
                    <span class="m-icon icon-use"></span>
                </a>
                <a href="#" class="acoupons clearfix">
                    <img src="../images/cop.png" >
                    <div class="cont">
                        <p>满1000元减200元</p>
                        <p>农丰网全场可用</p>
                        <p class="time">有效期2015-03-07至2015-06-09</p>
                    </div>
                    <input type="checkbox" class="m-radio" >
                </a>
            </div>
        </section>
        <div class="hint">
            <p>一券在手,优惠我有!<a href="#">立即采购</a></p>
        </div>
    </div>
    <script type="text/javascript" src="../js/javascript/common/config.js"></script>
</body>

</html>