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
  1 +<!--关于我们-->
  2 +<div class="about">
  3 + <div class="about-introduce">
  4 + <h2 class="about-h2">关于</h2>
  5 +
  6 + <p>YOHO!BOYS 是充满玩趣的城市发现家，<br>
  7 + 不设时区界线，<br>
  8 + 随处可是我们的游乐场。<br>
  9 + 从巴黎天桥下到纽约皇后区，<br>
  10 + 从东京拉面店到北京后花园，<br>
  11 + 用飞行里程兑换全球都会见闻。<br><br></p>
  12 +
  13 + <p>贯彻 Play &amp; Learn 信条，<br>
  14 + 以敏锐洞察力喂饱旺盛好奇心，<br>
  15 + 突破二维与平面的结界，<br>
  16 + 带来全景式的潮流动态看板。<br>
  17 + 以新鲜视角玩赏 City Life 。<br>
  18 + 现在抓紧桌布，带好防风镜！</p>
  19 + </div>
  20 + <div class="about-app">
  21 + <h2>更多应用</h2>
  22 + <ul>
  23 + <li>
  24 + <a href="http://app.yohoshow.com/">
  25 + <span class="about-show"></span>
  26 +
  27 + <h3>SHOW</h3>
  28 + </a>
  29 +
  30 + <p>钉住你的衣·食·住·行</p>
  31 + </li>
  32 + <li>
  33 + <a href="http://www.yohobuy.com/">
  34 + <span class="about-yoho"></span>
  35 +
  36 + <h3>YOHO!有货</h3>
  37 + </a>
  38 +
  39 + <p>随手随心，潮流购物利器大公开</p>
  40 + </li>
  41 + <li>
  42 + <a href="http://www.yohoboys.com/">
  43 + <span class="about-boy"></span>
  44 +
  45 + <h3>YOHO!Boys</h3>
  46 + </a>
  47 +
  48 + <p>潮流生活百科指南</p>
  49 + </li>
  50 + </ul>
  51 + </div>
  52 +</div>
  1 +<!--banner-->
  2 +<div class="banner">
  3 + <div class="swiper-container public-banner">
  4 + <ul class="swiper-wrapper">
  5 + {{#indexBanner}}
  6 + <li class="swiper-slide">
  7 + <a href="{{href}}">
  8 + <img src="{{img}}" alt="banner"/>
  9 + </a>
  10 + </li>
  11 + {{/indexBanner}}
  12 + </ul>
  13 + </div>
  14 + <div class="pagination-wrap">
  15 + <div class="pagination"></div>
  16 + </div>
  17 +</div>
  18 +<!--content-->
  19 +<div class="home-content">
  20 + <ul>
  21 + {{#indexContent}}
  22 + <li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
  23 + <a class="img-link" href="{{href}}">
  24 + <img src="{{img}}" alt=""/>
  25 + </a>
  26 + <h2>{{title}}</h2>
  27 + <h3>{{subTitle}}</h3>
  28 + <time>{{channel}} | {{time}}</time>
  29 + <p>{{content}}</p>
  30 + </li>
  31 + {{/indexContent}}
  32 + </ul>
  33 + {{> default/follow_us320}}
  34 + <!--switch-page-->
  35 + <div class="switch-page">
  36 + <a href="#" class="switch-prev">上一页</a>
  37 + <a href="#" class="switch-next">下一页</a>
  38 + </div>
  39 +</div>
  40 +{{> default/download320}}
  1 +{{#detail}}
  2 +<div class="detail">
  3 + <h2 class="share-h2">{{title}}</h2>
  4 +
  5 + <h3 class="share-h3">{{subTitle}}</h3>
  6 +
  7 + <p>
  8 + <a href="{{channelLink}}">{{channel}}</a>
  9 + <a href="{{tagLink}}">{{tag}}</a>
  10 + {{time}}
  11 + </p>
  12 +
  13 + <div class="media">
  14 + <div class="detail-banner swiper-container">
  15 + <ul class="swiper-wrapper">
  16 + {{#banner}}
  17 + <li class="swiper-slide">
  18 + <img src="{{.}}" alt="">
  19 + </li>
  20 + {{/banner}}
  21 + </ul>
  22 + <div class="detail-switch">3/5</div>
  23 + </div>
  24 + </div>
  25 + <!--内容-->
  26 + <div class="detail-text" cover-url="{{coverUrl}}">
  27 + </div>
  28 + <!--标签-->
  29 + <div class="tags">
  30 + <ul>
  31 + {{#tags}}
  32 + <li>
  33 + <a href="http://newboys.test.yoho.cn/tag/379" target="_blank">{{.}}</a>
  34 + </li>
  35 + {{/tags}}
  36 + </ul>
  37 + </div>
  38 +</div>
  39 +{{/detail}}
  1 +<!--banner-->
  2 +<div class="banner">
  3 + <div class="swiper-container public-banner">
  4 + <ul class="swiper-wrapper">
  5 + {{#indexBanner}}
  6 + <li class="swiper-slide">
  7 + <a href="{{href}}">
  8 + <img src="{{img}}" alt="banner"/>
  9 + </a>
  10 + </li>
  11 + {{/indexBanner}}
  12 + </ul>
  13 + </div>
  14 + <div class="pagination-wrap">
  15 + <div class="pagination"></div>
  16 + </div>
  17 +</div>
  18 +<!--content-->
  19 +<div class="home-content">
  20 + <ul>
  21 + {{#indexContent}}
  22 + <li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
  23 + <a class="img-link" href="{{href}}">
  24 + <img src="{{img}}" alt=""/>
  25 + </a>
  26 + <h2>{{title}}</h2>
  27 + <h3>{{subTitle}}</h3>
  28 + <time>{{channel}} | {{time}}</time>
  29 + <p>{{content}}</p>
  30 + </li>
  31 + {{/indexContent}}
  32 + </ul>
  33 + {{> default/follow_us320}}
  34 + <!--switch-page-->
  35 + <div class="switch-page">
  36 + <a href="#" class="switch-prev">上一页</a>
  37 + <a href="#" class="switch-next">下一页</a>
  38 + </div>
  39 +</div>
  40 +{{> default/download320}}
  1 +<!--banner-->
  2 +<div class="banner">
  3 + <div class="swiper-container public-banner">
  4 + <ul class="swiper-wrapper">
  5 + {{#indexBanner}}
  6 + <li class="swiper-slide">
  7 + <a href="{{href}}">
  8 + <img src="{{img}}" alt="banner"/>
  9 + </a>
  10 + </li>
  11 + {{/indexBanner}}
  12 + </ul>
  13 + </div>
  14 + <div class="pagination-wrap">
  15 + <div class="pagination"></div>
  16 + </div>
  17 +</div>
  18 +<!--content-->
  19 +<div class="home-content">
  20 + <ul>
  21 + {{#indexContent}}
  22 + <li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
  23 + <a class="img-link" href="{{href}}">
  24 + <img src="{{img}}" alt=""/>
  25 + </a>
  26 + <h2>{{title}}</h2>
  27 + <h3>{{subTitle}}</h3>
  28 + <time>{{channel}} | {{time}}</time>
  29 + <p>{{content}}</p>
  30 + </li>
  31 + {{/indexContent}}
  32 + </ul>
  33 + {{> default/follow_us320}}
  34 + <!--switch-page-->
  35 + <div class="switch-page">
  36 + <a href="#" class="switch-prev">上一页</a>
  37 + <a href="#" class="switch-next">下一页</a>
  38 + </div>
  39 +</div>
  40 +{{> default/download320}}