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中&