模仿 高德地圖的搜尋框的樣式
阿新 • • 發佈:2019-02-04
ng-blur="bluring();" ng-keydown="enterEvent($event)" autocomplete="off" />
<a href="/sofa?furnitureName={{furnitureName}}"><img src="img/center/ic_01.png" alt="" /></a>
</form>
<label for="" class="searcList" ng-style="labeling">
<div class="searching" ng-show="searching.flag">
<ul>
<a href=""><li ng-repeat="x in searchData"><span>{{x}}</span></li></a>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
</ul>
</div>
<div class="searched" ng-show="searched.flag">
<ul class="search_history">
瀏覽記錄
<li ng-repeat="y in historyData"><span>{{y}}</span></li>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
</ul>
<ul class="search_hot">
熱門推薦
<li ng-repeat="z in hotData"><span>{{y}}</span></li>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
</ul>
</div>
</label>
</div>
<a href="/sofa?furnitureName={{furnitureName}}"><img src="img/center/ic_01.png" alt="" /></a>
</form>
<label for="" class="searcList" ng-style="labeling">
<div class="searching" ng-show="searching.flag">
<ul>
<a href=""><li ng-repeat="x in searchData"><span>{{x}}</span></li></a>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
</ul>
</div>
<div class="searched" ng-show="searched.flag">
<ul class="search_history">
瀏覽記錄
<li ng-repeat="y in historyData"><span>{{y}}</span></li>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
</ul>
<ul class="search_hot">
熱門推薦
<li ng-repeat="z in hotData"><span>{{y}}</span></li>
<a href=""><li><span>床櫃鏡</span></li></a>
<a href=""><li><span>床頭櫃</span></li></a>
<a href=""><li><span>鏡子櫃</span></li></a>
</ul>
</div>
</label>
</div>