diff --git a/demo/yohood2.0/index.html b/demo/yohood2.0/index.html index b25b53a..083edff 100644 --- a/demo/yohood2.0/index.html +++ b/demo/yohood2.0/index.html @@ -3,188 +3,397 @@ <head> <meta charset="UTF-8"> <title>Home</title> - <link rel="stylesheet" href="http://res.yohood.test.yoho.cn/css/style.css"/> + <link rel="stylesheet" href="../../res/css/index.css"/> </head> <body> - <div class="wrapper"> - <div class="container"> - <div class="header"> - <a href="/"><img src="http://res.yohood.test.yoho.cn/images/yohood/logo.png" alt=""/></a> - </div> - <!-- navigator start --> - <div class="navigator"> - <ul class="clearfix"> - <li><a href="">首页</a></li> - <li><a href="">活动介绍</a></li> - <li><a href="">资讯</a></li> - <li><a href="">品牌</a></li> - <li><a href="">限量推荐</a></li> - <li><a href="">现场活动</a></li> - <li><a href="">SHOW</a></li> - <li><a href="">入场券</a></li> - </ul> - <a href="" class="goToYohobuy" title="有货"></a> - <span class="navigatorBar"></span> - </div> - <!-- slider start --> + <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> + </li> + <li> + <a href="javascript:;">ACTIVITY</a> + <span>活动详情</span> + </li> + <li> + <a href="javascript:;">COUNSEL</a> + <span>最新资讯</span> + </li> + <li> + <a href="javascript:;">BRAND</a> + <span>参展品牌</span> + </li> + <li> + <a href="javascript:;">VIDEO</a> + <span>热点视频</span> + </li> + <li> + <a href="javascript:;">RECOMMEND</a> + <span>限量推荐</span> + </li> + <li> + <a href="javascript:;">SCENE</a> + <span>现场活动</span> + </li> + <li> + <a href="javascript:;">SHOW</a> + <span>潮流分享</span> + </li> + </ul> + </div> + </div> + <div class="bd"> + <div class="slide-main"> <div class="slide-box"> - <div class="slide-wrap"> - <div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div> - <div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div> - <div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div> + <div class="slide-wrap clearfix"> + <div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/0179e17640e29e62b52439902484a8fa50.gif?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div> + <div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/01f0a56c52203da48881a64b336b41091b.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div> + <div class="box"><a href="javascript:;"><img src="http://img04.res.yoho.cn/blogimg/2014/11/17/11/025aadd704383ed18365f15a5e1cde9e5d.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div> </div> - <div class="slide-navigator"> - <div class="dib clearfix"> - <a href="" class="on"></a> - <a href=""></a> - <a href=""></a> - </div> + </div> + <div class="slide-navigator"> + <div class="dib clearfix"> + <a href="javascript:;" class="on"></a> + <a href="javascript:;"></a> + <a href="javascript:;"></a> </div> </div> <div class="slide-control"> - <a class="slide-prev" href="javascript:void(0);"></a> - <a class="slide-next" href="javascript:void(0);"></a> + <a class="slide-prev iconfont" href="javascript:void(0);"></a> + <a class="slide-next iconfont" href="javascript:void(0);"></a> </div> - <!-- content start --> - <div class="content-wrap clearfix"> - <div class="fluid-list"> - <div class="clearfix fluid-list-inner"> - <div class="fluid-item"> - <div class="image-box"> - <a href="#"> - <img src="http://res.yohood.test.yoho.cn/images/yohood/photo_02.png" alt=""/> - <a href="" class="fluid-tag">brand</a> - </a> - </div> - <div class="content"> - <h2 class="volupia"><a href="#">LeBron James</a></h2> - <h3><a href="#">不爱猿人更爱咖喱</a></h3> - <p class="time">2014.07.13</p> - <p>自从Nigo离开自己一手创立的A Bathing Ape后,A Bathing Ape的设计美感早和...</p> - </div> - </div> - <div class="fluid-item"> - <div class="image-box"> - <a href="#"> - <img src="http://res.yohood.test.yoho.cn/images/yohood/photo_01.png" alt=""/> - <a href="" class="fluid-tag">brand</a> - </a> - </div> - <div class="content"> - <h2 class="volupia"><a href="#">LeBron James</a></h2> - <h3><a href="#">不爱猿人更爱咖喱</a></h3> - <p class="time">2014.07.13</p> - <p>自从Nigo离开自己一手创立的A Bathing Ape后,A Bathing Ape的设计美感早和...</p> - </div> - </div> - <div class="fluid-item"> - <div class="image-box image-video"> - <a href="#"> - <img src="http://res.yohood.test.yoho.cn/images/yohood/video_01.png" alt=""/> - <span class="icon-video"></span> - <a href="" class="fluid-tag">video</a> - </a> - </div> - <div class="content"> - <h2 class="volupia"><a href="#">LeBron James</a></h2> - <h3><a href="#">不爱猿人更爱咖喱</a></h3> - <p class="time">2014.07.13</p> - <p>自从Nigo离开自己一手创立的A Bathing Ape后,A Bathing Ape的设计美感早和...</p> - </div> + </div> + + + <div class="content-wrap clearfix"> + <div class="fluid-list"> + <div class="fluid-list-inner clearfix"> + <div class="fluid-item tiled"> + <div class="image-box"> + <a href="javascript:;"> + <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;"> + </a> + <a class="fluid-tag" href="javascript:;">独家合作</a> + </div> + <div class="content"> + <h2 class="volupia"> + <a href="/news/detail/id/169">test</a> + </h2> + <p>content</p> + <p class="time">2014.07.25</p> </div> </div> - </div> - <div class="ads-list"> - <div class="ads"> - <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads.png" alt=""/></a> + <div class="fluid-item tiled"> + <div class="image-box"> + <a href="javascript:;"> + <img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="" style="height:345px;width:230px;"> + </a> + <a class="fluid-tag" href="javascript:;">独家合作</a> + </div> + <div class="content"> + <h2 class="volupia"> + <a href="/news/detail/id/169">test</a> + </h2> + <p>content</p> + <p class="time">2014.07.25</p> + </div> </div> - <div class="ads-small"> - <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a> + <div class="fluid-item tiled"> + <div class="image-box"> + <a href="javascript:;"> + <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="" style="height:300px;width:230px;"> + </a> + <a class="fluid-tag" href="javascript:;">独家合作</a> + </div> + <div class="content"> + <h2 class="volupia"> + <a href="/news/detail/id/169">test</a> + </h2> + <p>content</p> + <p class="time">2014.07.25</p> + </div> + </div> + <div class="fluid-item tiled"> + <div class="image-box"> + <a href="javascript:;"> + <img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="" style="height:154px;width:230px;"> + </a> + <a class="fluid-tag" href="javascript:;">独家合作</a> + </div> + <div class="content"> + <h2 class="volupia"> + <a href="/news/detail/id/169">test</a> + </h2> + <p>content</p> + <p class="time">2014.07.25</p> + </div> + </div> + <div class="fluid-item tiled"> + <div class="image-box"> + <a href="javascript:;"> + <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;"> + </a> + <a class="fluid-tag" href="javascript:;">独家合作</a> + </div> + <div class="content"> + <h2 class="volupia"> + <a href="/news/detail/id/169">test</a> + </h2> + <p>content</p> + <p class="time">2014.07.25</p> + </div> </div> - <div class="ads-small"> - <a href=""><img class="mb6" src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a> - <a href=""><img class="mb6" src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a> - <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a> + <div class="fluid-item tiled"> + <div class="image-box"> + <a href="javascript:;"> + <img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="" style="height:345px;width:230px;"> + </a> + <a class="fluid-tag" href="javascript:;">独家合作</a> + </div> + <div class="content"> + <h2 class="volupia"> + <a href="/news/detail/id/169">test</a> + </h2> + <p>content</p> + <p class="time">2014.07.25</p> + </div> </div> - <div class="ads-small"> - <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a> + <div class="fluid-item tiled"> + <div class="image-box"> + <a href="javascript:;"> + <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="" style="height:300px;width:230px;"> + </a> + <a class="fluid-tag" href="javascript:;">独家合作</a> + </div> + <div class="content"> + <h2 class="volupia"> + <a href="/news/detail/id/169">test</a> + </h2> + <p>content</p> + <p class="time">2014.07.25</p> + </div> </div> - <div class="show-goods"> - <h2>TOP10 <a class="goods_prev" href="javascript:void(0);"></a><a class="goods_next" href="javascript:void(0);"></a></h2> - <div class="show-goods-list"> - <ul> - <li> - <div class="goods-image"> - <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/> - <span class="number_1"></span> - </div> - <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3> - <p>2014.07.13</p> - </li> - <li> - <div class="goods-image"> - <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/> - <span class="number_2">2</span> - </div> - <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3> - <p>2014.07.13</p> - </li> - <li> - <div class="goods-image"> - <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/> - <span class="number_2">3</span> - </div> - <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3> - <p>2014.07.13</p> - </li> - <li> - <div class="goods-image"> - <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/> - <span class="number_2">4</span> - </div> - <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3> - <p>2014.07.13</p> - </li> - <li> - <div class="goods-image"> - <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/> - <span class="number_2">5</span> - </div> - <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3> - <p>2014.07.13</p> - </li> + <div class="fluid-item tiled"> + <div class="image-box"> + <a href="javascript:;"> + <img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="" style="height:154px;width:230px;"> + </a> + <a class="fluid-tag" href="javascript:;">独家合作</a> + </div> + <div class="content"> + <h2 class="volupia"> + <a href="/news/detail/id/169">test</a> + </h2> + <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="cooperation clearfix"> + <div class="cooperation-slide-box"> + <div class="slide-wrap clearfix"> + <div class="box clearfix"> + <div class="partner"> + <h2>特邀合作伙伴</h2> + <ul class="clearfix"> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tudou.png" alt=""></a></li> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/letv.png" alt=""></a></li> + </ul> + </div> + <div class="media"> + <h2>特邀合作媒体</h2> + <ul class="clearfix"> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tx.png" alt=""></a></li> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/sina.png" alt=""></a></li> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/iqy.png" alt=""></a></li> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/wy.png" alt=""></a></li> </ul> </div> </div> - <div class="partner"> - <h2>特邀合作伙伴</h2> - <div class="partner-image"> - <ul> - <li><a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/tudou.png" alt=""/></a> - <span></span> - </li> - </ul> + <div class="box clearfix"> + <div class="partner"> + <h2>特邀合作伙伴</h2> + <ul class="clearfix"> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tudou.png" alt=""></a></li> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/letv.png" alt=""></a></li> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tx.png" alt=""></a></li> + </ul> </div> - <h2>赞助品牌</h2> - <div class="partner-image"> - <ul> - <li><a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/tudou.png" alt=""/></a> - <span></span> - </li> - <li> - <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/aiqiyi.png" alt=""/></a> - <span></span> - </li> - <li> - <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/qq.png" alt=""/></a> - <span></span> - </li> - </ul> + <div class="media"> + <h2>特邀合作媒体</h2> + <ul class="clearfix"> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/sina.png" alt=""></a></li> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/iqy.png" alt=""></a></li> + <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/wy.png" alt=""></a></li> + </ul> </div> </div> </div> </div> + <div class="cooperation-slide-control"> + <a class="cooperation-slide-prev iconfont" href="javascript:void(0);"></a> + <a class="cooperation-slide-next iconfont" href="javascript:void(0);"></a> + </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);"></a> + <a class="limited-slide-next iconfont" href="javascript:void(0);"></a> + </div> </div> </div> + <div class="return-top"> + <a href="javascript:void(0);" id="toTop" class="ifont" style="display: inline;"> + <span class="iconfont"></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.index(); + }) +</script> </html> \ No newline at end of file