默认
品牌:
<div class="filter"> <div class="row"> <div class="col-1 filter-left">分类:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">手机通讯</a><a href="">手机配件</a><a href="">摄影摄像</a><a href="">数码配件</a><a href="">智能设备</a><a href="">时尚影音</a><a href="">手机通讯</a><a href="">手机配件</a><a href="">摄影摄像</a><a href="">数码配件</a><a href="">智能设备</a><a href="">时尚影音</a><a href="">手机通讯</a><a href="">手机配件</a><a href="">摄影摄像</a><a href="">数码配件</a><a href="">智能设备</a><a href="">时尚影音</a> </div> </div> <div class="row"> <div class="col-1 filter-left">产地:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">上海</a><a href="">北京</a><a href="">天津</a><a href="">深圳</a> </div> </div> <div class="row"> <div class="col-1 filter-left">材质:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">不锈钢</a><a href="">塑料</a><a href="">纳米</a><a href="">其他</a> </div> </div> <div class="row"> <div class="col-1 filter-left">品牌:</div> <div class="col-11 filter-right filter-right-image"> <a href="" class="active">全部</a><a href=""><img src="static/picture/1.png" height="20"></a><a href=""><img src="static/picture/2.png" height="20"></a><a href=""><img src="static/picture/3.png" height="20"></a><a href=""><img src="static/picture/4.png" height="20"></a><a href=""><img src="static/picture/5.png" height="20"></a><a href=""><img src="static/picture/6.png" height="20"></a><a href=""><img src="static/picture/7.png" height="20"></a><a href=""><img src="static/picture/8.png" height="20"></a> </div> </div> </div>
颜色





<div class="filter filter-red"> <div class="row"> <div class="col-1 filter-left">材质:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">不锈钢</a><a href="">塑料</a><a href="">纳米</a><a href="">其他</a> </div> </div> </div> <br> <div class="filter filter-yellow"> <div class="row"> <div class="col-1 filter-left">材质:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">不锈钢</a><a href="">塑料</a><a href="">纳米</a><a href="">其他</a> </div> </div> </div> <br> <div class="filter filter-blue"> <div class="row"> <div class="col-1 filter-left">材质:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">不锈钢</a><a href="">塑料</a><a href="">纳米</a><a href="">其他</a> </div> </div> </div> <br> <div class="filter filter-green"> <div class="row"> <div class="col-1 filter-left">材质:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">不锈钢</a><a href="">塑料</a><a href="">纳米</a><a href="">其他</a> </div> </div> </div> <br> <div class="filter filter-info"> <div class="row"> <div class="col-1 filter-left">材质:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">不锈钢</a><a href="">塑料</a><a href="">纳米</a><a href="">其他</a> </div> </div> </div> <br> <div class="filter filter-black"> <div class="row"> <div class="col-1 filter-left">材质:</div> <div class="col-11 filter-right"> <a href="" class="active">全部</a><a href="">不锈钢</a><a href="">塑料</a><a href="">纳米</a><a href="">其他</a> </div> </div> </div>