Authored by yyq

special page

  1 +{{# mainBanner}}
  2 + <div class="main-banner"{{#unless list}} style="background:url({{image img 1920 450}}) no-repeat top center;"{{/unless}}>
  3 + {{#if list}}
  4 + <ul>
  5 + {{# list}}
  6 + <li class="banner-img" style="background:url({{image img 1920 450}}) no-repeat top center;">
  7 + {{#if href}}
  8 + <a href="{{href}}"></a>
  9 + {{/if}}
  10 + </li>
  11 + {{/ list}}
  12 + </ul>
  13 + {{^}}
  14 + {{#if href}}
  15 + <a href="{{href}}"></a>
  16 + {{/if}}
  17 + {{/if}}
  18 + </div>
  19 +{{/ mainBanner}}
  1 +{{# specialHead}}
  2 +<div class="special-head">
  3 + <div class="special-limit">
  4 + <span class="iconfont">&#xe60a;</span>
  5 + <label class="time" data-limit="{{limit}}">仅剩22小时30分10秒</label>
  6 + </div>
  7 + <div class="special-name">
  8 + <img src="{{logo}}">
  9 + {{special}}
  10 + <span><i>{{discount}}</i>折起</span>
  11 + </div>
  12 + <div class="special-title">
  13 + {{title}}
  14 + <label class="all-count">
  15 +{{count}}个结果
  16 + </label>
  17 + </div>
  18 +</div>
  19 +{{/ specialHead}}
  1 +.outlets-special-page {
  2 + .main-banner {
  3 + height: 360px;
  4 + }
  5 +
  6 + .special-head {
  7 + margin: 15px 0;
  8 + border-bottom: 1px dashed #ccc;
  9 +
  10 + .special-limit {
  11 + float: right;
  12 + line-height: 38px;
  13 + }
  14 +
  15 + .special-name {
  16 + height: 40px;
  17 + line-height: 40px;
  18 + font-size: 20px;
  19 +
  20 + img {
  21 + width: 100px;
  22 + height: 40px;
  23 + vertical-align: top;
  24 + }
  25 +
  26 + span {
  27 + font-size: 16px;
  28 + }
  29 +
  30 + i {
  31 + font-weight: bold;
  32 + font-style: italic;
  33 + color: #fe575d;
  34 + font-size: 26px;
  35 + position: relative;
  36 + top: 3px;
  37 + margin: 0 8px 0 2px;
  38 + }
  39 + }
  40 +
  41 + .special-title {
  42 + font-size: 22px;
  43 + height: 34px;
  44 + text-align: center;
  45 + }
  46 +
  47 + .all-count {
  48 + width: 120px;
  49 + font-size: 12px;
  50 + line-height: 26px;
  51 + background: #fff;
  52 + margin-left: -60px;
  53 + font-weight: normal;
  54 + position: absolute;
  55 + left: 50%;
  56 + display: block;
  57 +
  58 + }
  59 + }
  60 +}