<div class="commonSearch">
{#输入框#}
<input type="text" class="searchText">
{#没有商品时显示,提示先样式隐藏#}
<p class="noContent">对不起,没有找到商品。</p>
{#超过4条,需要跳转到all页面#}
<a class="allBtn" href="{{ path('search') }}">搜索</a>
{#热搜#}
{# <div class="hotList">
<p class="title">SUGGESTED SEARCHES</p>
<div><a href="javascript:;">Merino</a></div>
<div><a href="javascript:;">Rcc</a></div>
<div><a href="javascript:;">EF Pro Cycling</a></div>
</div>#}
{# 搜索出来的前几条商品 #}
<div class="hotGoods" id="commodityTabSearch">
{#有数据用这个#}
{# {% for key,val in *** %}#}
{# {{ include('common/_productBanner.html.twig',{ index: key, goods: val }) }}#}
{# {% endfor %}#}
<div class="listBorder fl">
<div class="exhibition">
<div class="imgDiv">
<a href="{{ path('detail',{ 'id': 2 }) }}">
<img class="maxImg active" src="http://static.wildto.com/WXW01LS17.jpg" alt="img">
</a>
<a href="{{ path('detail',{ 'id': 2 }) }}">
<img class="maxImg" src="http://static.wildto.com/WXW01LS5.jpg" alt="img">
</a>
</div>
<div class="star">
<div>
<span class="commonStar" data-score="4.5"></span>
</div>
</div>
<b class="name taC">goods.oName</b>
<p class="price taC">$45.00 </p>
<div class="colors">
<span class="active" style="background:#fff;" onmouseover="commodityTabSearch(0,0)"></span>
<span class="active" style="background:red;" onmouseover="commodityTabSearch(0,1)"></span>
</div>
</div>
</div>
<div class="listBorder fl">
<div class="exhibition">
<div class="imgDiv">
<a href="{{ path('detail',{ 'id': 2 }) }}">
<img class="maxImg active" src="http://static.wildto.com/WXW01LS17.jpg" alt="img">
</a>
<a href="{{ path('detail',{ 'id': 2 }) }}">
<img class="maxImg" src="http://static.wildto.com/WXW01LS5.jpg" alt="img">
</a>
</div>
<div class="star">
<div>
<span class="commonStar" data-score="4.3"></span>
</div>
</div>
<b class="name taC">goods.oName</b>
<p class="price taC">$45.00 </p>
<div class="colors">
<span class="active" style="background:#fff;" onmouseover="commodityTabSearch(1,0)"></span>
<span class="active" style="background:red;" onmouseover="commodityTabSearch(1,1)"></span>
</div>
</div>
</div>
<div class="listBorder fl">
<div class="exhibition">
<div class="imgDiv">
<a href="{{ path('detail',{ 'id': 2 }) }}">
<img class="maxImg active" src="http://static.wildto.com/WXW01LS17.jpg" alt="img">
</a>
<a href="{{ path('detail',{ 'id': 2 }) }}">
<img class="maxImg" src="http://static.wildto.com/WXW01LS5.jpg" alt="img">
</a>
</div>
<div class="star">
<div>
<span class="commonStar" data-score="4.7"></span>
</div>
</div>
<b class="name taC">goods.oName</b>
<p class="price taC">$45.00 </p>
<div class="colors">
<span class="active" style="background:#fff;" onmouseover="commodityTabSearch(2,0)"></span>
<span class="active" style="background:red;" onmouseover="commodityTabSearch(2,1)"></span>
</div>
</div>
</div>
<div class="listBorder fl">
<div class="exhibition">
<div class="imgDiv">
<a href="{{ path('detail',{ 'id': 2 }) }}">
<img class="maxImg active" src="http://static.wildto.com/WXW01LS17.jpg" alt="img">
</a>
<a href="{{ path('detail',{ 'id': 2 }) }}">
<img class="maxImg" src="http://static.wildto.com/WXW01LS5.jpg" alt="img">
</a>
</div>
<div class="star">
<div>
<span class="commonStar" data-score="4.7"></span>
</div>
</div>
<b class="name taC">goods.oName</b>
<p class="price taC">$45.00 </p>
<div class="colors">
<span class="active" style="background:#fff;" onmouseover="commodityTabSearch(3,0)"></span>
<span class="active" style="background:red;" onmouseover="commodityTabSearch(3,1)"></span>
</div>
</div>
</div>
</div>
</div>