message.html 12.7 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="message-title"><a href="javascript:void(0);" class="fn-left"><em class="icon-uni3C"></em></a><span>我的消息</span></div>
            <div class="message-pan">
               <div class="notice-box">
               <p class="notice-word-big align-left">您获得一张优惠券!</p>   
               <p class="notice-word-small">YOHO!有货官方发送于2012-07-26   21:41:28</p>   
               </div>
               <div class="message-coupon">
                  <img src="img/message01.png" width="75" height="99">
                  <div class="message-coupon-right">
                     <p class="title">5CM 春季新品优惠券</p>
                     <p class="title">面值: <span class="red-font">10</span></p>
                     <p class="message-notice">有效期: 2013.09.25-2013.10.31</p>
                     <a href="#" class="red-but short">立即查看</a>
                  </div>
               </div>
               
               <div class="notice-box">
               <p class="notice-word-big align-left">您有一张优惠券可领取!</p>   
               <p class="notice-word-small">YOHO!有货官方发送于2012-07-26   21:41:28</p>   
               </div>
               <div class="message-coupon">
                  <img src="img/message01.png" width="75" height="99">
                  <div class="message-coupon-right">
                     <p class="title">5CM 春季新品优惠券</p>
                     <p class="message-notice">使用时间:2013.09.25-2013.10.31</p>
                     <p class="message-notice price-pan">领取时间:2013.09.25-2013.10.31</p>
                     <p class="message-notice red-font">请登录您的网页领取</p>
                  </div>
               </div>
               
               
               <div class="notice-box">
               <p class="notice-word-big align-left">1个收藏商品降价咯!</p>   
               <p class="notice-word-small">YOHO!有货官方发送于2012-07-26   21:41:28</p>   
               </div>
               <div class="message-coupon">
                  <img src="img/message02.png" width="75" height="99">
                  <div class="message-coupon-right">
                     <p class="title">5CM 春季新品优惠券</p>
                     <p class="message-notice price-pan"><span class="red-font">¥10</span><span class="gray-price">¥169</span> <span>比收藏时降了</span><span class="red-font">¥100.00 <em></em></span></p>
                     <a href="#" class="red-but short">立即查看</a>
                  </div>
               </div>
               
               <div class="message-list-item hover">
               <div class="left-msg">
                 <a href="javascript:void(0);" class="select icon-correct-b"></a>
               </div>
                 <div class="right-msg">
                 <p class="message-notice">YOHO!有货,夏季大促1折起,IPAD2大礼送不停...</p>
                 <p class="date">2012-07-26  21:41:28</p>
                 </div>
                 <div class="right-del-pan">
                   <a href="javascript:void(0);" class="delete"><em class="icon-uni2D"></em></a>
                 </div>
               </div>
               

               
               
               <div class="message-list-item">
                 <div class="left-msg">
                   <a href="javascript:void(0);" class="select"></a>
                 </div>
                 <div class="right-msg">
                 <p class="message-notice">2个收藏商品降价咯!</p>
                 <p class="date">2012-07-26  21:41:28</p>
                 </div>
                 <div class="right-del-pan">
                     <a href="javascript:void(0);" class="delete"><em class="icon-uni2D"></em></a>
                 </div>
               </div>
               <div class="button-pan">
                 <a class="gray-but" href="javascript:void(0);">全选</a>
                  <a class="gray-but" href="javascript:void(0);">删除</a>
               </div>
               
               
               <div class="notice-box">
               <p class="notice-word-big align-left">YOHO!有货,夏季大促1折起,IPAD2大礼送不停...</p>   
               <p class="notice-word-small">YOHO!有货官方发送于2012-07-26   21:41:28</p>   
               </div>
               <div class="notice-box">
               <p>
               YOHO!有货,年中四重好礼钜献:
               </p>
               <p>
                               一、SUMMER SALE X VIP瞩目开启,众多潮品超低价入荷,VIP折扣更让您享受全场1折起的心跳刺激。
               </p>
               <p>
                              二、VIP上线特别回馈,活动期间达成金额减半,享受更优折扣和更多全年优质服务!
               </p>
               <p>
                              三、100%中奖机会,IPAD2大礼送不停订单金额每累计满399元,即可获得的一次抽奖机会,奖品包括现金优惠,DOPIE潮鞋等,每周更有一部IPAD2送出!
              </p>
               <p>
                           四、SUMMER SALE期间全场免运费,让您卖的更开心!
                </p>
               <p>
                             详情 http://sale.yohobuy.com
               </p>
               </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>