Vue移动端,仿原生搜索页面

很多移动UI 都有搜索框,但都是简单的输入框,今天分享一个仿原生搜索页面,像原生移动端一样搜索效果的页面,效果如下:
image
使用方法,首先install 组件

npm install vue-search-bar –save

引入组件

在main.js中
import 'vue-search-bar/dist/vue-search-bar.min.css';
import { SearchBar } from 'vue-search-bar';
Vue.use(SearchBar);
页面中使用
<search-bar :onChange="onChange" :onSearch="onSearch"> 搜索页面 推荐标签搜索提示等等... </search-bar>

更多使用方法查询官方组件 github文档

没有更多推荐了,返回首页