ued / yohogirls_mustache · Commits

Go to a project

Authored by lore-w
Commit a6137d8436c97409a18e36e8213ba8b0afa8d0e2 1 parent 37a1521c

频道页面模板整合以及基础js交互

Inline Side-by-side
Showing 9 changed files with 206 additions and 175 deletions
<!--banner-->
<div class="banner">
<div class="swiper-container public-banner">
<ul class="swiper-wrapper">
{{#indexBanner}}
<li class="swiper-slide">
<a href="{{href}}">
<img src="{{img}}" alt="banner"/>
</a>
</li>
{{/indexBanner}}
</ul>
</div>
<div class="pagination-wrap">
<div class="pagination"></div>
</div>
</div>
{{> layout/header320}}
{{> channel/banner320}}
<!--content-->
<div class="home-content">
<ul>
{{#indexContent}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{href}}">
<img src="{{img}}" alt=""/>
</a>
<h2>{{title}}</h2>
<h3>{{subTitle}}</h3>
<time>{{channel}} | {{time}}</time>
<p>{{content}}</p>
</li>
{{/indexContent}}
{{#content}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{link}}" target="_blank">
<img src="{{img}}" alt=""/>
</a>
<h2>
<a href="{{link}}" target="_blank">{{title}}</a>
</h2>
<h3>
<a href="{{link}}" target="_blank">{{subTitle}}</a>
</h3>
<time>
<a href="{{channelLink}}" target="_blank">{{channel}}</a>&nbsp;|&nbsp;{{time}}
</time>
<p>
<a href="{{link}}" target="_blank">{{content}}</a>
</p>
</li>
{{/content}}
</ul>
{{> default/follow_us320}}
<!--switch-page-->
<div class="switch-page">
<a href="#" class="switch-prev">上一页</a>
<a href="#" class="switch-next">下一页</a>
</div>
{{> channel/follow_us320}}
{{> channel/page320}}
</div>
{{> default/download320}}
\ No newline at end of file
{{> default/download320}}
{{> layout/footer320}}
\ No newline at end of file
... ...
... ... @@ -3,17 +3,25 @@
<!--content-->
<div class="home-content">
<ul>
{{#indexContent}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{href}}">
<img src="{{img}}" alt=""/>
</a>
<h2>{{title}}</h2>
<h3>{{subTitle}}</h3>
<time>{{channel}} | {{time}}</time>
<p>{{content}}</p>
</li>
{{/indexContent}}
{{#content}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{link}}" target="_blank">
<img src="{{img}}" alt=""/>
</a>
<h2>
<a href="{{link}}" target="_blank">{{title}}</a>
</h2>
<h3>
<a href="{{link}}" target="_blank">{{subTitle}}</a>
</h3>
<time>
<a href="{{channelLink}}" target="_blank">{{channel}}</a>&nbsp;|&nbsp;{{time}}
</time>
<p>
<a href="{{link}}" target="_blank">{{content}}</a>
</p>
</li>
{{/content}}
</ul>
{{> channel/follow_us320}}
{{> channel/page320}}
... ...
<!--banner-->
<div class="banner">
<div class="swiper-container public-banner">
<ul class="swiper-wrapper">
{{#indexBanner}}
<li class="swiper-slide">
<a href="{{href}}">
<img src="{{img}}" alt="banner"/>
</a>
</li>
{{/indexBanner}}
</ul>
</div>
<div class="pagination-wrap">
<div class="pagination"></div>
</div>
</div>
{{> layout/header320}}
{{> channel/banner320}}
<!--content-->
<div class="home-content">
<ul>
{{#indexContent}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{href}}">
<img src="{{img}}" alt=""/>
</a>
<h2>{{title}}</h2>
<h3>{{subTitle}}</h3>
<time>{{channel}} | {{time}}</time>
<p>{{content}}</p>
</li>
{{/indexContent}}
{{#content}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{link}}" target="_blank">
<img src="{{img}}" alt=""/>
</a>
<h2>
<a href="{{link}}" target="_blank">{{title}}</a>
</h2>
<h3>
<a href="{{link}}" target="_blank">{{subTitle}}</a>
</h3>
<time>
<a href="{{channelLink}}" target="_blank">{{channel}}</a>&nbsp;|&nbsp;{{time}}
</time>
<p>
<a href="{{link}}" target="_blank">{{content}}</a>
</p>
</li>
{{/content}}
</ul>
{{> default/follow_us320}}
<!--switch-page-->
<div class="switch-page">
<a href="#" class="switch-prev">上一页</a>
<a href="#" class="switch-next">下一页</a>
</div>
{{> channel/follow_us320}}
{{> channel/page320}}
</div>
{{> default/download320}}
\ No newline at end of file
{{> default/download320}}
{{> layout/footer320}}
\ No newline at end of file
... ...
{{> layout/header320}}
<!--magazine-banner-->
{{#magazineBanner}}
<div class="magazine-banner">
<div class="swiper-container public-banner">
<div class="{{^only}}swiper-container{{/only}} public-banner">
<ul class="swiper-wrapper">
{{#magazineBanner}}
{{#bannerItem}}
<li class="swiper-slide">
<a href="{{href}}">
<img src="{{img}}" alt="banner"/>
</a>
</li>
{{/magazineBanner}}
{{/bannerItem}}
</ul>
</div>
{{^only}}
<div class="pagination-wrap">
<div class="pagination"></div>
</div>
{{/only}}
<div class="magazine-more">
<time>2014.10.15 ／全智贤</time>
<span>RBM 15</span>
<a href="#" class="buy">立即购买</a>
<a href="{{buyLink}}" class="buy">立即购买</a>
</div>
</div>
{{/magazineBanner}}
<!--magazine-slide-->
<div class="swiper-container magazine-slide-style" id="buy-slide">
<ul class="swiper-wrapper">
<ul class="swiper-wrapper buy-wrapper">
{{#magazineSlide}}
<li class="swiper-slide">
<a href="javascript:;">
... ... @@ -36,15 +41,16 @@
<!--e-zine-->
<div class="e-zine">
<h2>E-ZINE</h2>
<div class="swiper-container zine-slide magazine-slide-style">
<div class="swiper-container magazine-slide-style" id="zine-slide">
<ul class="swiper-wrapper zine-wrapper">
{{#zineSlide}}
<li class="swiper-slide">
<a href="javascript:;" title="{{time}}">
<img src="{{img}}" alt="">
</a>
<time>{{time}}</time>
</li>
<li class="swiper-slide">
<a href="javascript:;" title="{{time}}">
<img src="{{img}}" alt="">
</a>
<time>{{time}}</time>
</li>
{{/zineSlide}}
</ul>
</div>
... ... @@ -52,10 +58,13 @@
<!--girl-app-->
<div class="girl-app">
<span class="app-background"></span>
<div class="app-info">
<h2>YOHO!GIRLS</h2>
<p>线上周刊，一周一会，免费喂饱你的潮流胃！</p>
<a href="http://app.yohoshow.com" class="app-download">去下载</a>
</div>
</div>
{{> default/download320}}
\ No newline at end of file
{{> default/download320}}
{{> layout/footer320}}
\ No newline at end of file
... ...
<!--banner-->
<div class="banner">
<div class="swiper-container public-banner">
<ul class="swiper-wrapper">
{{#indexBanner}}
<li class="swiper-slide">
<a href="{{href}}">
<img src="{{img}}" alt="banner"/>
</a>
</li>
{{/indexBanner}}
</ul>
</div>
<div class="pagination-wrap">
<div class="pagination"></div>
</div>
</div>
{{> layout/header320}}
{{> channel/banner320}}
<!--content-->
<div class="home-content">
<ul>
{{#indexContent}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{href}}">
<img src="{{img}}" alt=""/>
</a>
<h2>{{title}}</h2>
<h3>{{subTitle}}</h3>
<time>{{channel}} | {{time}}</time>
<p>{{content}}</p>
</li>
{{/indexContent}}
{{#content}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{link}}" target="_blank">
<img src="{{img}}" alt=""/>
</a>
<h2>
<a href="{{link}}" target="_blank">{{title}}</a>
</h2>
<h3>
<a href="{{link}}" target="_blank">{{subTitle}}</a>
</h3>
<time>
<a href="{{channelLink}}" target="_blank">{{channel}}</a>&nbsp;|&nbsp;{{time}}
</time>
<p>
<a href="{{link}}" target="_blank">{{content}}</a>
</p>
</li>
{{/content}}
</ul>
{{> default/follow_us320}}
<!--switch-page-->
<div class="switch-page">
<a href="#" class="switch-prev">上一页</a>
<a href="#" class="switch-next">下一页</a>
</div>
{{> channel/follow_us320}}
{{> channel/page320}}
</div>
{{> default/download320}}
\ No newline at end of file
{{> default/download320}}
{{> layout/footer320}}
\ No newline at end of file
... ...
<!--banner-->
<div class="banner">
<div class="swiper-container public-banner">
<ul class="swiper-wrapper">
{{#indexBanner}}
<li class="swiper-slide">
<a href="{{href}}">
<img src="{{img}}" alt="banner"/>
</a>
</li>
{{/indexBanner}}
</ul>
</div>
<div class="pagination-wrap">
<div class="pagination"></div>
</div>
</div>
{{> layout/header320}}
{{> channel/banner320}}
<!--content-->
<div class="home-content">
<ul>
{{#indexContent}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{href}}">
<img src="{{img}}" alt=""/>
<span class="sub-tag">{{subTags}}</span>
</a>
<h2>{{title}}</h2>
<h3>{{subTitle}}</h3>
<time>{{channel}} | {{time}}</time>
<p>{{content}}</p>
</li>
{{/indexContent}}
{{#content}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{link}}" target="_blank">
<img src="{{img}}" alt=""/>
<span class="sub-tag">{{subTags}}</span>
</a>
<h2>
<a href="{{link}}" target="_blank">{{title}}</a>
</h2>
<h3>
<a href="{{link}}" target="_blank">{{subTitle}}</a>
</h3>
<time>
<a href="{{channelLink}}" target="_blank">{{channel}}</a>&nbsp;|&nbsp;{{time}}
</time>
<p>
<a href="{{link}}" target="_blank">{{content}}</a>
</p>
</li>
{{/content}}
</ul>
{{> default/follow_us320}}
<!--switch-page-->
<div class="switch-page">
<a href="#" class="switch-prev">上一页</a>
<a href="#" class="switch-next">下一页</a>
</div>
{{> channel/follow_us320}}
{{> channel/page320}}
</div>
{{> default/download320}}
\ No newline at end of file
{{> default/download320}}
{{> layout/footer320}}
\ No newline at end of file
... ...
<!--banner-->
{{#homeBanner}}
{{#channelBanner}}
<div class="banner">
<div class="{{^only}}swiper-container{{/only}} public-banner">
<ul class="swiper-wrapper">
... ... @@ -18,4 +18,4 @@
</div>
{{/only}}
</div>
{{/homeBanner}}
\ No newline at end of file
{{/channelBanner}}
\ No newline at end of file
... ...
... ... @@ -2,7 +2,59 @@
<script type="text/javascript">
seajs.use(['js/common','js/channel/home'], function (common,home) {
common.init();
});
</script>
{{/ home320_js}}
{{# fashion320_js}}
<script type="text/javascript">
seajs.use(['js/common'], function (common) {
common.init();
//home.init();
});
</script>
{{/ fashion320_js}}
{{# beauty320_js}}
<script type="text/javascript">
seajs.use(['js/common'], function (common) {
common.init();
//home.init();
});
</script>
{{/ beauty320_js}}
{{# sport320_js}}
<script type="text/javascript">
seajs.use(['js/common'], function (common) {
common.init();
//home.init();
});
</script>
{{/ home320_js}}
\ No newline at end of file
{{/ sport320_js}}
{{# lifestyle320_js}}
<script type="text/javascript">
seajs.use(['js/common'], function (common) {
common.init();
//home.init();
});
</script>
{{/ lifestyle320_js}}
{{# magazine320_js}}
<script type="text/javascript">
seajs.use(['js/common','js/channel/magazine'], function (common, magazine) {
common.init();
magazine.init();
});
</script>
{{/ magazine320_js}}
{{# video320_js}}
<script type="text/javascript">
seajs.use(['js/common'], function (common) {
common.init();
});
</script>
{{/ video320_js}}
\ No newline at end of file
... ...
... ... @@ -17,12 +17,12 @@
<!--nav-->
<nav class="girl-nav swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide nav-home"><a href="{{homeLink}}">home</a></li>
<li class="swiper-slide nav-fashion"><a href="{{fashionLink}}">fashion</a></li>
<li class="swiper-slide nav-beauty"><a href="{{beautyLink}}">beauty</a></li>
<li class="swiper-slide nav-sport"><a href="{{sportLink}}">sport</a></li>
<li class="swiper-slide nav-lifestyle"><a href="{{lifestyleLink}}">lifestyle</a></li>
<li class="swiper-slide nav-magazine"><a href="{{magazineLink}}">magazine</a></li>
<li class="swiper-slide nav-video"><a href="{{videoLink}}">video</a></li>
<li class="swiper-slide nav-home"><a href="http://localhost:3000/default/index320">home</a></li>
<li class="swiper-slide nav-fashion"><a href="http://localhost:3000/fashion/index320">fashion</a></li>
<li class="swiper-slide nav-beauty"><a href="http://localhost:3000/beauty/index320">beauty</a></li>
<li class="swiper-slide nav-sport"><a href="http://localhost:3000/sports/index320">sport</a></li>
<li class="swiper-slide nav-lifestyle"><a href="http://localhost:3000/lifestyle/index320">lifestyle</a></li>
<li class="swiper-slide nav-magazine"><a href="http://localhost:3000/magazine/index320">magazine</a></li>
<li class="swiper-slide nav-video"><a href="http://localhost:3000/video/index320">video</a></li>
</ul>
</nav>
\ No newline at end of file
... ...