ued / yohogirls_mustache · Commits

Go to a project

Authored by lore-w
Commit caf993cf0eeb19eb5f3052f468d8d86fe8686efc 1 parent f6331f09

完成静态页面

Inline Side-by-side
Showing 5 changed files with 211 additions and 0 deletions
<!--关于我们-->
<div class="about">
<div class="about-introduce">
<h2 class="about-h2">关于</h2>
<p>YOHO!BOYS 是充满玩趣的城市发现家，<br>
不设时区界线，<br>
随处可是我们的游乐场。<br>
从巴黎天桥下到纽约皇后区，<br>
从东京拉面店到北京后花园，<br>
用飞行里程兑换全球都会见闻。<br><br></p>
<p>贯彻 Play &amp; Learn 信条，<br>
以敏锐洞察力喂饱旺盛好奇心，<br>
突破二维与平面的结界，<br>
带来全景式的潮流动态看板。<br>
以新鲜视角玩赏 City Life 。<br>
现在抓紧桌布，带好防风镜！</p>
</div>
<div class="about-app">
<h2>更多应用</h2>
<ul>
<li>
<a href="http://app.yohoshow.com/">
<span class="about-show"></span>
<h3>SHOW</h3>
</a>
<p>钉住你的衣·食·住·行</p>
</li>
<li>
<a href="http://www.yohobuy.com/">
<span class="about-yoho"></span>
<h3>YOHO!有货</h3>
</a>
<p>随手随心，潮流购物利器大公开</p>
</li>
<li>
<a href="http://www.yohoboys.com/">
<span class="about-boy"></span>
<h3>YOHO!Boys</h3>
</a>
<p>潮流生活百科指南</p>
</li>
</ul>
</div>
</div>
\ 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>
<!--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}}
</ul>
{{> default/follow_us320}}
<!--switch-page-->
<div class="switch-page">
<a href="#" class="switch-prev">上一页</a>
<a href="#" class="switch-next">下一页</a>
</div>
</div>
{{> default/download320}}
\ No newline at end of file
... ...
{{#detail}}
<div class="detail">
<h2 class="share-h2">{{title}}</h2>
<h3 class="share-h3">{{subTitle}}</h3>
<p>
<a href="{{channelLink}}">{{channel}}</a>
<a href="{{tagLink}}">{{tag}}</a>
{{time}}
</p>
<div class="media">
<div class="detail-banner swiper-container">
<ul class="swiper-wrapper">
{{#banner}}
<li class="swiper-slide">
<img src="{{.}}" alt="">
</li>
{{/banner}}
</ul>
<div class="detail-switch">3/5</div>
</div>
</div>
<!--内容-->
<div class="detail-text" cover-url="{{coverUrl}}">
</div>
<!--标签-->
<div class="tags">
<ul>
{{#tags}}
<li>
<a href="http://newboys.test.yoho.cn/tag/379" target="_blank">{{.}}</a>
</li>
{{/tags}}
</ul>
</div>
</div>
{{/detail}}
\ 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>
<!--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}}
</ul>
{{> default/follow_us320}}
<!--switch-page-->
<div class="switch-page">
<a href="#" class="switch-prev">上一页</a>
<a href="#" class="switch-next">下一页</a>
</div>
</div>
{{> default/download320}}
\ 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>
<!--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}}
</ul>
{{> default/follow_us320}}
<!--switch-page-->
<div class="switch-page">
<a href="#" class="switch-prev">上一页</a>
<a href="#" class="switch-next">下一页</a>
</div>
</div>
{{> default/download320}}
\ No newline at end of file
... ...