Authored by happyhour7

首页交互开发完成

... ... @@ -6,7 +6,7 @@
{{# banner}}
<div class="swiper-slide" style="width: 992px; height: 504px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
<a href="{{link}}" target="_blank" title="''">
<img src="{{img}}" alt="''">
<img src="{{img}}" alt="{{alt}}">
</a>
</div>
{{/ banner}}
... ...
... ... @@ -5,7 +5,7 @@
{{# data}}
<div class="swiper-slide" style="width: 1080px; height: 140px;">
<a href="{{link}}" target="_blank" class="img-a">
<img class="lazy" src="{{img}}" alt="" width="100%" height="100%" style="display: inline;">
<img class="lazy" src="{{img}}" alt="{{alt}}" width="100%" height="100%" style="display: inline;">
</a>
</div>
{{/ data}}
... ...
... ... @@ -5,8 +5,8 @@
</a>
<div class="item-text-area">
<span class='item-date'><a class='channel' href='{{channelURL}}'>{{channel}}</a> / {{date}}</span>
<a class='item-title' href='{{link}}' target="_blank" >{{title}}</a>
<a class='item-title' href='{{link}}' target="_blank" >{{subtitle}}</a>
<a class='item-detail' href='{{link}}' target="_blank" >{{content}}</a>
<a class='item-title' href='{{link}}' target="_blank" _title="{{title}}">{{title}}</a>
<a class='item-title' href='{{link}}' target="_blank" _title="{{subtitle}}">{{subtitle}}</a>
<a class='item-detail' href='{{link}}' target="_blank" _title="{{content}}"></a>
</div>
</div>
\ No newline at end of file
... ...
<div class='pop-container' {{# centerBanner}} style="border-top:0;"{{/centerBanner}}>
<span class='pop-text'>#POP</span>
<span class='pop-img-container'>
<a class='pop-link'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
<span class='date'>2014/12月号</span>
<span class='detail'>Theme:PARTY</span>
</a>
<a class='pop-link'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
<span class='date'>2014/12月号</span>
<span class='detail'>Theme:PARTY</span>
</a>
<a class='pop-link'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
<span class='date'>2014/12月号</span>
<span class='detail'>Theme:PARTY</span>
</a>
</span>
<div class="swiper-container3">
<span class='pop-img-container swiper-wrapper'>
<a class='pop-link swiper-slide'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
<span class='date'>2014/12月号</span>
<span class='detail'>Theme:PARTY</span>
</a>
<a class='pop-link swiper-slide'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
<span class='date'>2014/12月号</span>
<span class='detail'>Theme:PARTY</span>
</a>
<a class='pop-link swiper-slide'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
<span class='date'>2014/12月号</span>
<span class='detail'>Theme:PARTY</span>
</a>
</span>
</div>
<span class='button-container'>
<span class='button prev-button'></span>
... ...
... ... @@ -163,7 +163,13 @@
<span class="right iconfont search-area">
<span class="search-loading-icon" style="display: none;"></span>
<a class="search-icon" href="/search"></a>
<span class="search-text search-text-big" style="display: inline;"><span class="search-text-content">search...</span><input class="search-input-box search-input-box-big ac_input" autocomplete="off" style="display: none;"><span class="home-search-button" id="search-button" style="display: none;"></span></span>
<span class="search-text search-text-big" style="display: inline;">
<span class="search-text-content">search...</span>
<input name="q" class="search-input-box search-input-box-big ac_input" autocomplete="off" style="display: none;"/>
<a searchURL="{{searchUrl}}" class="home-search-button" id="search-button" style="display: none;" value=""></a>
</span>
<span class="splitline"></span>
</span>
</div>
... ... @@ -175,58 +181,3 @@
<!--矮的集团导航-->
<div class="enterprise" id="minEnterprise" style="margin-top: 0px; position: fixed; padding-top: 10px; top: 0px; z-index: 99999; background: rgb(255, 255, 255);display:none;">
<div class="menubar menubar-move">
<div class="menu-item-logo"><a href="http://www.yohogirls.com"></a></div>
<div class="menu-item video menu-item-video">
<a class="menu-link" href="http://www.yohogirls.com"></a>
<div class="submenu-withleft submenu-video">
<div class="left">
<a href="http://newboys.test.yoho.cn/video/list-people-index-1.html" class="left-item" sub="video-people">人物</a>
<a href="http://newboys.test.yoho.cn/video/list-viral-index-1.html" class="left-item" sub="video-viral">网络疯传</a>
<a href="http://newboys.test.yoho.cn/video/list-ahum-index-1.html" class="left-item" sub="video-ahum">嗯哼</a>
<a href="http://newboys.test.yoho.cn/video/list-playboy-index-1.html" class="left-item" sub="video-playboy">公子游</a>
<a href="http://newboys.test.yoho.cn/video/list-sneakerfile-index-1.html" class="left-item" sub="video-sneakerfile">球鞋档案</a>
</div>
</div>
</div>
<div class="menu-item fashion menu-item-fashion">
<a class="menu-link" href="http://newboys.test.yoho.cn/fashion/index.html"></a>
<div class="submenu submenu-fashion"></div>
</div>
<div class="menu-item sports menu-item-sports">
<a class="menu-link" href="http://newboys.test.yoho.cn/sports/index.html"></a>
<div class="submenu submenu-sports"></div>
</div>
<div class="menu-item lifestyle menu-item-lifestyle">
<a class="menu-link" href="http://newboys.test.yoho.cn/lifestyle/index.html"></a>
<div class="submenu submenu-lifestyle"></div>
</div>
<div class="menu-item magazine menu-item-magazine">
<a class="menu-link" href="http://newboys.test.yoho.cn/magazine/index.html"></a>
</div>
<div class="menu-item map menu-item-map">
<a class="menu-link" href="http://newboys.test.yoho.cn/map/index.html"></a>
</div>
<span class="right iconfont search-area">
<span class="icons"></span>
<span class="getapp">get our app!
<span class="bitmap" style="display: none;">
<a class="a-link" href="https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&amp;down.myapp.com" target="_blank"></a>
<a class="a-img"></a>
<a class="a-text">DOWNLOAD <br>YOHO!BOYS</a>
</span>
</span>
<span class="splitline"></span>
<span class="search-loading-icon" style="display: none;"></span>
<a class="search-icon" href="/search"></a>
<span class="search-text search-text-small" style="display: inline; width: 73px;"><span class="search-text-content">Search...</span><input class="search-input-box search-input-box-small ac_input" autocomplete="off" style="display: none;"><span class="home-search-button" id="search-button" style="display: none;"></span></span>
</span>
</div>
</div>
... ...
<script type="text/javascript" charset="utf-8">
seajs.use("js/public",function(){
seajs.use(["js/public","js/home"],function(){
});
</script>
\ No newline at end of file
... ...