spuermall项目nav组件和轮播图组件

1.编辑导航栏组件；

使用具名插槽的方式。单独创建NavBar.vue组件。

nav-bar构思是分成左中右三个部分，可以按需使用。

使用的是flex布局

<template>
  <div class="nav-bar">
    <div class="nav-left"><slot name="left"></slot></div>
    <div class="nav-center"><slot name="center"></slot></div>
    <div class="nav-right"><slot name="right"></slot></div>
  </div>
</template>

创建好以后再使用；

注意：class属性不能直接放在插槽中，必须用div包裹后，在绑定相应的class，否则无法识别

在HOME组件中注册使用；

引入轮播图的思路：

1、直接引用已经写好的轮播图组件（待研究）/src/common/swiper

2、使用轮播图组件

注册轮播图子组建，并使用

在home.vue中使用轮播图组件，获取数据，定义两个变量banners和recommends，分别保存接口返回的数据；

在src/network中&