yohocoin.html 8.44 KB
<!DOCTYPE html>
<!--[if IEMobile 7 ]>    <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title></title>
        <meta name="description" content="">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta http-equiv="cleartype" content="on">
        <meta name=”apple-mobile-web-app-status-bar-style” content=black” />

        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/touch/apple-touch-icon-144x144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/touch/apple-touch-icon-114x114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/touch/apple-touch-icon-72x72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="img/touch/apple-touch-icon-57x57-precomposed.png">
        <link rel="shortcut icon" sizes="196x196" href="img/touch/touch-icon-196x196.png">
        <link rel="shortcut icon" href="img/touch/apple-touch-icon.png">

        <link rel="apple-touch-startup-image" sizes="640x920" href="img/startup/startup-retina.png" media="screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)">
        <link rel="apple-touch-startup-image" sizes="320x460" href="img/startup/startup.png" media="screen and (max-device-width: 320)">

        <!-- Tile icon for Win8 (144x144 + tile color) -->
        <meta name="msapplication-TileImage" content="img/touch/apple-touch-icon-144x144-precomposed.png">
        <meta name="msapplication-TileColor" content="#222222">

        <!-- Add to homescreen for Chrome on Android -->
        <meta name="mobile-web-app-capable" content="yes">

        <!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="">

        <!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
        <script>
            (function (a, b, c) {
                if (c in b && b[c]) {
                    var d, e = a.location, f = /^(a|html)$/i;
                    a.addEventListener("click", function (a) {
                        d = a.target;
                        while (!f.test(d.nodeName))d = d.parentNode;
                        "href"in d && (d.href.indexOf("http") || ~d.href.indexOf(e.host)) && (a.preventDefault(), e.href = d.href)
                    }, !1)
                }
            })(document, window.navigator, "standalone")
        </script>

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/global.css">
        <script src="js/vendor/modernizr-2.7.0.min.js"></script>
    </head>
    <body id="header">
        <div class="yohoHeader hidden">
            <a tabindex="0" class="headerMenuBtn icon-app-list" href="javascript:void(0);"></a>
            <a tabindex="1" class="headerSearchBtn icon-app-search" href="javascript:void(0);"></a>
            <a tabindex="2" class="headerCart icon-app-cart fn-right" href="javascript:void(0);"></a>
            <a tabindex="3" class="headerUserAvatar icon-app-user fn-right" href="javascript:void(0);"></a>
            <div class="yohoLogo">
                <a href="" target="5">
                    <span class="headerYOHO">Y</span>
                    <span class="headerChar">H</span>
                </a>
            </div>
        </div>
        <div class="yohoBuyWrap">
            <div class="yohoNavgator">
                <div class="yohoTabNav">
                    <a href="javascript:void(0);">
                        BOYS
                        <span class="YOHOBUY-arrow-up show">
                            <i class="arrow-first"></i>
                            <i class="arrow-last"></i>
                        </span>
                    </a>
                    <a href="javascript:void(0);">
                        GIRLS
                        <span class="YOHOBUY-arrow-up">
                            <i class="arrow-first"></i>
                            <i class="arrow-last"></i>
                        </span>
                    </a>
                </div>
                <div class="navigatorContent">
                    <ul class="tabMenu show">
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>首页</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="navNumber">283</em><em class="icon-uni3E"></em></span>新品</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>品牌</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>OUTLET</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>上衣</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>裤装</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span></a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>箱包</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>配饰</a></li>
                    </ul>
                    <ul class="tabMenu">
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>首页</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="navNumber">288</em><em class="icon-uni3E"></em></span>新品</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>品牌</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>OUTLET</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>上衣</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>裤装</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span></a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>箱包</a></li>
                        <li><a href="javascript:void(0);"><span class="fn-right"><em class="icon-uni3E"></em></span>配饰</a></li>
                    </ul>
                </div>
            </div>
            <div class="yohoContainer">
            <div class="order-title"><a href="javascript:void(0);" class="fn-left"><em class="icon-uni3C"></em></a><span>YOHO币</span></div>
            <div class="order-pan">
               <div class="notice-box">
               <p class="notice-word-big">您目前拥有YOHO币:<span class="red-font align-left">0</span></p>
               </div>
               <div class="yohocoin-list-item">
                 <div class="left-info">
                   <p class="">取消订单号为32132123的订单返还</p>
                   <p class="date">2012-07-26</p>
                 </div>
                 <div class="right-price">
                   <p class=" red-font">+10.0</p>
                 </div>
               </div>
                <div class="yohocoin-list-item">
                 <div class="left-info">
                   <p class="">使用YOHO币支付订单</p>
                   <p class="date">2012-07-26</p>
                 </div>
                 <div class="right-price">
                   <p class="">-10.0</p>
                 </div>
               </div>
            </div>
            </div>
        </div>
        <script src="js/vendor/jquery-2.0.3.min.js"></script>
        <script src="js/helper.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>