uniapp笔记-搜索框实现-(组件的基本使用)-1

搜索框实现-(组件的基本使用)

使用里面的自定义导航栏：

进行导入组件：使用非modules版本

选择要导入到那个项目中：

可以在他的组件页面中下面看到使用教程（自定义导航栏）

先导入组件：

然后再export中加载组件：

然后就可以使用了：在template标签中使用组件：

下载示例代码：（获取代码）

下载后，解压，找到components文件夹里面的nav-bar文件夹里的nav-bar.nvue

将其打开，就可以看到和介绍该组件的示例图的所有代码（直接借鉴即可）

想要实现上图中的最下面一个效果，直接找到对应的代码直接复制：（复制到自己的项目中）

然后还有一写css样式，也复制过来

【这里在style标签中添加语句：lang="scss" 的意识是后续会用到scss语法，直接这样打会报错需要安装scss插件】