Authored by 郝肖肖

分部品类样式

... ... @@ -49,7 +49,7 @@ module.exports = {
brandModel.getCateListData(params).then(result => {
res.render('brand/cate', {
module: 'channel',
page: 'brand-list',
page: 'cate',
result: result
});
});
... ...
<div id="brand">
<resources v-bind:content="'men'"></resources>
<letter-list></letter-list>
<div class="cate-page" id='cate'>
<div class="cate-nav clearfix">
<li class="focus">
<span>Boy</span>
</li>
<li class="">
<span>Girl</span>
</li>
<li class="">
<span>Kid</span>
</li>
<li class="">
<span>Lifestyle</span>
</li>
</div>
<div class="cate-container clearfix">
<div class="content " style="height: 522px;">
<ul class="primary-level">
<li class="p-level-item">
上衣
</li>
<li class="p-level-item focus">
鞋靴
</li>
<li class="p-level-item">
包类
</li>
<li class="p-level-item">
内衣/家居服
</li>
<li class="p-level-item">
美妆/个护
</li>
<li class="p-level-item">
裤装
</li>
<li class="p-level-item">
服配
</li>
<li class="p-level-item">
<a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=NINO&amp;gender=1%2C3"> NINO</a>
</li>
<li class="p-level-item">
<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>
</li>
<li class="p-level-item">
<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>
</li>
<li class="p-level-item">
含3级关联
</li>
<li class="p-level-item">
<a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=12&amp;gender=1%2C3"> 12</a>
</li>
</ul>
<div class="sub-level-container">
<ul class="sub-level hide">
<li>
<a href="//list.dev.yohobuy.com/?sort=116%2C114%2C640&amp;sort_name=%E4%B8%8A%E8%A1%A3&amp;gender=1%2C3">
全部上衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=114%2C293&amp;sort_name=T%E6%81%A4&amp;gender=1%2C3">
T恤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=123&amp;sort_name=%E6%A3%89%E8%A1%A3&amp;gender=1%2C3">
棉衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=119&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=1%2C3">
卫衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=1%2C3">
衬衫
</a>
</li>
<li>
<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">
大衣/风衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=173&amp;sort_name=%E7%9A%AE%E8%A1%A3&amp;gender=1%2C3">
皮衣
</a>
</li>
<li>
<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">
防风外套
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=118&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=1%2C3">
马甲
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=124&amp;sort_name=%E5%A4%B9%E5%85%8B&amp;gender=1%2C3">
夹克
</a>
</li>
<li>
<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">
毛衣/针织
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=122&amp;sort_name=%E8%A5%BF%E8%A3%85&amp;gender=1%2C3">
西装
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=413&amp;sort_name=%E5%A5%97%E8%A3%85&amp;gender=1%2C3">
套装
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=116&amp;sort_name=POLO&amp;gender=1%2C3">
POLO
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=117&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=1%2C3">
背心
</a>
</li>
</ul>
<ul class="sub-level">
<li>
<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">
全部鞋靴
</a>
</li>
<li>
<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">
休闲/运动鞋
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=148&amp;sort_name=%E9%9D%B4%E5%AD%90&amp;gender=1%2C3">
靴子
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=151&amp;sort_name=%E6%97%B6%E8%A3%85%E9%9E%8B&amp;gender=1%2C3">
时装鞋
</a>
</li>
<li>
<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">
凉鞋/凉拖
</a>
</li>
<li>
<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">
保养护理
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部包类
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=339&amp;sort_name=%E5%89%91%E6%A1%A5%E5%8C%85&amp;gender=1%2C3">
剑桥包
</a>
</li>
<li>
<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">
手拎包/单肩包
</a>
</li>
<li>
<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">
钱包/卡包/手包/钥匙包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=157&amp;sort_name=%E8%85%B0%E5%8C%85&amp;gender=1%2C3">
腰包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=342&amp;sort_name=%E9%82%AE%E5%B7%AE%E5%8C%85&amp;gender=1%2C3">
邮差包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=156&amp;sort_name=%E7%94%B5%E8%84%91%E5%8C%85&amp;gender=1%2C3">
电脑包
</a>
</li>
<li>
<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">
储物包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=160&amp;sort_name=%E7%8E%AF%E4%BF%9D%E5%8C%85&amp;gender=1%2C3">
环保包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=233&amp;sort_name=%E5%8C%85%E9%85%8D&amp;gender=1%2C3">
包配
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=341&amp;sort_name=tote%E5%8C%85&amp;gender=1%2C3">
tote包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=340&amp;sort_name=%E6%97%85%E8%A1%8C%E5%8C%85&amp;gender=1%2C3">
旅行包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=210&amp;sort_name=%E6%97%85%E8%A1%8C%E7%AE%B1&amp;gender=1%2C3">
旅行箱
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=351&amp;sort_name=mini%E5%8C%85&amp;gender=1%2C3">
mini包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=239&amp;sort_name=%E6%BD%AE%E5%8C%85&amp;gender=1%2C3">
潮包
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部内衣/家居服
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=311&amp;sort_name=%E5%86%85%E8%A3%A4&amp;gender=1%2C3">
内裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=357&amp;sort_name=%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=1%2C3">
家居服
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=359&amp;sort_name=%E5%AE%B6%E5%B1%85%E9%9E%8B&amp;gender=1%2C3">
家居鞋
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部美妆/个护
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=1%2C3">
香水
</a>
</li>
<li>
<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">
面部护理
</a>
</li>
<li>
<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">
个人护理
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=261&amp;sort_name=%E5%BD%A9%E5%A6%86&amp;gender=1%2C3">
彩妆
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=352&amp;sort_name=%E7%BA%B9%E8%BA%AB%E8%B4%B4&amp;gender=1%2C3">
纹身贴
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部裤装
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=130&amp;sort_name=%E7%89%9B%E4%BB%94%E8%A3%A4&amp;gender=1%2C3">
牛仔裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=129&amp;sort_name=%E4%BC%91%E9%97%B2%E8%A3%A4&amp;gender=1%2C3">
休闲裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=131&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=1%2C3">
短裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=346&amp;sort_name=%E8%BF%90%E5%8A%A8%E8%A3%A4&amp;gender=1%2C3">
运动裤
</a>
</li>
<li>
<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">
打底裤/紧身裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=348&amp;sort_name=%E8%A5%BF%E8%A3%A4&amp;gender=1%2C3">
西裤
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部服配
</a>
</li>
<li>
<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">
太阳镜/眼镜
</a>
</li>
<li>
<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">
帽子
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=72%2C74%2C75%2C76&amp;sort_name=%E9%A6%96%E9%A5%B0&amp;gender=1%2C3">
首饰
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=142&amp;sort_name=%E8%A2%9C%E5%AD%90&amp;gender=1%2C3">
袜子
</a>
</li>
<li>
<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">
配饰
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=162&amp;sort_name=%E6%89%8B%E8%A1%A8&amp;gender=1%2C3">
手表
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=316&amp;sort_name=%E5%9B%B4%E5%B7%BE&amp;gender=1%2C3">
围巾
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=320&amp;sort_name=%E6%89%8B%E5%B8%95&amp;gender=1%2C3">
手帕
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=%E4%B8%9D%E5%B7%BE&amp;gender=1%2C3">
丝巾
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=164&amp;sort_name=%E6%89%8B%E5%A5%97&amp;gender=1%2C3">
手套
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=317&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=1%2C3">
披肩
</a>
</li>
</ul>
<ul class="sub-level hide">
</ul>
<ul class="sub-level hide">
</ul>
<ul class="sub-level hide">
</ul>
<ul class="sub-level hide">
<li>
<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">
全部含3级关联
</a>
</li>
<li>
<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">
3级关联
</a>
</li>
</ul>
<ul class="sub-level hide">
</ul>
</div>
</div>
<div class="content hide" style="height: 522px;">
<ul class="primary-level">
<li class="p-level-item focus">
上衣
</li>
<li class="p-level-item">
裙装
</li>
<li class="p-level-item">
裤装
</li>
<li class="p-level-item">
鞋靴
</li>
<li class="p-level-item">
包类
</li>
<li class="p-level-item">
服配
</li>
<li class="p-level-item">
内衣/家居服
</li>
<li class="p-level-item">
美妆/个护
</li>
</ul>
<div class="sub-level-container">
<ul class="sub-level ">
<li>
<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">
全部上衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=114%2C293&amp;sort_name=T%E6%81%A4&amp;gender=2%2C3">
T恤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=116&amp;sort_name=POLO&amp;gender=2%2C3">
POLO
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=2%2C3">
衬衫
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=119&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=2%2C3">
卫衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=124&amp;sort_name=%E5%A4%B9%E5%85%8B&amp;gender=2%2C3">
夹克
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=121%2C123&amp;sort_name=%E6%A3%89%E6%9C%8D&amp;gender=2%2C3">
棉服
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=121&amp;sort_name=%E7%BE%BD%E7%BB%92%E6%9C%8D&amp;gender=2%2C3">
羽绒服
</a>
</li>
<li>
<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">
毛衣/针织
</a>
</li>
<li>
<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">
防风外套
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=173&amp;sort_name=%E7%9A%AE%E8%A1%A3&amp;gender=2%2C3">
皮衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=122&amp;sort_name=%E8%A5%BF%E8%A3%85&amp;gender=2%2C3">
西装
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=117&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=2%2C3">
背心
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=118&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=2%2C3">
马甲
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=413&amp;sort_name=%E5%A5%97%E8%A3%85&amp;gender=2%2C3">
套装
</a>
</li>
<li>
<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">
大衣/风衣
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<a href="//list.dev.yohobuy.com/?sort=134%2C135&amp;sort_name=%E8%A3%99%E8%A3%85&amp;gender=2%2C3">
全部裙装
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=134&amp;sort_name=%E8%BF%9E%E8%A1%A3%E8%A3%99&amp;gender=2%2C3">
连衣裙
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=135&amp;sort_name=%E5%8D%8A%E8%BA%AB%E8%A3%99&amp;gender=2%2C3">
半身裙
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=134&amp;sort_name=LOLITA%28%E6%B5%8B%E8%AF%95%29&amp;gender=2%2C3">
LOLITA(测试)
</a>
</li>
<li>
<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">
LOLITA2(测试)
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=359%2C364&amp;sort_name=%E6%B5%8B%E8%AF%95&amp;gender=2%2C3">
测试
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部裤装
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=129&amp;sort_name=%E4%BC%91%E9%97%B2%E8%A3%A4&amp;gender=2%2C3">
休闲裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=130&amp;sort_name=%E7%89%9B%E4%BB%94%E8%A3%A4&amp;gender=2%2C3">
牛仔裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=346&amp;sort_name=%E8%BF%90%E5%8A%A8%E8%A3%A4&amp;gender=2%2C3">
运动裤
</a>
</li>
<li>
<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">
打底裤/紧身裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=131&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=2%2C3">
短裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=348&amp;sort_name=%E8%A5%BF%E8%A3%A4&amp;gender=2%2C3">
西裤
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部鞋靴
</a>
</li>
<li>
<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">
休闲/运动鞋
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=148&amp;sort_name=%E9%9D%B4%E5%AD%90&amp;gender=2%2C3">
靴子
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=151&amp;sort_name=%E6%97%B6%E8%A3%85%E9%9E%8B&amp;gender=2%2C3">
时装鞋
</a>
</li>
<li>
<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">
凉鞋/凉拖
</a>
</li>
<li>
<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">
保养护理
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部包类
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=152&amp;sort_name=%E5%8F%8C%E8%82%A9%E5%8C%85&amp;gender=2%2C3">
双肩包
</a>
</li>
<li>
<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">
手拎包/单肩包
</a>
</li>
<li>
<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">
钱包/卡包/手包/钥匙包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=157&amp;sort_name=%E8%85%B0%E5%8C%85&amp;gender=2%2C3">
腰包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=342&amp;sort_name=%E9%82%AE%E5%B7%AE%E5%8C%85&amp;gender=2%2C3">
邮差包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=156&amp;sort_name=%E7%94%B5%E8%84%91%E5%8C%85&amp;gender=2%2C3">
电脑包
</a>
</li>
<li>
<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">
储物包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=160&amp;sort_name=%E7%8E%AF%E4%BF%9D%E5%8C%85&amp;gender=2%2C3">
环保包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=233&amp;sort_name=%E5%8C%85%E9%85%8D&amp;gender=2%2C3">
包配
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=341&amp;sort_name=tote%E5%8C%85&amp;gender=2%2C3">
tote包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=340&amp;sort_name=%E6%97%85%E8%A1%8C%E5%8C%85&amp;gender=2%2C3">
旅行包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=210&amp;sort_name=%E6%97%85%E8%A1%8C%E7%AE%B1&amp;gender=2%2C3">
旅行箱
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=339&amp;sort_name=%E5%89%91%E6%A1%A5%E5%8C%85&amp;gender=2%2C3">
剑桥包
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=351&amp;sort_name=mini+%E5%8C%85&amp;gender=2%2C3">
mini 包
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部服配
</a>
</li>
<li>
<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">
帽子
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=72%2C74%2C75%2C76&amp;sort_name=%E9%A6%96%E9%A5%B0&amp;gender=2%2C3">
首饰
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=142&amp;sort_name=%E8%A2%9C%E5%AD%90&amp;gender=2%2C3">
袜子
</a>
</li>
<li>
<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">
配饰
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=162&amp;sort_name=%E6%89%8B%E8%A1%A8&amp;gender=2%2C3">
手表
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=316&amp;sort_name=%E5%9B%B4%E5%B7%BE&amp;gender=2%2C3">
围巾
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=164&amp;sort_name=%E6%89%8B%E5%A5%97&amp;gender=2%2C3">
手套
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=317&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=2%2C3">
披肩
</a>
</li>
<li>
<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">
太阳镜/眼镜
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=320&amp;sort_name=%E6%89%8B%E5%B8%95&amp;gender=2%2C3">
手帕
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=%E4%B8%9D%E5%B7%BE&amp;gender=2%2C3">
丝巾
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部内衣/家居服
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=364&amp;sort_name=%E6%96%87%E8%83%B8&amp;gender=2%2C3">
文胸
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=311&amp;sort_name=%E5%86%85%E8%A3%A4&amp;gender=2%2C3">
内裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=357&amp;sort_name=%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=2%2C3">
家居服
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=359&amp;sort_name=%E5%AE%B6%E5%B1%85%E9%9E%8B&amp;gender=2%2C3">
家居鞋
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部美妆/个护
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=2%2C3">
香水
</a>
</li>
<li>
<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">
面部护理
</a>
</li>
<li>
<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">
个人护理
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=261&amp;sort_name=%E5%BD%A9%E5%A6%86&amp;gender=2%2C3">
彩妆
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=352&amp;sort_name=%E7%BA%B9%E8%BA%AB%E8%B4%B4&amp;gender=2%2C3">
纹身贴
</a>
</li>
</ul>
</div>
</div>
<div class="content hide" style="height: 522px;">
<ul class="primary-level">
<li class="p-level-item focus">
上衣
</li>
<li class="p-level-item">
裤装
</li>
<li class="p-level-item">
泳衣
</li>
<li class="p-level-item">
裙装
</li>
<li class="p-level-item">
鞋靴
</li>
<li class="p-level-item">
包类
</li>
<li class="p-level-item">
服配
</li>
<li class="p-level-item">
<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>
</li>
</ul>
<div class="sub-level-container">
<ul class="sub-level ">
<li>
<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">
全部上衣
</a>
</li>
<li>
<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">
大衣/风衣
</a>
</li>
<li>
<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">
夹克/防风外套
</a>
</li>
<li>
<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">
毛衣/针织
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=403&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=1%2C2%2C3">
马甲
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=397&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=1%2C2%2C3">
卫衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=399%2C400%2C374&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=1%2C2%2C3">
衬衫
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=387&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=1%2C2%2C3">
背心
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=373&amp;sort_name=T%E6%81%A4&amp;gender=1%2C2%2C3">
T恤
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部裤装
</a>
</li>
<li>
<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">
休闲裤
</a>
</li>
<li>
<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">
牛仔裤
</a>
</li>
<li>
<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">
运动裤
</a>
</li>
<li>
<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">
打底裤 /紧身裤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=377&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=1%2C2%2C3">
短裤
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<a href="//list.dev.yohobuy.com/?sort=381&amp;sort_name=%E6%B3%B3%E8%A1%A3&amp;gender=1%2C2%2C3">
全部泳衣
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=381&amp;sort_name=%E6%B3%B3%E8%A1%A3&amp;gender=1%2C2%2C3">
泳衣
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<a href="//list.dev.yohobuy.com/?sort=378%2C379&amp;sort_name=%E8%A3%99%E8%A3%85&amp;gender=1%2C2%2C3">
全部裙装
</a>
</li>
<li>
<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">
连衣裙
</a>
</li>
<li>
<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">
半身裙
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<a href="//list.dev.yohobuy.com/?sort=383%2C375&amp;sort_name=%E9%9E%8B%E9%9D%B4&amp;gender=1%2C2%2C3">
全部鞋靴
</a>
</li>
<li>
<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">
凉鞋/凉拖
</a>
</li>
<li>
<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">
休闲/运动鞋
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<a href="//list.dev.yohobuy.com/?sort=393&amp;sort_name=%E5%8C%85%E7%B1%BB&amp;gender=1%2C2%2C3">
全部包类
</a>
</li>
<li>
<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">
双肩包
</a>
</li>
<li>
<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">
手拎包/单肩包
</a>
</li>
<li>
<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">
旅行箱
</a>
</li>
<li>
<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">
测试3级
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<a href="//list.dev.yohobuy.com/?sort=395%2C431%2C433&amp;sort_name=%E6%9C%8D%E9%85%8D&amp;gender=1%2C2%2C3">
全部服配
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=395&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=1%2C2%2C3">
披肩
</a>
</li>
<li>
<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">
太阳镜/眼镜
</a>
</li>
</ul>
<ul class="sub-level hide">
</ul>
</div>
</div>
<div class="content hide" style="height: 522px;">
<ul class="primary-level">
<li class="p-level-item focus">
<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>
</li>
<li class="p-level-item">
<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>
</li>
<li class="p-level-item">
家居生活
</li>
<li class="p-level-item">
数码3C
</li>
<li class="p-level-item">
美妆/个护
</li>
<li class="p-level-item">
<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>
</li>
<li class="p-level-item">
<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>
</li>
</ul>
<div class="sub-level-container">
<ul class="sub-level ">
</ul>
<ul class="sub-level hide">
</ul>
<ul class="sub-level hide">
<li>
<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">
全部家居生活
</a>
</li>
<li>
<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">
居家
</a>
</li>
<li>
<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">
宠物周边
</a>
</li>
<li>
<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">
玩具娱乐
</a>
</li>
<li>
<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">
文具
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=112&amp;sort_name=%E6%96%87%E5%85%B73&amp;gender=1%2C2%2C3">
文具3
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部数码3C
</a>
</li>
<li>
<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">
数码配件
</a>
</li>
<li>
<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">
手机/ipad壳套
</a>
</li>
<li>
<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">
手机配件
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=171&amp;sort_name=%E8%80%B3%E6%9C%BA&amp;gender=1%2C2%2C3">
耳机
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=113&amp;sort_name=U%E7%9B%98&amp;gender=1%2C2%2C3">
U盘
</a>
</li>
<li>
<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">
电脑架
</a>
</li>
<li>
<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">
智能装备
</a>
</li>
</ul>
<ul class="sub-level hide">
<li>
<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">
全部美妆/个护
</a>
</li>
<li>
<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">
纹身贴
</a>
</li>
<li>
<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">
个人护理
</a>
</li>
<li>
<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">
面部护肤
</a>
</li>
<li>
<a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=1%2C2%2C3">
香水
</a>
</li>
</ul>
<ul class="sub-level hide">
</ul>
<ul class="sub-level hide">
</ul>
</div>
</div>
</div>
</div>
\ No newline at end of file
... ...
const $ = require('yoho-jquery');
const Vue = require('yoho-vue');
const resources = require('channel/resources.vue');
const letterList = require('channel/letter-list.vue');
require('common/vue-filter');
new Vue({
el: '#cate',
components: {
resources,
letterList
}
});
... ...
.cate-page {
font-size: 36px;
font-family: helvetica, Arial, "黑体";
ul {
margin: 0;
padding: 0;
li {
margin: 0;
padding: 0;
list-style: none;
}
}
.search-input {
position: relative;
background-color: #f8f8f8;
padding: 13px 20px;
p {
box-sizing: border-box;
width: 100%;
height: 60px;
line-height: 60px;
border: none;
padding-left: 66px;
border-radius: 60px;
font-size: 26px;
background: #fff;
color: #999;
}
}
.search-icon {
position: absolute;
top: 0;
bottom: 0;
left: 43px;
line-height: 86px;
color: #999;
}
.cate-nav {
height: 120px;
border-bottom: 1px solid #e6e6e6;
li {
display: block;
box-sizing: border-box;
float: left;
height: 100%;
padding: 20px 0;
width: 25%;
text-align: center;
color: #999;
&:last-child {
border-right: none;
}
&.focus {
color: #000;
span {
border-bottom: 4px solid #000;
font-weight: bold;
}
}
&.bytouch {
background: #eee;
}
}
span {
line-height: 80px;
padding-bottom: 10px;
}
li:last-child span {
border-right: 0;
}
}
.content {
&.hide {
display: none;
}
}
.primary-level {
float: left;
box-sizing: border-box;
width: 45%;
> li {
height: 120px;
line-height: 120px;
padding: 0 32px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid #e6e6e6;
&.focus {
background-color: #fff;
}
&.highlight {
background-color: #eee;
}
}
}
.sub-level-container {
float: left;
box-sizing: border-box;
background: #fff;
width: 55%;
height: 100%;
}
.sub-level {
width: 100%;
background-color: #f8f8f8;
&.hide {
display: none;
}
> li {
box-sizing: border-box;
height: 110px;
line-height: 110px;
border-bottom: 1px solid #e6e6e6;
padding-left: 20px;
&.highlight {
background: #eee;
}
&:last-child {
border-bottom: none;
}
}
a {
display: block;
height: 100%;
width: 100%;
color: #000;
}
}
}
... ...
@import "brand";
@import "brand-list";
@import "cate";
... ...