Authored by xuqi

good list page

1 -I am List  
  1 +{{> layout/header}}
  2 +<div class="products-page yoho-page">
  3 + <div class="filter-box">
  4 + {{# filters}}
  5 + {{#if checked}}
  6 + <div class="checked">
  7 + <span class="title">已选条件:</span>
  8 +
  9 + {{# checked}}
  10 + <span class="item">
  11 + {{name}}
  12 + <i class="close">x</i>
  13 + </span>
  14 + {{/ checked}}
  15 + </div>
  16 + {{/if}}
  17 +
  18 + {{#if channel}}
  19 + <div class="channel">
  20 + <span class="title">频道:</span>
  21 +
  22 + {{# channel}}
  23 + <span class="item">
  24 + {{name}}
  25 + </span>
  26 + {{/ channel}}
  27 + </div>
  28 + {{/if}}
  29 +
  30 + {{#if msort}}
  31 + <div class="msort">
  32 + <span class="title">分类:</span>
  33 +
  34 + {{# msort}}
  35 + <span class="item">
  36 + {{name}}
  37 + </span>
  38 + {{/ msort}}
  39 + </div>
  40 + {{/if}}
  41 +
  42 + {{#if brands}}
  43 + <div class="brands">
  44 + <span class="title">品牌:</span>
  45 +
  46 + <div class="brand-opt">
  47 + <p class="brands-index">
  48 + <span>全部</span>
  49 + <span>0 ~ 9</span>
  50 + <span>A</span>
  51 + <span>B</span>
  52 + <span>C</span>
  53 + <span>D</span>
  54 + <span>E</span>
  55 + <span>F</span>
  56 + <span>G</span>
  57 + <span>H</span>
  58 + <span>I</span>
  59 + <span>J</span>
  60 + <span>K</span>
  61 + <span>L</span>
  62 + <span>M</span>
  63 + <span>N</span>
  64 + <span>O</span>
  65 + <span>P</span>
  66 + <span>Q</span>
  67 + <span>R</span>
  68 + <span>S</span>
  69 + <span>T</span>
  70 + <span>U</span>
  71 + <span>V</span>
  72 + <span>W</span>
  73 + <span>X</span>
  74 + <span>Y</span>
  75 + <span>Z</span>
  76 + </p>
  77 +
  78 + <div class="brand-search">
  79 + <input type="text">
  80 + <button>
  81 + <span class="iconfont"></span>
  82 + </button>
  83 + </div>
  84 +
  85 + <span class="more">
  86 + <em>收起</em>
  87 + <i class="iconfont"></i>
  88 + </span>
  89 + </div>
  90 +
  91 + <div class="brand-panel">
  92 + <ul class="brands-show">
  93 + {{#brands}}
  94 + <li>
  95 + <label for="{{name}}">{{text}}</label>
  96 + <input type="checkbox" name="{{name}}">
  97 + </li>
  98 + {{/ brands}}
  99 + </ul>
  100 +
  101 + <button>确定</button>
  102 + <button>取消</button>
  103 + </div>
  104 + </div>
  105 + {{/if}}
  106 +
  107 + {{#if price}}
  108 + <div class="price">
  109 + <span class="title">价格:</span>
  110 +
  111 + {{# price}}
  112 + <span>¥{{.}}</span>
  113 + {{/ price}}
  114 +
  115 + <div class="ud-price-range">
  116 + ¥
  117 + <input type="text" class="min-limit">
  118 + -
  119 + <input type="text" class="max-limit">
  120 +
  121 + <button>确定</button>
  122 + </div>
  123 + </div>
  124 + {{/if}}
  125 +
  126 + {{#if color}}
  127 + <div class="color">
  128 + <span class="title">颜色:</span>
  129 +
  130 + <ul>
  131 + {{# color}}
  132 + <li>
  133 + <div class="color-block {{name}}"></div>
  134 + {{text}}
  135 + </li>
  136 + {{/ color}}
  137 + </ul>
  138 + </div>
  139 + {{/if}}
  140 +
  141 + {{#if seniorChose}}
  142 + <div class="senior">
  143 + <span class="title">高级选项:</span>
  144 +
  145 + <ul>
  146 + {{#each seniorChose}}
  147 + <li>
  148 + {{name}}
  149 + <span class="iconfont"></span>
  150 + </li>
  151 + {{/each}}
  152 + </ul>
  153 +
  154 + <div>
  155 + {{#each seniorChose}}
  156 + <ul>
  157 + {{#each subSenior}}
  158 + <li {{#if >
  159 + <label for="{{name}}">{{text}}</label>
  160 + <input type="checkbox" name="{{name}}">
  161 + </li>
  162 + {{/each}}
  163 + </ul>
  164 + {{/each}}
  165 + </div>
  166 +
  167 + <button>确定</button>
  168 + <button>取消</button>
  169 + </div>
  170 + {{/if}}
  171 + {{/ filters}}
  172 + </div>
  173 +
  174 + <div class="opt-banner">
  175 +
  176 + </div>
  177 +
  178 + <div class="goods-container">
  179 + {{#each goods}}
  180 + {{> product/good}}
  181 + {{/each}}
  182 + </div>
  183 +</div>
  184 +{{> layout/footer}}