> 搜索页面是特别常见的应用，所以这里拿来举例一下 [TOC] ## 展示效果  ## 创建search.vue页面 > 调用zy-search组件，可在https://ext.dcloud.net.cn/plugin?id=512下载，复制到自己的项目里 ~~~ <template> <view> <zy-search :is-focus="false" :theme="themeClass" :show-want="true" :speechEngine="speechEngine" :hot-list="hotList" @getSearchText="getSearchText"></zy-search> </view> </template> <script> import zySearch from '../../components/zy-search/zy-search.vue' export default { components: { zySearch }, data() { return { themeClass: 'block', speechEngine: 'baidu', //语音识别引擎 hotList: ['栏目1','栏目2','栏目3','栏目4'] //初始化推荐列表 } }, methods: { getSearchText(e) { uni.showToast({ title:'回调的搜索信息: ' + e, icon:"none" }) } }, } </script> ~~~