使用Bootrap和Vue实现仿百度搜索功能

用Vue调用百度的搜索接口，实现简单的搜索功能。

搜索框的样式是基于Bootstrap，当然对样式做了简单的调整， 使之类似于百度搜索。代码如下

  
  
  
    .gray{
      background-color: #eee;
    }
    .listyle{
      font-size: 16px;
      line-height: 35px;
      padding-left: 16px;
    }
    .ulstyle{
      border:1px solid #ccc;
      border-top: none;
    }
  
  
  
  
  


  

  
    
      
      
 搜索
      
    
    

      
{{item}}
    
  

 

实现效果如下

总结

以上所述是小编给大家介绍的使用Bootrap和Vue实现仿百度搜索功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！