show.html 15.8 KB
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>show</title>
    <link rel="stylesheet" href="../../res/css/index.css"/>
</head>
<body>
    <div class="yoho-nav clearfix">
        <ul class="clearfix">
            <li>
                <span>YOHO!</span>
                <a href="http://www.yoho.cn" target="_blank">集团官网</a>
            </li>
            <li>
                <span>YOHO!有货</span>
                <a href="http://www.yohobuy.com" target="_blank">潮流购物</a>
            </li>
            <li>
                <span>YOHO!BOYS</span>
                <a href="http://www.yohoboys.com">男生潮流</a>
            </li>
            <li>
                <span>YOHO!GIRLS</span>
                <a href="http://www.yohogirls.com" target="_blank">女生潮流</a>
            </li>
            <li>
                <span>YOHO!SHOW</span>
                <a href="http://www.yohoshow.com" target="_blank">物趣分享</a>
            </li>
            <li class="current">
                <span>YOHOOD</span>
                <a href="javascript:;" target="_blank">潮流嘉年华</a>
            </li>
        </ul>
        <a class="contact-btn" href="javascript:;">contact</a>
    </div>
    <div class="header">
        <h1 class="logo"></h1>
        <div class="nav">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">HOME</a>
                    <span>首页</span>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">ACTIVITY</a>
                    <span>活动详情</span>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">COUNSEL</a>
                    <span>最新资讯</span>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">BRAND</a>
                    <span>参展品牌</span>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">VIDEO</a>
                    <span>热点视频</span>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">RECOMMEND</a>
                    <span>限量推荐</span>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">SCENE</a>
                    <span>现场活动</span>
                    <i></i>
                </li>
                <li class="current">
                    <a href="javascript:;">SHOW</a>
                    <span>潮流分享</span>
                    <i></i>
                </li>
            </ul>
        </div>
    </div>
    <div class="bd">
        <h2 class="show-title">#YO'HOOD SHOW#</h2>  
        <div class="show-wrap clearfix">
            <div class="main-layout clearfix">
                <div class="layout-item tiled">
                    <div class="image-box">
                        <a href="javascript:;">
                            <img data-original="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
                        </a>
                        <a class="pic-tip" href="javascript:;">banana</a>
                        <a class="pic-tip" href="javascript:;">111111111111111</a>
                    </div>
                    <div class="content">
                        <p>content</p>
                        <p class="time">2014.07.25</p>
                    </div>
                </div>
                <div class="layout-item tiled">
                    <div class="image-box">
                        <a href="javascript:;">
                            <img data-original="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="">
                        </a>
                        <a class="pic-tip" href="javascript:;">122</a>
                        <a class="pic-tip" href="javascript:;">33</a>
                    </div>
                    <div class="content">
                        <p>contentcontentco ntentconten tcontentc ontentc ontentcontentcontent</p>
                        <p class="time">2014.07.25</p>
                    </div>
                </div>
                <div class="layout-item tiled">
                    <div class="image-box">
                        <a href="javascript:;">
                            <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="">
                        </a>
                    </div>
                    <div class="content">
                        <p>content</p>
                        <p class="time">2014.07.25</p>
                    </div>
                </div>
                <div class="layout-item tiled">
                    <div class="image-box">
                        <a href="javascript:;">
                            <img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="">
                        </a>
                    </div>
                    <div class="content">
                        <p>content</p>
                        <p class="time">2014.07.25</p>
                    </div>
                </div>
                <div class="layout-item tiled">
                    <div class="image-box">
                        <a href="javascript:;">
                            <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
                        </a>
                    </div>
                    <div class="content">
                        <p>content</p>
                        <p class="time">2014.07.25</p>
                    </div>
                </div>
                <div class="layout-item tiled">
                    <div class="image-box">
                        <a href="javascript:;">
                            <img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="">
                        </a>
                    </div>
                    <div class="content">
                        <p>content</p>
                        <p class="time">2014.07.25</p>
                    </div>
                </div>
                <div class="layout-item tiled">
                    <div class="image-box">
                        <a href="javascript:;">
                            <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="">
                        </a>
                    </div>
                    <div class="content">
                        <p>content</p>
                        <p class="time">2014.07.25</p>
                    </div>
                </div>
                <div class="layout-item tiled">
                    <div class="image-box">
                        <a href="javascript:;">
                            <img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="">
                        </a>
                    </div>
                    <div class="content">
                        <p>content</p>
                        <p class="time">2014.07.25</p>
                    </div>
                </div>
            </div>
            <div id="pageContent" style="text-align: center;" class="pagination">
                <div class="pagination-inner" id="img_page" model="default" rel="">
                    <a class="current" p="1">1</a>
                    <a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">2</a>
                    <a href="http://www.yohood.cn/default/index/page/3" class="link2" p="3">3</a>
                    <a href="http://www.yohood.cn/default/index/page/4" class="link2" p="4">4</a>
                    <a href="http://www.yohood.cn/default/index/page/5" class="link2" p="5">5</a>
                    <a href="http://www.yohood.cn/default/index/page/6" class="link2" p="6">6</a>
                    <a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">>></a>
                </div>
            </div>
            
        </div>
    </div>
    <div class="ft">
        <div class="limited-goods">
            <h2>限量商品</h2>
            <div class="limited-slide-box">
                <div class="slide-wrap clearfix">
                    <div class="box">
                        <ul class="goods-list clearfix">
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 1</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 2</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 3</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 4</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 5</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                        </ul>
                    </div>
                    <div class="box">
                        <ul class="goods-list clearfix">
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 1</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 2</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 3</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 4</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 5</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="limited-slide-control">
                <a class="limited-slide-prev iconfont" href="javascript:void(0);">&#xe600;</a>
                <a class="limited-slide-next iconfont" href="javascript:void(0);">&#xe602;</a>
            </div>
        </div>
    </div>
    <div class="return-top">
        <a href="javascript:void(0);" id="toTop" class="ifont" style="display: inline;">
        <span class="iconfont">&#xe605;</span>
        TOP
        </a>
    </div>
</body>
<script type="text/javascript" src="../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
    seajs.use(['jquery','channel'],function($,channel){
        channel.common();
        channel.show();
    })
</script>
</html>