读者,大家好,此篇分享一个笔者写过的vue项目,名叫美食杰,是一个PC端项目,分享出来的目的是为了可以让大家共同学习进步,也期望各位读者能指出笔者的不足之处,感谢!!
正片开始。。。
1.首页的展示和介绍
头部板块,因为此头部板块在整个项目中多地使用,所以我将其放在公共组件部分,名为header.vue
导航板块,就是黄线框框部分,在此板块中拥有两个切换的模板,今天只说首页板块
轮播图板块,使用elemnt-ui实现的轮播图效果
内容精选,首页展示模块,使用了element-ui实现的布局
好啦,首页的展示完毕
2.布局和功能的实现
(1)头部,使用element-ui来实现布局,主要是使用栅格布局,左边图片模板,右边登录模板
<div class="header">
<div class="header_c">
<el-row type="flex"