10 前端主页
前端主页
图片准备
将提供的资料中的图片移植到项目的img文件夹下
页头组件：components/Header.vue
class="header">
class="slogan">
老男孩IT教育 | 帮助有志向的年轻人通过努力学习获得体面的工作和生活
class="nav">
class="left-part">
- class="logo">
"/">
"../assets/img/head-logo.svg" alt="">
- class="ele">
"goPage('/free-course')" :class="{active: url_path === '/free-course'}">免费课
- class="ele">
"goPage('/actual-course')" :class="{active: url_path === '/actual-course'}">实战课
- class="ele">
"goPage('/light-course')" :class="{active: url_path === '/light-course'}">轻课
class="right-part">
登录
class="line">|
注册
轮播图组件：components/Banner.vue
class="banner">
"400px">
for="item in 4" :key="item">
"../assets/img/banner1.png" alt="">
页脚组件：components/Footer.vue
class="footer">
- 关于我们
- 联系我们
- 商务合作
- 帮助中心
- 意见反馈
- 新手指南
Copyright ? luffycity.com版权所有 | 京ICP备17072161号-1
主页组件：views/Home.vue
class="home">