fe / yohoblk-wap · Commits

Go to a project

Authored by 郝肖肖
Commit c4ff41d030f64f29e77202d2dfe9653d383a4896 1 parent b93e1096

分部品类样式

Inline Side-by-side
Showing 5 changed files with 1338 additions and 4 deletions
@@ -49,7 +49,7 @@ module.exports = { @@ -49,7 +49,7 @@ module.exports = {
49 brandModel.getCateListData(params).then(result => { 49 brandModel.getCateListData(params).then(result => {
50 res.render('brand/cate', { 50 res.render('brand/cate', {
51 module: 'channel', 51 module: 'channel',
52 - page: 'brand-list', 52 + page: 'cate',
53 result: result 53 result: result
54 }); 54 });
55 }); 55 });
1 -<div id="brand">  
2 - <resources v-bind:content="'men'"></resources>  
3 - <letter-list></letter-list> 1 +<div class="cate-page" id='cate'>
  2 + <div class="cate-nav clearfix">
  3 + <li class="focus">
  4 + <span>Boy</span>
  5 + </li>
  6 + <li class="">
  7 + <span>Girl</span>
  8 + </li>
  9 + <li class="">
  10 + <span>Kid</span>
  11 + </li>
  12 + <li class="">
  13 + <span>Lifestyle</span>
  14 + </li>
  15 + </div>
  16 + <div class="cate-container clearfix">
  17 + <div class="content " style="height: 522px;">
  18 + <ul class="primary-level">
  19 + <li class="p-level-item">
  20 + 上衣
  21 + </li>
  22 + <li class="p-level-item focus">
  23 + 鞋靴
  24 + </li>
  25 + <li class="p-level-item">
  26 + 包类
  27 + </li>
  28 + <li class="p-level-item">
  29 + 内衣/家居服
  30 + </li>
  31 + <li class="p-level-item">
  32 + 美妆/个护
  33 + </li>
  34 + <li class="p-level-item">
  35 + 裤装
  36 + </li>
  37 + <li class="p-level-item">
  38 + 服配
  39 + </li>
  40 + <li class="p-level-item">
  41 + <a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=NINO&amp;gender=1%2C3"> NINO</a>
  42 + </li>
  43 + <li class="p-level-item">
  44 + <a href="//list.dev.yohobuy.com/?sort=242&amp;sort_name=%E6%B5%8B%E8%AF%95%E5%89%8D%E5%8F%B0%E6%98%AF%E5%90%A6%E8%83%BD%E5%90%8C%E6%AD%A5&amp;gender=1%2C3"> 测试前台是否能同步</a>
  45 + </li>
  46 + <li class="p-level-item">
  47 + <a href="//list.dev.yohobuy.com/?sort=585&amp;sort_name=%E5%90%AB3%E7%BA%A7%E4%B8%8D%E5%85%B3%E8%81%94&amp;gender=1%2C3"> 含3级不关联</a>
  48 + </li>
  49 + <li class="p-level-item">
  50 + 含3级关联
  51 + </li>
  52 + <li class="p-level-item">
  53 + <a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=12&amp;gender=1%2C3"> 12</a>
  54 + </li>
  55 + </ul>
  56 + <div class="sub-level-container">
  57 + <ul class="sub-level hide">
  58 + <li>
  59 + <a href="//list.dev.yohobuy.com/?sort=116%2C114%2C640&amp;sort_name=%E4%B8%8A%E8%A1%A3&amp;gender=1%2C3">
  60 + 全部上衣
  61 + </a>
  62 + </li>
  63 + <li>
  64 + <a href="//list.dev.yohobuy.com/?sort=114%2C293&amp;sort_name=T%E6%81%A4&amp;gender=1%2C3">
  65 + T恤
  66 + </a>
  67 + </li>
  68 + <li>
  69 + <a href="//list.dev.yohobuy.com/?sort=123&amp;sort_name=%E6%A3%89%E8%A1%A3&amp;gender=1%2C3">
  70 + 棉衣
  71 + </a>
  72 + </li>
  73 + <li>
  74 + <a href="//list.dev.yohobuy.com/?sort=119&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=1%2C3">
  75 + 卫衣
  76 + </a>
  77 + </li>
  78 + <li>
  79 + <a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=1%2C3">
  80 + 衬衫
  81 + </a>
  82 + </li>
  83 + <li>
  84 + <a href="//list.dev.yohobuy.com/?sort=125&amp;sort_name=%E5%A4%A7%E8%A1%A3%2F%E9%A3%8E%E8%A1%A3&amp;gender=1%2C3">
  85 + 大衣/风衣
  86 + </a>
  87 + </li>
  88 + <li>
  89 + <a href="//list.dev.yohobuy.com/?sort=173&amp;sort_name=%E7%9A%AE%E8%A1%A3&amp;gender=1%2C3">
  90 + 皮衣
  91 + </a>
  92 + </li>
  93 + <li>
  94 + <a href="//list.dev.yohobuy.com/?sort=227&amp;sort_name=%E9%98%B2%E9%A3%8E%E5%A4%96%E5%A5%97&amp;gender=1%2C3">
  95 + 防风外套
  96 + </a>
  97 + </li>
  98 + <li>
  99 + <a href="//list.dev.yohobuy.com/?sort=118&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=1%2C3">
  100 + 马甲
  101 + </a>
  102 + </li>
  103 + <li>
  104 + <a href="//list.dev.yohobuy.com/?sort=124&amp;sort_name=%E5%A4%B9%E5%85%8B&amp;gender=1%2C3">
  105 + 夹克
  106 + </a>
  107 + </li>
  108 + <li>
  109 + <a href="//list.dev.yohobuy.com/?sort=258&amp;sort_name=%E6%AF%9B%E8%A1%A3%2F%E9%92%88%E7%BB%87&amp;gender=1%2C3">
  110 + 毛衣/针织
  111 + </a>
  112 + </li>
  113 + <li>
  114 + <a href="//list.dev.yohobuy.com/?sort=122&amp;sort_name=%E8%A5%BF%E8%A3%85&amp;gender=1%2C3">
  115 + 西装
  116 + </a>
  117 + </li>
  118 + <li>
  119 + <a href="//list.dev.yohobuy.com/?sort=413&amp;sort_name=%E5%A5%97%E8%A3%85&amp;gender=1%2C3">
  120 + 套装
  121 + </a>
  122 + </li>
  123 + <li>
  124 + <a href="//list.dev.yohobuy.com/?sort=116&amp;sort_name=POLO&amp;gender=1%2C3">
  125 + POLO
  126 + </a>
  127 + </li>
  128 + <li>
  129 + <a href="//list.dev.yohobuy.com/?sort=117&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=1%2C3">
  130 + 背心
  131 + </a>
  132 + </li>
  133 + </ul>
  134 + <ul class="sub-level">
  135 + <li>
  136 + <a href="//list.dev.yohobuy.com/?sort=228%2C299%2C231%2C149%2C148%2C147&amp;sort_name=%E9%9E%8B%E9%9D%B4&amp;gender=1%2C3">
  137 + 全部鞋靴
  138 + </a>
  139 + </li>
  140 + <li>
  141 + <a href="//list.dev.yohobuy.com/?sort=147&amp;sort_name=%E4%BC%91%E9%97%B2%2F%E8%BF%90%E5%8A%A8%E9%9E%8B&amp;gender=1%2C3">
  142 + 休闲/运动鞋
  143 + </a>
  144 + </li>
  145 + <li>
  146 + <a href="//list.dev.yohobuy.com/?sort=148&amp;sort_name=%E9%9D%B4%E5%AD%90&amp;gender=1%2C3">
  147 + 靴子
  148 + </a>
  149 + </li>
  150 + <li>
  151 + <a href="//list.dev.yohobuy.com/?sort=151&amp;sort_name=%E6%97%B6%E8%A3%85%E9%9E%8B&amp;gender=1%2C3">
  152 + 时装鞋
  153 + </a>
  154 + </li>
  155 + <li>
  156 + <a href="//list.dev.yohobuy.com/?sort=149&amp;sort_name=%E5%87%89%E9%9E%8B%2F%E5%87%89%E6%8B%96&amp;gender=1%2C3">
  157 + 凉鞋/凉拖
  158 + </a>
  159 + </li>
  160 + <li>
  161 + <a href="//list.dev.yohobuy.com/?sort=231&amp;sort_name=%E4%BF%9D%E5%85%BB%E6%8A%A4%E7%90%86&amp;gender=1%2C3">
  162 + 保养护理
  163 + </a>
  164 + </li>
  165 + </ul>
  166 + <ul class="sub-level hide">
  167 + <li>
  168 + <a href="//list.dev.yohobuy.com/?sort=152%2C153%2C196%2C238%2C239%2C240%2C349%2C157%2C342%2C156%2C161%2C300%2C160%2C233%2C341%2C340%2C210%2C339%2C351%2C195%2C197&amp;sort_name=%E5%8C%85%E7%B1%BB&amp;gender=1%2C3">
  169 + 全部包类
  170 + </a>
  171 + </li>
  172 + <li>
  173 + <a href="//list.dev.yohobuy.com/?sort=339&amp;sort_name=%E5%89%91%E6%A1%A5%E5%8C%85&amp;gender=1%2C3">
  174 + 剑桥包
  175 + </a>
  176 + </li>
  177 + <li>
  178 + <a href="//list.dev.yohobuy.com/?sort=153%2C196%2C195%2C197&amp;sort_name=%E6%89%8B%E6%8B%8E%E5%8C%85%2F%E5%8D%95%E8%82%A9%E5%8C%85&amp;gender=1%2C3">
  179 + 手拎包/单肩包
  180 + </a>
  181 + </li>
  182 + <li>
  183 + <a href="//list.dev.yohobuy.com/?sort=238%2C239%2C240%2C349&amp;sort_name=%E9%92%B1%E5%8C%85%2F%E5%8D%A1%E5%8C%85%2F%E6%89%8B%E5%8C%85%2F%E9%92%A5%E5%8C%99%E5%8C%85&amp;gender=1%2C3">
  184 + 钱包/卡包/手包/钥匙包
  185 + </a>
  186 + </li>
  187 + <li>
  188 + <a href="//list.dev.yohobuy.com/?sort=157&amp;sort_name=%E8%85%B0%E5%8C%85&amp;gender=1%2C3">
  189 + 腰包
  190 + </a>
  191 + </li>
  192 + <li>
  193 + <a href="//list.dev.yohobuy.com/?sort=342&amp;sort_name=%E9%82%AE%E5%B7%AE%E5%8C%85&amp;gender=1%2C3">
  194 + 邮差包
  195 + </a>
  196 + </li>
  197 + <li>
  198 + <a href="//list.dev.yohobuy.com/?sort=156&amp;sort_name=%E7%94%B5%E8%84%91%E5%8C%85&amp;gender=1%2C3">
  199 + 电脑包
  200 + </a>
  201 + </li>
  202 + <li>
  203 + <a href="//list.dev.yohobuy.com/?sort=161%2C300&amp;sort_name=%E5%82%A8%E7%89%A9%E5%8C%85&amp;gender=1%2C3">
  204 + 储物包
  205 + </a>
  206 + </li>
  207 + <li>
  208 + <a href="//list.dev.yohobuy.com/?sort=160&amp;sort_name=%E7%8E%AF%E4%BF%9D%E5%8C%85&amp;gender=1%2C3">
  209 + 环保包
  210 + </a>
  211 + </li>
  212 + <li>
  213 + <a href="//list.dev.yohobuy.com/?sort=233&amp;sort_name=%E5%8C%85%E9%85%8D&amp;gender=1%2C3">
  214 + 包配
  215 + </a>
  216 + </li>
  217 + <li>
  218 + <a href="//list.dev.yohobuy.com/?sort=341&amp;sort_name=tote%E5%8C%85&amp;gender=1%2C3">
  219 + tote包
  220 + </a>
  221 + </li>
  222 + <li>
  223 + <a href="//list.dev.yohobuy.com/?sort=340&amp;sort_name=%E6%97%85%E8%A1%8C%E5%8C%85&amp;gender=1%2C3">
  224 + 旅行包
  225 + </a>
  226 + </li>
  227 + <li>
  228 + <a href="//list.dev.yohobuy.com/?sort=210&amp;sort_name=%E6%97%85%E8%A1%8C%E7%AE%B1&amp;gender=1%2C3">
  229 + 旅行箱
  230 + </a>
  231 + </li>
  232 + <li>
  233 + <a href="//list.dev.yohobuy.com/?sort=351&amp;sort_name=mini%E5%8C%85&amp;gender=1%2C3">
  234 + mini包
  235 + </a>
  236 + </li>
  237 + <li>
  238 + <a href="//list.dev.yohobuy.com/?sort=239&amp;sort_name=%E6%BD%AE%E5%8C%85&amp;gender=1%2C3">
  239 + 潮包
  240 + </a>
  241 + </li>
  242 + </ul>
  243 + <ul class="sub-level hide">
  244 + <li>
  245 + <a href="//list.dev.yohobuy.com/?sort=311%2C357%2C359&amp;sort_name=%E5%86%85%E8%A1%A3%2F%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=1%2C3">
  246 + 全部内衣/家居服
  247 + </a>
  248 + </li>
  249 + <li>
  250 + <a href="//list.dev.yohobuy.com/?sort=311&amp;sort_name=%E5%86%85%E8%A3%A4&amp;gender=1%2C3">
  251 + 内裤
  252 + </a>
  253 + </li>
  254 + <li>
  255 + <a href="//list.dev.yohobuy.com/?sort=357&amp;sort_name=%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=1%2C3">
  256 + 家居服
  257 + </a>
  258 + </li>
  259 + <li>
  260 + <a href="//list.dev.yohobuy.com/?sort=359&amp;sort_name=%E5%AE%B6%E5%B1%85%E9%9E%8B&amp;gender=1%2C3">
  261 + 家居鞋
  262 + </a>
  263 + </li>
  264 + </ul>
  265 + <ul class="sub-level hide">
  266 + <li>
  267 + <a href="//list.dev.yohobuy.com/?sort=263%2C260%2C264%2C261%2C352&amp;sort_name=%E7%BE%8E%E5%A6%86%2F%E4%B8%AA%E6%8A%A4&amp;gender=1%2C3">
  268 + 全部美妆/个护
  269 + </a>
  270 + </li>
  271 + <li>
  272 + <a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=1%2C3">
  273 + 香水
  274 + </a>
  275 + </li>
  276 + <li>
  277 + <a href="//list.dev.yohobuy.com/?sort=260&amp;sort_name=%E9%9D%A2%E9%83%A8%E6%8A%A4%E7%90%86&amp;gender=1%2C3">
  278 + 面部护理
  279 + </a>
  280 + </li>
  281 + <li>
  282 + <a href="//list.dev.yohobuy.com/?sort=264&amp;sort_name=%E4%B8%AA%E4%BA%BA%E6%8A%A4%E7%90%86&amp;gender=1%2C3">
  283 + 个人护理
  284 + </a>
  285 + </li>
  286 + <li>
  287 + <a href="//list.dev.yohobuy.com/?sort=261&amp;sort_name=%E5%BD%A9%E5%A6%86&amp;gender=1%2C3">
  288 + 彩妆
  289 + </a>
  290 + </li>
  291 + <li>
  292 + <a href="//list.dev.yohobuy.com/?sort=352&amp;sort_name=%E7%BA%B9%E8%BA%AB%E8%B4%B4&amp;gender=1%2C3">
  293 + 纹身贴
  294 + </a>
  295 + </li>
  296 + </ul>
  297 + <ul class="sub-level hide">
  298 + <li>
  299 + <a href="//list.dev.yohobuy.com/?sort=131%2C129%2C346%2C133%2C348%2C130&amp;sort_name=%E8%A3%A4%E8%A3%85&amp;gender=1%2C3">
  300 + 全部裤装
  301 + </a>
  302 + </li>
  303 + <li>
  304 + <a href="//list.dev.yohobuy.com/?sort=130&amp;sort_name=%E7%89%9B%E4%BB%94%E8%A3%A4&amp;gender=1%2C3">
  305 + 牛仔裤
  306 + </a>
  307 + </li>
  308 + <li>
  309 + <a href="//list.dev.yohobuy.com/?sort=129&amp;sort_name=%E4%BC%91%E9%97%B2%E8%A3%A4&amp;gender=1%2C3">
  310 + 休闲裤
  311 + </a>
  312 + </li>
  313 + <li>
  314 + <a href="//list.dev.yohobuy.com/?sort=131&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=1%2C3">
  315 + 短裤
  316 + </a>
  317 + </li>
  318 + <li>
  319 + <a href="//list.dev.yohobuy.com/?sort=346&amp;sort_name=%E8%BF%90%E5%8A%A8%E8%A3%A4&amp;gender=1%2C3">
  320 + 运动裤
  321 + </a>
  322 + </li>
  323 + <li>
  324 + <a href="//list.dev.yohobuy.com/?sort=133&amp;sort_name=%E6%89%93%E5%BA%95%E8%A3%A4%2F%E7%B4%A7%E8%BA%AB%E8%A3%A4&amp;gender=1%2C3">
  325 + 打底裤/紧身裤
  326 + </a>
  327 + </li>
  328 + <li>
  329 + <a href="//list.dev.yohobuy.com/?sort=348&amp;sort_name=%E8%A5%BF%E8%A3%A4&amp;gender=1%2C3">
  330 + 西裤
  331 + </a>
  332 + </li>
  333 + </ul>
  334 + <ul class="sub-level hide">
  335 + <li>
  336 + <a href="//list.dev.yohobuy.com/?sort=186%2C235%2C163%2C224%2C322%2C323%2C324%2C325%2C326%2C327%2C328%2C329%2C330%2C331%2C72%2C74%2C75%2C76%2C142%2C77%2C78%2C79%2C80%2C199%2C213%2C217%2C218%2C234%2C303%2C305%2C306%2C307%2C334%2C162%2C316%2C320%2C164%2C317%2C295%2C321&amp;sort_name=%E6%9C%8D%E9%85%8D&amp;gender=1%2C3">
  337 + 全部服配
  338 + </a>
  339 + </li>
  340 + <li>
  341 + <a href="//list.dev.yohobuy.com/?sort=186%2C235&amp;sort_name=%E5%A4%AA%E9%98%B3%E9%95%9C%2F%E7%9C%BC%E9%95%9C&amp;gender=1%2C3">
  342 + 太阳镜/眼镜
  343 + </a>
  344 + </li>
  345 + <li>
  346 + <a href="//list.dev.yohobuy.com/?sort=163%2C224%2C322%2C323%2C324%2C325%2C326%2C327%2C328%2C329%2C330%2C331&amp;sort_name=%E5%B8%BD%E5%AD%90&amp;gender=1%2C3">
  347 + 帽子
  348 + </a>
  349 + </li>
  350 + <li>
  351 + <a href="//list.dev.yohobuy.com/?sort=72%2C74%2C75%2C76&amp;sort_name=%E9%A6%96%E9%A5%B0&amp;gender=1%2C3">
  352 + 首饰
  353 + </a>
  354 + </li>
  355 + <li>
  356 + <a href="//list.dev.yohobuy.com/?sort=142&amp;sort_name=%E8%A2%9C%E5%AD%90&amp;gender=1%2C3">
  357 + 袜子
  358 + </a>
  359 + </li>
  360 + <li>
  361 + <a href="//list.dev.yohobuy.com/?sort=77%2C78%2C79%2C80%2C199%2C213%2C217%2C218%2C234%2C303%2C305%2C306%2C307%2C334&amp;sort_name=%E9%85%8D%E9%A5%B0&amp;gender=1%2C3">
  362 + 配饰
  363 + </a>
  364 + </li>
  365 + <li>
  366 + <a href="//list.dev.yohobuy.com/?sort=162&amp;sort_name=%E6%89%8B%E8%A1%A8&amp;gender=1%2C3">
  367 + 手表
  368 + </a>
  369 + </li>
  370 + <li>
  371 + <a href="//list.dev.yohobuy.com/?sort=316&amp;sort_name=%E5%9B%B4%E5%B7%BE&amp;gender=1%2C3">
  372 + 围巾
  373 + </a>
  374 + </li>
  375 + <li>
  376 + <a href="//list.dev.yohobuy.com/?sort=320&amp;sort_name=%E6%89%8B%E5%B8%95&amp;gender=1%2C3">
  377 + 手帕
  378 + </a>
  379 + </li>
  380 + <li>
  381 + <a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=%E4%B8%9D%E5%B7%BE&amp;gender=1%2C3">
  382 + 丝巾
  383 + </a>
  384 + </li>
  385 + <li>
  386 + <a href="//list.dev.yohobuy.com/?sort=164&amp;sort_name=%E6%89%8B%E5%A5%97&amp;gender=1%2C3">
  387 + 手套
  388 + </a>
  389 + </li>
  390 + <li>
  391 + <a href="//list.dev.yohobuy.com/?sort=317&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=1%2C3">
  392 + 披肩
  393 + </a>
  394 + </li>
  395 + </ul>
  396 + <ul class="sub-level hide">
  397 + </ul>
  398 + <ul class="sub-level hide">
  399 + </ul>
  400 + <ul class="sub-level hide">
  401 + </ul>
  402 + <ul class="sub-level hide">
  403 + <li>
  404 + <a href="//list.dev.yohobuy.com/?sort=362&amp;sort_name=%E5%90%AB3%E7%BA%A7%E5%85%B3%E8%81%94&amp;gender=1%2C3">
  405 + 全部含3级关联
  406 + </a>
  407 + </li>
  408 + <li>
  409 + <a href="//list.dev.yohobuy.com/?sort=618&amp;sort_name=3%E7%BA%A7%E5%85%B3%E8%81%94&amp;gender=1%2C3">
  410 + 3级关联
  411 + </a>
  412 + </li>
  413 + </ul>
  414 + <ul class="sub-level hide">
  415 + </ul>
  416 + </div>
  417 + </div>
  418 + <div class="content hide" style="height: 522px;">
  419 + <ul class="primary-level">
  420 + <li class="p-level-item focus">
  421 + 上衣
  422 + </li>
  423 + <li class="p-level-item">
  424 + 裙装
  425 + </li>
  426 + <li class="p-level-item">
  427 + 裤装
  428 + </li>
  429 + <li class="p-level-item">
  430 + 鞋靴
  431 + </li>
  432 + <li class="p-level-item">
  433 + 包类
  434 + </li>
  435 + <li class="p-level-item">
  436 + 服配
  437 + </li>
  438 + <li class="p-level-item">
  439 + 内衣/家居服
  440 + </li>
  441 + <li class="p-level-item">
  442 + 美妆/个护
  443 + </li>
  444 + </ul>
  445 + <div class="sub-level-container">
  446 + <ul class="sub-level ">
  447 + <li>
  448 + <a href="//list.dev.yohobuy.com/?sort=227%2C173%2C125%2C258%2C121%2C123%2C119%2C124%2C118%2C122%2C115%2C117%2C114%2C293%2C116%2C413&amp;sort_name=%E4%B8%8A%E8%A1%A3&amp;gender=2%2C3">
  449 + 全部上衣
  450 + </a>
  451 + </li>
  452 + <li>
  453 + <a href="//list.dev.yohobuy.com/?sort=114%2C293&amp;sort_name=T%E6%81%A4&amp;gender=2%2C3">
  454 + T恤
  455 + </a>
  456 + </li>
  457 + <li>
  458 + <a href="//list.dev.yohobuy.com/?sort=116&amp;sort_name=POLO&amp;gender=2%2C3">
  459 + POLO
  460 + </a>
  461 + </li>
  462 + <li>
  463 + <a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=2%2C3">
  464 + 衬衫
  465 + </a>
  466 + </li>
  467 + <li>
  468 + <a href="//list.dev.yohobuy.com/?sort=119&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=2%2C3">
  469 + 卫衣
  470 + </a>
  471 + </li>
  472 + <li>
  473 + <a href="//list.dev.yohobuy.com/?sort=124&amp;sort_name=%E5%A4%B9%E5%85%8B&amp;gender=2%2C3">
  474 + 夹克
  475 + </a>
  476 + </li>
  477 + <li>
  478 + <a href="//list.dev.yohobuy.com/?sort=121%2C123&amp;sort_name=%E6%A3%89%E6%9C%8D&amp;gender=2%2C3">
  479 + 棉服
  480 + </a>
  481 + </li>
  482 + <li>
  483 + <a href="//list.dev.yohobuy.com/?sort=121&amp;sort_name=%E7%BE%BD%E7%BB%92%E6%9C%8D&amp;gender=2%2C3">
  484 + 羽绒服
  485 + </a>
  486 + </li>
  487 + <li>
  488 + <a href="//list.dev.yohobuy.com/?sort=258&amp;sort_name=%E6%AF%9B%E8%A1%A3%2F%E9%92%88%E7%BB%87&amp;gender=2%2C3">
  489 + 毛衣/针织
  490 + </a>
  491 + </li>
  492 + <li>
  493 + <a href="//list.dev.yohobuy.com/?sort=227&amp;sort_name=%E9%98%B2%E9%A3%8E%E5%A4%96%E5%A5%97&amp;gender=2%2C3">
  494 + 防风外套
  495 + </a>
  496 + </li>
  497 + <li>
  498 + <a href="//list.dev.yohobuy.com/?sort=173&amp;sort_name=%E7%9A%AE%E8%A1%A3&amp;gender=2%2C3">
  499 + 皮衣
  500 + </a>
  501 + </li>
  502 + <li>
  503 + <a href="//list.dev.yohobuy.com/?sort=122&amp;sort_name=%E8%A5%BF%E8%A3%85&amp;gender=2%2C3">
  504 + 西装
  505 + </a>
  506 + </li>
  507 + <li>
  508 + <a href="//list.dev.yohobuy.com/?sort=117&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=2%2C3">
  509 + 背心
  510 + </a>
  511 + </li>
  512 + <li>
  513 + <a href="//list.dev.yohobuy.com/?sort=118&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=2%2C3">
  514 + 马甲
  515 + </a>
  516 + </li>
  517 + <li>
  518 + <a href="//list.dev.yohobuy.com/?sort=413&amp;sort_name=%E5%A5%97%E8%A3%85&amp;gender=2%2C3">
  519 + 套装
  520 + </a>
  521 + </li>
  522 + <li>
  523 + <a href="//list.dev.yohobuy.com/?sort=125&amp;sort_name=%E5%A4%A7%E8%A1%A3%2F%E9%A3%8E%E8%A1%A3&amp;gender=2%2C3">
  524 + 大衣/风衣
  525 + </a>
  526 + </li>
  527 + </ul>
  528 + <ul class="sub-level hide">
  529 + <li>
  530 + <a href="//list.dev.yohobuy.com/?sort=134%2C135&amp;sort_name=%E8%A3%99%E8%A3%85&amp;gender=2%2C3">
  531 + 全部裙装
  532 + </a>
  533 + </li>
  534 + <li>
  535 + <a href="//list.dev.yohobuy.com/?sort=134&amp;sort_name=%E8%BF%9E%E8%A1%A3%E8%A3%99&amp;gender=2%2C3">
  536 + 连衣裙
  537 + </a>
  538 + </li>
  539 + <li>
  540 + <a href="//list.dev.yohobuy.com/?sort=135&amp;sort_name=%E5%8D%8A%E8%BA%AB%E8%A3%99&amp;gender=2%2C3">
  541 + 半身裙
  542 + </a>
  543 + </li>
  544 + <li>
  545 + <a href="//list.dev.yohobuy.com/?sort=134&amp;sort_name=LOLITA%28%E6%B5%8B%E8%AF%95%29&amp;gender=2%2C3">
  546 + LOLITA(测试)
  547 + </a>
  548 + </li>
  549 + <li>
  550 + <a href="//list.dev.yohobuy.com/?sort=362&amp;sort_name=LOLITA2%EF%BC%88%E6%B5%8B%E8%AF%95%EF%BC%89&amp;gender=2%2C3">
  551 + LOLITA2（测试）
  552 + </a>
  553 + </li>
  554 + <li>
  555 + <a href="//list.dev.yohobuy.com/?sort=359%2C364&amp;sort_name=%E6%B5%8B%E8%AF%95&amp;gender=2%2C3">
  556 + 测试
  557 + </a>
  558 + </li>
  559 + </ul>
  560 + <ul class="sub-level hide">
  561 + <li>
  562 + <a href="//list.dev.yohobuy.com/?sort=348%2C346%2C131%2C133%2C129%2C130&amp;sort_name=%E8%A3%A4%E8%A3%85&amp;gender=2%2C3">
  563 + 全部裤装
  564 + </a>
  565 + </li>
  566 + <li>
  567 + <a href="//list.dev.yohobuy.com/?sort=129&amp;sort_name=%E4%BC%91%E9%97%B2%E8%A3%A4&amp;gender=2%2C3">
  568 + 休闲裤
  569 + </a>
  570 + </li>
  571 + <li>
  572 + <a href="//list.dev.yohobuy.com/?sort=130&amp;sort_name=%E7%89%9B%E4%BB%94%E8%A3%A4&amp;gender=2%2C3">
  573 + 牛仔裤
  574 + </a>
  575 + </li>
  576 + <li>
  577 + <a href="//list.dev.yohobuy.com/?sort=346&amp;sort_name=%E8%BF%90%E5%8A%A8%E8%A3%A4&amp;gender=2%2C3">
  578 + 运动裤
  579 + </a>
  580 + </li>
  581 + <li>
  582 + <a href="//list.dev.yohobuy.com/?sort=133&amp;sort_name=%E6%89%93%E5%BA%95%E8%A3%A4%2F%E7%B4%A7%E8%BA%AB%E8%A3%A4&amp;gender=2%2C3">
  583 + 打底裤/紧身裤
  584 + </a>
  585 + </li>
  586 + <li>
  587 + <a href="//list.dev.yohobuy.com/?sort=131&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=2%2C3">
  588 + 短裤
  589 + </a>
  590 + </li>
  591 + <li>
  592 + <a href="//list.dev.yohobuy.com/?sort=348&amp;sort_name=%E8%A5%BF%E8%A3%A4&amp;gender=2%2C3">
  593 + 西裤
  594 + </a>
  595 + </li>
  596 + </ul>
  597 + <ul class="sub-level hide">
  598 + <li>
  599 + <a href="//list.dev.yohobuy.com/?sort=147%2C149%2C148%2C151%2C231&amp;sort_name=%E9%9E%8B%E9%9D%B4&amp;gender=2%2C3">
  600 + 全部鞋靴
  601 + </a>
  602 + </li>
  603 + <li>
  604 + <a href="//list.dev.yohobuy.com/?sort=147&amp;sort_name=%E4%BC%91%E9%97%B2%2F%E8%BF%90%E5%8A%A8%E9%9E%8B&amp;gender=2%2C3">
  605 + 休闲/运动鞋
  606 + </a>
  607 + </li>
  608 + <li>
  609 + <a href="//list.dev.yohobuy.com/?sort=148&amp;sort_name=%E9%9D%B4%E5%AD%90&amp;gender=2%2C3">
  610 + 靴子
  611 + </a>
  612 + </li>
  613 + <li>
  614 + <a href="//list.dev.yohobuy.com/?sort=151&amp;sort_name=%E6%97%B6%E8%A3%85%E9%9E%8B&amp;gender=2%2C3">
  615 + 时装鞋
  616 + </a>
  617 + </li>
  618 + <li>
  619 + <a href="//list.dev.yohobuy.com/?sort=149&amp;sort_name=%E5%87%89%E9%9E%8B%2F%E5%87%89%E6%8B%96&amp;gender=2%2C3">
  620 + 凉鞋/凉拖
  621 + </a>
  622 + </li>
  623 + <li>
  624 + <a href="//list.dev.yohobuy.com/?sort=231&amp;sort_name=%E4%BF%9D%E5%85%BB%E6%8A%A4%E7%90%86&amp;gender=2%2C3">
  625 + 保养护理
  626 + </a>
  627 + </li>
  628 + </ul>
  629 + <ul class="sub-level hide">
  630 + <li>
  631 + <a href="//list.dev.yohobuy.com/?sort=152%2C153%2C238%2C239%2C240%2C349%2C157%2C342%2C156%2C161%2C300%2C160%2C233%2C341%2C340%2C210%2C339%2C351%2C195%2C196%2C197&amp;sort_name=%E5%8C%85%E7%B1%BB&amp;gender=2%2C3">
  632 + 全部包类
  633 + </a>
  634 + </li>
  635 + <li>
  636 + <a href="//list.dev.yohobuy.com/?sort=152&amp;sort_name=%E5%8F%8C%E8%82%A9%E5%8C%85&amp;gender=2%2C3">
  637 + 双肩包
  638 + </a>
  639 + </li>
  640 + <li>
  641 + <a href="//list.dev.yohobuy.com/?sort=153%2C195%2C196%2C197&amp;sort_name=%E6%89%8B%E6%8B%8E%E5%8C%85%2F%E5%8D%95%E8%82%A9%E5%8C%85&amp;gender=2%2C3">
  642 + 手拎包/单肩包
  643 + </a>
  644 + </li>
  645 + <li>
  646 + <a href="//list.dev.yohobuy.com/?sort=238%2C239%2C240%2C349&amp;sort_name=%E9%92%B1%E5%8C%85%2F%E5%8D%A1%E5%8C%85%2F%E6%89%8B%E5%8C%85%2F%E9%92%A5%E5%8C%99%E5%8C%85&amp;gender=2%2C3">
  647 + 钱包/卡包/手包/钥匙包
  648 + </a>
  649 + </li>
  650 + <li>
  651 + <a href="//list.dev.yohobuy.com/?sort=157&amp;sort_name=%E8%85%B0%E5%8C%85&amp;gender=2%2C3">
  652 + 腰包
  653 + </a>
  654 + </li>
  655 + <li>
  656 + <a href="//list.dev.yohobuy.com/?sort=342&amp;sort_name=%E9%82%AE%E5%B7%AE%E5%8C%85&amp;gender=2%2C3">
  657 + 邮差包
  658 + </a>
  659 + </li>
  660 + <li>
  661 + <a href="//list.dev.yohobuy.com/?sort=156&amp;sort_name=%E7%94%B5%E8%84%91%E5%8C%85&amp;gender=2%2C3">
  662 + 电脑包
  663 + </a>
  664 + </li>
  665 + <li>
  666 + <a href="//list.dev.yohobuy.com/?sort=161%2C300&amp;sort_name=%E5%82%A8%E7%89%A9%E5%8C%85&amp;gender=2%2C3">
  667 + 储物包
  668 + </a>
  669 + </li>
  670 + <li>
  671 + <a href="//list.dev.yohobuy.com/?sort=160&amp;sort_name=%E7%8E%AF%E4%BF%9D%E5%8C%85&amp;gender=2%2C3">
  672 + 环保包
  673 + </a>
  674 + </li>
  675 + <li>
  676 + <a href="//list.dev.yohobuy.com/?sort=233&amp;sort_name=%E5%8C%85%E9%85%8D&amp;gender=2%2C3">
  677 + 包配
  678 + </a>
  679 + </li>
  680 + <li>
  681 + <a href="//list.dev.yohobuy.com/?sort=341&amp;sort_name=tote%E5%8C%85&amp;gender=2%2C3">
  682 + tote包
  683 + </a>
  684 + </li>
  685 + <li>
  686 + <a href="//list.dev.yohobuy.com/?sort=340&amp;sort_name=%E6%97%85%E8%A1%8C%E5%8C%85&amp;gender=2%2C3">
  687 + 旅行包
  688 + </a>
  689 + </li>
  690 + <li>
  691 + <a href="//list.dev.yohobuy.com/?sort=210&amp;sort_name=%E6%97%85%E8%A1%8C%E7%AE%B1&amp;gender=2%2C3">
  692 + 旅行箱
  693 + </a>
  694 + </li>
  695 + <li>
  696 + <a href="//list.dev.yohobuy.com/?sort=339&amp;sort_name=%E5%89%91%E6%A1%A5%E5%8C%85&amp;gender=2%2C3">
  697 + 剑桥包
  698 + </a>
  699 + </li>
  700 + <li>
  701 + <a href="//list.dev.yohobuy.com/?sort=351&amp;sort_name=mini+%E5%8C%85&amp;gender=2%2C3">
  702 + mini 包
  703 + </a>
  704 + </li>
  705 + </ul>
  706 + <ul class="sub-level hide">
  707 + <li>
  708 + <a href="//list.dev.yohobuy.com/?sort=186%2C235%2C163%2C224%2C322%2C323%2C324%2C325%2C326%2C327%2C328%2C329%2C330%2C331%2C72%2C74%2C75%2C76%2C142%2C77%2C78%2C79%2C80%2C199%2C213%2C217%2C218%2C234%2C303%2C305%2C306%2C307%2C334%2C162%2C316%2C320%2C164%2C317%2C295%2C321&amp;sort_name=%E6%9C%8D%E9%85%8D&amp;gender=2%2C3">
  709 + 全部服配
  710 + </a>
  711 + </li>
  712 + <li>
  713 + <a href="//list.dev.yohobuy.com/?sort=163%2C224%2C322%2C323%2C324%2C325%2C326%2C327%2C328%2C329%2C330%2C331&amp;sort_name=%E5%B8%BD%E5%AD%90&amp;gender=2%2C3">
  714 + 帽子
  715 + </a>
  716 + </li>
  717 + <li>
  718 + <a href="//list.dev.yohobuy.com/?sort=72%2C74%2C75%2C76&amp;sort_name=%E9%A6%96%E9%A5%B0&amp;gender=2%2C3">
  719 + 首饰
  720 + </a>
  721 + </li>
  722 + <li>
  723 + <a href="//list.dev.yohobuy.com/?sort=142&amp;sort_name=%E8%A2%9C%E5%AD%90&amp;gender=2%2C3">
  724 + 袜子
  725 + </a>
  726 + </li>
  727 + <li>
  728 + <a href="//list.dev.yohobuy.com/?sort=77%2C78%2C79%2C80%2C199%2C213%2C217%2C218%2C234%2C303%2C305%2C306%2C307%2C334&amp;sort_name=%E9%85%8D%E9%A5%B0&amp;gender=2%2C3">
  729 + 配饰
  730 + </a>
  731 + </li>
  732 + <li>
  733 + <a href="//list.dev.yohobuy.com/?sort=162&amp;sort_name=%E6%89%8B%E8%A1%A8&amp;gender=2%2C3">
  734 + 手表
  735 + </a>
  736 + </li>
  737 + <li>
  738 + <a href="//list.dev.yohobuy.com/?sort=316&amp;sort_name=%E5%9B%B4%E5%B7%BE&amp;gender=2%2C3">
  739 + 围巾
  740 + </a>
  741 + </li>
  742 + <li>
  743 + <a href="//list.dev.yohobuy.com/?sort=164&amp;sort_name=%E6%89%8B%E5%A5%97&amp;gender=2%2C3">
  744 + 手套
  745 + </a>
  746 + </li>
  747 + <li>
  748 + <a href="//list.dev.yohobuy.com/?sort=317&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=2%2C3">
  749 + 披肩
  750 + </a>
  751 + </li>
  752 + <li>
  753 + <a href="//list.dev.yohobuy.com/?sort=186%2C235&amp;sort_name=%E5%A4%AA%E9%98%B3%E9%95%9C%2F%E7%9C%BC%E9%95%9C&amp;gender=2%2C3">
  754 + 太阳镜/眼镜
  755 + </a>
  756 + </li>
  757 + <li>
  758 + <a href="//list.dev.yohobuy.com/?sort=320&amp;sort_name=%E6%89%8B%E5%B8%95&amp;gender=2%2C3">
  759 + 手帕
  760 + </a>
  761 + </li>
  762 + <li>
  763 + <a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=%E4%B8%9D%E5%B7%BE&amp;gender=2%2C3">
  764 + 丝巾
  765 + </a>
  766 + </li>
  767 + </ul>
  768 + <ul class="sub-level hide">
  769 + <li>
  770 + <a href="//list.dev.yohobuy.com/?sort=311%2C364%2C357%2C359&amp;sort_name=%E5%86%85%E8%A1%A3%2F%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=2%2C3">
  771 + 全部内衣/家居服
  772 + </a>
  773 + </li>
  774 + <li>
  775 + <a href="//list.dev.yohobuy.com/?sort=364&amp;sort_name=%E6%96%87%E8%83%B8&amp;gender=2%2C3">
  776 + 文胸
  777 + </a>
  778 + </li>
  779 + <li>
  780 + <a href="//list.dev.yohobuy.com/?sort=311&amp;sort_name=%E5%86%85%E8%A3%A4&amp;gender=2%2C3">
  781 + 内裤
  782 + </a>
  783 + </li>
  784 + <li>
  785 + <a href="//list.dev.yohobuy.com/?sort=357&amp;sort_name=%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=2%2C3">
  786 + 家居服
  787 + </a>
  788 + </li>
  789 + <li>
  790 + <a href="//list.dev.yohobuy.com/?sort=359&amp;sort_name=%E5%AE%B6%E5%B1%85%E9%9E%8B&amp;gender=2%2C3">
  791 + 家居鞋
  792 + </a>
  793 + </li>
  794 + </ul>
  795 + <ul class="sub-level hide">
  796 + <li>
  797 + <a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E7%BE%8E%E5%A6%86%2F%E4%B8%AA%E6%8A%A4&amp;gender=2%2C3">
  798 + 全部美妆/个护
  799 + </a>
  800 + </li>
  801 + <li>
  802 + <a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=2%2C3">
  803 + 香水
  804 + </a>
  805 + </li>
  806 + <li>
  807 + <a href="//list.dev.yohobuy.com/?sort=260&amp;sort_name=%E9%9D%A2%E9%83%A8%E6%8A%A4%E7%90%86&amp;gender=2%2C3">
  808 + 面部护理
  809 + </a>
  810 + </li>
  811 + <li>
  812 + <a href="//list.dev.yohobuy.com/?sort=264&amp;sort_name=%E4%B8%AA%E4%BA%BA%E6%8A%A4%E7%90%86&amp;gender=2%2C3">
  813 + 个人护理
  814 + </a>
  815 + </li>
  816 + <li>
  817 + <a href="//list.dev.yohobuy.com/?sort=261&amp;sort_name=%E5%BD%A9%E5%A6%86&amp;gender=2%2C3">
  818 + 彩妆
  819 + </a>
  820 + </li>
  821 + <li>
  822 + <a href="//list.dev.yohobuy.com/?sort=352&amp;sort_name=%E7%BA%B9%E8%BA%AB%E8%B4%B4&amp;gender=2%2C3">
  823 + 纹身贴
  824 + </a>
  825 + </li>
  826 + </ul>
  827 + </div>
  828 + </div>
  829 + <div class="content hide" style="height: 522px;">
  830 + <ul class="primary-level">
  831 + <li class="p-level-item focus">
  832 + 上衣
  833 + </li>
  834 + <li class="p-level-item">
  835 + 裤装
  836 + </li>
  837 + <li class="p-level-item">
  838 + 泳衣
  839 + </li>
  840 + <li class="p-level-item">
  841 + 裙装
  842 + </li>
  843 + <li class="p-level-item">
  844 + 鞋靴
  845 + </li>
  846 + <li class="p-level-item">
  847 + 包类
  848 + </li>
  849 + <li class="p-level-item">
  850 + 服配
  851 + </li>
  852 + <li class="p-level-item">
  853 + <a href="//list.dev.yohobuy.com/?sort=211&amp;sort_name=%E6%B5%8B%E8%AF%95%E6%BD%AE%E7%AB%A5%E6%96%B0%E5%A2%9E%E4%BA%8C%E7%BA%A7%E7%B1%BB%E7%9B%AE&amp;gender=1%2C2%2C3"> 测试潮童新增二级类目</a>
  854 + </li>
  855 + </ul>
  856 + <div class="sub-level-container">
  857 + <ul class="sub-level ">
  858 + <li>
  859 + <a href="//list.dev.yohobuy.com/?sort=407%2C405%2C403%2C397%2C374%2C373&amp;sort_name=%E4%B8%8A%E8%A1%A3&amp;gender=1%2C2%2C3">
  860 + 全部上衣
  861 + </a>
  862 + </li>
  863 + <li>
  864 + <a href="//list.dev.yohobuy.com/?sort=407&amp;sort_name=%E5%A4%A7%E8%A1%A3%2F%E9%A3%8E%E8%A1%A3&amp;gender=1%2C2%2C3">
  865 + 大衣/风衣
  866 + </a>
  867 + </li>
  868 + <li>
  869 + <a href="//list.dev.yohobuy.com/?sort=405&amp;sort_name=%E5%A4%B9%E5%85%8B%2F%E9%98%B2%E9%A3%8E%E5%A4%96%E5%A5%97&amp;gender=1%2C2%2C3">
  870 + 夹克/防风外套
  871 + </a>
  872 + </li>
  873 + <li>
  874 + <a href="//list.dev.yohobuy.com/?sort=401&amp;sort_name=%E6%AF%9B%E8%A1%A3%2F%E9%92%88%E7%BB%87&amp;gender=1%2C2%2C3">
  875 + 毛衣/针织
  876 + </a>
  877 + </li>
  878 + <li>
  879 + <a href="//list.dev.yohobuy.com/?sort=403&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=1%2C2%2C3">
  880 + 马甲
  881 + </a>
  882 + </li>
  883 + <li>
  884 + <a href="//list.dev.yohobuy.com/?sort=397&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=1%2C2%2C3">
  885 + 卫衣
  886 + </a>
  887 + </li>
  888 + <li>
  889 + <a href="//list.dev.yohobuy.com/?sort=399%2C400%2C374&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=1%2C2%2C3">
  890 + 衬衫
  891 + </a>
  892 + </li>
  893 + <li>
  894 + <a href="//list.dev.yohobuy.com/?sort=387&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=1%2C2%2C3">
  895 + 背心
  896 + </a>
  897 + </li>
  898 + <li>
  899 + <a href="//list.dev.yohobuy.com/?sort=373&amp;sort_name=T%E6%81%A4&amp;gender=1%2C2%2C3">
  900 + T恤
  901 + </a>
  902 + </li>
  903 + </ul>
  904 + <ul class="sub-level hide">
  905 + <li>
  906 + <a href="//list.dev.yohobuy.com/?sort=389%2C385%2C377%2C376%2C391&amp;sort_name=%E8%A3%A4%E8%A3%85&amp;gender=1%2C2%2C3">
  907 + 全部裤装
  908 + </a>
  909 + </li>
  910 + <li>
  911 + <a href="//list.dev.yohobuy.com/?sort=376&amp;sort_name=%E4%BC%91%E9%97%B2%E8%A3%A4&amp;gender=1%2C2%2C3">
  912 + 休闲裤
  913 + </a>
  914 + </li>
  915 + <li>
  916 + <a href="//list.dev.yohobuy.com/?sort=389&amp;sort_name=%E7%89%9B%E4%BB%94%E8%A3%A4&amp;gender=1%2C2%2C3">
  917 + 牛仔裤
  918 + </a>
  919 + </li>
  920 + <li>
  921 + <a href="//list.dev.yohobuy.com/?sort=391&amp;sort_name=%E8%BF%90%E5%8A%A8%E8%A3%A4&amp;gender=1%2C2%2C3">
  922 + 运动裤
  923 + </a>
  924 + </li>
  925 + <li>
  926 + <a href="//list.dev.yohobuy.com/?sort=385&amp;sort_name=%E6%89%93%E5%BA%95%E8%A3%A4+%2F%E7%B4%A7%E8%BA%AB%E8%A3%A4&amp;gender=1%2C2%2C3">
  927 + 打底裤 /紧身裤
  928 + </a>
  929 + </li>
  930 + <li>
  931 + <a href="//list.dev.yohobuy.com/?sort=377&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=1%2C2%2C3">
  932 + 短裤
  933 + </a>
  934 + </li>
  935 + </ul>
  936 + <ul class="sub-level hide">
  937 + <li>
  938 + <a href="//list.dev.yohobuy.com/?sort=381&amp;sort_name=%E6%B3%B3%E8%A1%A3&amp;gender=1%2C2%2C3">
  939 + 全部泳衣
  940 + </a>
  941 + </li>
  942 + <li>
  943 + <a href="//list.dev.yohobuy.com/?sort=381&amp;sort_name=%E6%B3%B3%E8%A1%A3&amp;gender=1%2C2%2C3">
  944 + 泳衣
  945 + </a>
  946 + </li>
  947 + </ul>
  948 + <ul class="sub-level hide">
  949 + <li>
  950 + <a href="//list.dev.yohobuy.com/?sort=378%2C379&amp;sort_name=%E8%A3%99%E8%A3%85&amp;gender=1%2C2%2C3">
  951 + 全部裙装
  952 + </a>
  953 + </li>
  954 + <li>
  955 + <a href="//list.dev.yohobuy.com/?sort=378&amp;sort_name=%E8%BF%9E%E8%A1%A3%E8%A3%99&amp;gender=1%2C2%2C3">
  956 + 连衣裙
  957 + </a>
  958 + </li>
  959 + <li>
  960 + <a href="//list.dev.yohobuy.com/?sort=379&amp;sort_name=%E5%8D%8A%E8%BA%AB%E8%A3%99&amp;gender=1%2C2%2C3">
  961 + 半身裙
  962 + </a>
  963 + </li>
  964 + </ul>
  965 + <ul class="sub-level hide">
  966 + <li>
  967 + <a href="//list.dev.yohobuy.com/?sort=383%2C375&amp;sort_name=%E9%9E%8B%E9%9D%B4&amp;gender=1%2C2%2C3">
  968 + 全部鞋靴
  969 + </a>
  970 + </li>
  971 + <li>
  972 + <a href="//list.dev.yohobuy.com/?sort=383&amp;sort_name=%E5%87%89%E9%9E%8B%2F%E5%87%89%E6%8B%96&amp;gender=1%2C2%2C3">
  973 + 凉鞋/凉拖
  974 + </a>
  975 + </li>
  976 + <li>
  977 + <a href="//list.dev.yohobuy.com/?sort=375&amp;sort_name=%E4%BC%91%E9%97%B2%2F%E8%BF%90%E5%8A%A8%E9%9E%8B&amp;gender=1%2C2%2C3">
  978 + 休闲/运动鞋
  979 + </a>
  980 + </li>
  981 + </ul>
  982 + <ul class="sub-level hide">
  983 + <li>
  984 + <a href="//list.dev.yohobuy.com/?sort=393&amp;sort_name=%E5%8C%85%E7%B1%BB&amp;gender=1%2C2%2C3">
  985 + 全部包类
  986 + </a>
  987 + </li>
  988 + <li>
  989 + <a href="//list.dev.yohobuy.com/?sort=393&amp;sort_name=%E5%8F%8C%E8%82%A9%E5%8C%85&amp;gender=1%2C2%2C3">
  990 + 双肩包
  991 + </a>
  992 + </li>
  993 + <li>
  994 + <a href="//list.dev.yohobuy.com/?sort=153&amp;sort_name=%E6%89%8B%E6%8B%8E%E5%8C%85%2F%E5%8D%95%E8%82%A9%E5%8C%85&amp;gender=1%2C2%2C3">
  995 + 手拎包/单肩包
  996 + </a>
  997 + </li>
  998 + <li>
  999 + <a href="//list.dev.yohobuy.com/?sort=210&amp;sort_name=%E6%97%85%E8%A1%8C%E7%AE%B1&amp;gender=1%2C2%2C3">
  1000 + 旅行箱
  1001 + </a>
  1002 + </li>
  1003 + <li>
  1004 + <a href="//list.dev.yohobuy.com/?sort=351%2C342&amp;sort_name=%E6%B5%8B%E8%AF%953%E7%BA%A7&amp;gender=1%2C2%2C3">
  1005 + 测试3级
  1006 + </a>
  1007 + </li>
  1008 + </ul>
  1009 + <ul class="sub-level hide">
  1010 + <li>
  1011 + <a href="//list.dev.yohobuy.com/?sort=395%2C431%2C433&amp;sort_name=%E6%9C%8D%E9%85%8D&amp;gender=1%2C2%2C3">
  1012 + 全部服配
  1013 + </a>
  1014 + </li>
  1015 + <li>
  1016 + <a href="//list.dev.yohobuy.com/?sort=395&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=1%2C2%2C3">
  1017 + 披肩
  1018 + </a>
  1019 + </li>
  1020 + <li>
  1021 + <a href="//list.dev.yohobuy.com/?sort=431%2C433&amp;sort_name=%E5%A4%AA%E9%98%B3%E9%95%9C%2F%E7%9C%BC%E9%95%9C&amp;gender=1%2C2%2C3">
  1022 + 太阳镜/眼镜
  1023 + </a>
  1024 + </li>
  1025 + </ul>
  1026 + <ul class="sub-level hide">
  1027 + </ul>
  1028 + </div>
  1029 + </div>
  1030 + <div class="content hide" style="height: 522px;">
  1031 + <ul class="primary-level">
  1032 + <li class="p-level-item focus">
  1033 + <a href="//list.dev.yohobuy.com/?sort=259%2C263%2C352&amp;sort_name=%E5%8B%BF%E5%88%A0SYJ%E6%B5%8B%E8%AF%95%E5%88%86%E7%B1%BB&amp;gender=1%2C2%2C3"> 勿删SYJ测试分类</a>
  1034 + </li>
  1035 + <li class="p-level-item">
  1036 + <a href="//list.dev.yohobuy.com/?sort=110%2C112%2C184&amp;sort_name=%E6%96%87%E5%85%B72&amp;gender=1%2C2%2C3"> 文具2</a>
  1037 + </li>
  1038 + <li class="p-level-item">
  1039 + 家居生活
  1040 + </li>
  1041 + <li class="p-level-item">
  1042 + 数码3C
  1043 + </li>
  1044 + <li class="p-level-item">
  1045 + 美妆/个护
  1046 + </li>
  1047 + <li class="p-level-item">
  1048 + <a href="//list.dev.yohobuy.com/?sort=130%2C348%2C346&amp;sort_name=%E6%B5%8B%E8%AF%95%E6%96%B0%E5%A2%9E%E5%88%86%E7%B1%BB%EF%BC%88%E9%9D%9E%E6%B5%8B%E8%AF%95%E8%AF%AF%E6%93%8D%E4%BD%9C%EF%BC%81%EF%BC%89&amp;gender=1%2C2%2C3"> 测试新增分类（非测试误操作！）</a>
  1049 + </li>
  1050 + <li class="p-level-item">
  1051 + <a href="//list.dev.yohobuy.com/?sort=292&amp;sort_name=%E5%85%B3%E8%81%94%E4%B8%80%E4%B8%AA%E7%89%A9%E7%90%86%E7%B1%BB%E7%9B%AE&amp;gender=1%2C2%2C3"> 关联一个物理类目</a>
  1052 + </li>
  1053 + </ul>
  1054 + <div class="sub-level-container">
  1055 + <ul class="sub-level ">
  1056 + </ul>
  1057 + <ul class="sub-level hide">
  1058 + </ul>
  1059 + <ul class="sub-level hide">
  1060 + <li>
  1061 + <a href="//list.dev.yohobuy.com/?sort=281%2C292%2C304%2C267%2C268%2C269%2C270%2C271%2C272%2C273%2C274%2C275%2C276%2C277%2C332%2C333%2C353%2C355%2C110%2C112%2C184%2C302%2C343%2C344%2C399&amp;sort_name=%E5%AE%B6%E5%B1%85%E7%94%9F%E6%B4%BB&amp;gender=1%2C2%2C3">
  1062 + 全部家居生活
  1063 + </a>
  1064 + </li>
  1065 + <li>
  1066 + <a href="//list.dev.yohobuy.com/?sort=268%2C269%2C270%2C271%2C272%2C273%2C274%2C275%2C276%2C277%2C332%2C333%2C353&amp;sort_name=%E5%B1%85%E5%AE%B6&amp;gender=1%2C2%2C3">
  1067 + 居家
  1068 + </a>
  1069 + </li>
  1070 + <li>
  1071 + <a href="//list.dev.yohobuy.com/?sort=355&amp;sort_name=%E5%AE%A0%E7%89%A9%E5%91%A8%E8%BE%B9&amp;gender=1%2C2%2C3">
  1072 + 宠物周边
  1073 + </a>
  1074 + </li>
  1075 + <li>
  1076 + <a href="//list.dev.yohobuy.com/?sort=281%2C282%2C283%2C284%2C292%2C304&amp;sort_name=%E7%8E%A9%E5%85%B7%E5%A8%B1%E4%B9%90&amp;gender=1%2C2%2C3">
  1077 + 玩具娱乐
  1078 + </a>
  1079 + </li>
  1080 + <li>
  1081 + <a href="//list.dev.yohobuy.com/?sort=283%2C110%2C111%2C112%2C184&amp;sort_name=%E6%96%87%E5%85%B7&amp;gender=1%2C2%2C3">
  1082 + 文具
  1083 + </a>
  1084 + </li>
  1085 + <li>
  1086 + <a href="//list.dev.yohobuy.com/?sort=112&amp;sort_name=%E6%96%87%E5%85%B73&amp;gender=1%2C2%2C3">
  1087 + 文具3
  1088 + </a>
  1089 + </li>
  1090 + </ul>
  1091 + <ul class="sub-level hide">
  1092 + <li>
  1093 + <a href="//list.dev.yohobuy.com/?sort=185%2C211%2C313%2C212%2C171%2C113%2C200%2C398&amp;sort_name=%E6%95%B0%E7%A0%813C&amp;gender=1%2C2%2C3">
  1094 + 全部数码3C
  1095 + </a>
  1096 + </li>
  1097 + <li>
  1098 + <a href="//list.dev.yohobuy.com/?sort=211&amp;sort_name=%E6%95%B0%E7%A0%81%E9%85%8D%E4%BB%B6&amp;gender=1%2C2%2C3">
  1099 + 数码配件
  1100 + </a>
  1101 + </li>
  1102 + <li>
  1103 + <a href="//list.dev.yohobuy.com/?sort=313&amp;sort_name=%E6%89%8B%E6%9C%BA%2Fipad%E5%A3%B3%E5%A5%97&amp;gender=1%2C2%2C3">
  1104 + 手机/ipad壳套
  1105 + </a>
  1106 + </li>
  1107 + <li>
  1108 + <a href="//list.dev.yohobuy.com/?sort=212&amp;sort_name=%E6%89%8B%E6%9C%BA%E9%85%8D%E4%BB%B6&amp;gender=1%2C2%2C3">
  1109 + 手机配件
  1110 + </a>
  1111 + </li>
  1112 + <li>
  1113 + <a href="//list.dev.yohobuy.com/?sort=171&amp;sort_name=%E8%80%B3%E6%9C%BA&amp;gender=1%2C2%2C3">
  1114 + 耳机
  1115 + </a>
  1116 + </li>
  1117 + <li>
  1118 + <a href="//list.dev.yohobuy.com/?sort=113&amp;sort_name=U%E7%9B%98&amp;gender=1%2C2%2C3">
  1119 + U盘
  1120 + </a>
  1121 + </li>
  1122 + <li>
  1123 + <a href="//list.dev.yohobuy.com/?sort=200&amp;sort_name=%E7%94%B5%E8%84%91%E6%9E%B6&amp;gender=1%2C2%2C3">
  1124 + 电脑架
  1125 + </a>
  1126 + </li>
  1127 + <li>
  1128 + <a href="//list.dev.yohobuy.com/?sort=398&amp;sort_name=%E6%99%BA%E8%83%BD%E8%A3%85%E5%A4%87&amp;gender=1%2C2%2C3">
  1129 + 智能装备
  1130 + </a>
  1131 + </li>
  1132 + </ul>
  1133 + <ul class="sub-level hide">
  1134 + <li>
  1135 + <a href="//list.dev.yohobuy.com/?sort=263%2C260%2C264%2C261%2C352&amp;sort_name=%E7%BE%8E%E5%A6%86%2F%E4%B8%AA%E6%8A%A4&amp;gender=1%2C2%2C3">
  1136 + 全部美妆/个护
  1137 + </a>
  1138 + </li>
  1139 + <li>
  1140 + <a href="//list.dev.yohobuy.com/?sort=352&amp;sort_name=%E7%BA%B9%E8%BA%AB%E8%B4%B4&amp;gender=1%2C2%2C3">
  1141 + 纹身贴
  1142 + </a>
  1143 + </li>
  1144 + <li>
  1145 + <a href="//list.dev.yohobuy.com/?sort=264&amp;sort_name=%E4%B8%AA%E4%BA%BA%E6%8A%A4%E7%90%86&amp;gender=1%2C2%2C3">
  1146 + 个人护理
  1147 + </a>
  1148 + </li>
  1149 + <li>
  1150 + <a href="//list.dev.yohobuy.com/?sort=260&amp;sort_name=%E9%9D%A2%E9%83%A8%E6%8A%A4%E8%82%A4&amp;gender=1%2C2%2C3">
  1151 + 面部护肤
  1152 + </a>
  1153 + </li>
  1154 + <li>
  1155 + <a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=1%2C2%2C3">
  1156 + 香水
  1157 + </a>
  1158 + </li>
  1159 + </ul>
  1160 + <ul class="sub-level hide">
  1161 + </ul>
  1162 + <ul class="sub-level hide">
  1163 + </ul>
  1164 + </div>
  1165 + </div>
  1166 + </div>
4 </div> 1167 </div>
  1 +const $ = require('yoho-jquery');
  2 +const Vue = require('yoho-vue');
  3 +
  4 +const resources = require('channel/resources.vue');
  5 +const letterList = require('channel/letter-list.vue');
  6 +
  7 +require('common/vue-filter');
  8 +
  9 +new Vue({
  10 + el: '#cate',
  11 + components: {
  12 + resources,
  13 + letterList
  14 + }
  15 +});
  1 +.cate-page {
  2 + font-size: 36px;
  3 + font-family: helvetica, Arial, "黑体";
  4 +
  5 + ul {
  6 + margin: 0;
  7 + padding: 0;
  8 +
  9 + li {
  10 + margin: 0;
  11 + padding: 0;
  12 + list-style: none;
  13 + }
  14 + }
  15 +
  16 + .search-input {
  17 + position: relative;
  18 + background-color: #f8f8f8;
  19 + padding: 13px 20px;
  20 +
  21 + p {
  22 + box-sizing: border-box;
  23 + width: 100%;
  24 + height: 60px;
  25 + line-height: 60px;
  26 + border: none;
  27 + padding-left: 66px;
  28 + border-radius: 60px;
  29 + font-size: 26px;
  30 + background: #fff;
  31 + color: #999;
  32 + }
  33 + }
  34 +
  35 + .search-icon {
  36 + position: absolute;
  37 + top: 0;
  38 + bottom: 0;
  39 + left: 43px;
  40 + line-height: 86px;
  41 + color: #999;
  42 + }
  43 +
  44 + .cate-nav {
  45 + height: 120px;
  46 + border-bottom: 1px solid #e6e6e6;
  47 +
  48 + li {
  49 + display: block;
  50 + box-sizing: border-box;
  51 + float: left;
  52 + height: 100%;
  53 + padding: 20px 0;
  54 + width: 25%;
  55 + text-align: center;
  56 + color: #999;
  57 +
  58 + &:last-child {
  59 + border-right: none;
  60 + }
  61 +
  62 + &.focus {
  63 + color: #000;
  64 +
  65 + span {
  66 + border-bottom: 4px solid #000;
  67 + font-weight: bold;
  68 + }
  69 + }
  70 +
  71 + &.bytouch {
  72 + background: #eee;
  73 + }
  74 + }
  75 +
  76 + span {
  77 + line-height: 80px;
  78 + padding-bottom: 10px;
  79 + }
  80 +
  81 + li:last-child span {
  82 + border-right: 0;
  83 + }
  84 + }
  85 +
  86 + .content {
  87 + &.hide {
  88 + display: none;
  89 + }
  90 + }
  91 +
  92 + .primary-level {
  93 + float: left;
  94 + box-sizing: border-box;
  95 + width: 45%;
  96 +
  97 + > li {
  98 + height: 120px;
  99 + line-height: 120px;
  100 + padding: 0 32px;
  101 + white-space: nowrap;
  102 + overflow: hidden;
  103 + text-overflow: ellipsis;
  104 + border-bottom: 1px solid #e6e6e6;
  105 +
  106 + &.focus {
  107 + background-color: #fff;
  108 + }
  109 +
  110 + &.highlight {
  111 + background-color: #eee;
  112 + }
  113 + }
  114 + }
  115 +
  116 + .sub-level-container {
  117 + float: left;
  118 + box-sizing: border-box;
  119 + background: #fff;
  120 + width: 55%;
  121 + height: 100%;
  122 + }
  123 +
  124 + .sub-level {
  125 + width: 100%;
  126 + background-color: #f8f8f8;
  127 +
  128 + &.hide {
  129 + display: none;
  130 + }
  131 +
  132 + > li {
  133 + box-sizing: border-box;
  134 + height: 110px;
  135 + line-height: 110px;
  136 + border-bottom: 1px solid #e6e6e6;
  137 + padding-left: 20px;
  138 +
  139 + &.highlight {
  140 + background: #eee;
  141 + }
  142 +
  143 + &:last-child {
  144 + border-bottom: none;
  145 + }
  146 + }
  147 +
  148 + a {
  149 + display: block;
  150 + height: 100%;
  151 + width: 100%;
  152 + color: #000;
  153 + }
  154 + }
  155 +}
1 @import "brand"; 1 @import "brand";
2 @import "brand-list"; 2 @import "brand-list";
  3 +@import "cate";