9.旅游网站详情页面开发
本章将讲解景点详情页面的开发,主要讲解渐隐渐显Header组件的制作,公用组件的拆分,路由参数的获取与处理,以及递归组件的使用。在详情页面,我们还会对通用动画效果进行代码封装。
9.1动态路由和banner布局
li换成router-link标签:
<router-link
tag="li"
:to=" '/detail/' + item.id ">
</router-link>
理解下面代码作用(渐变色效果):
background-image:linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.8))
9.2公用图片画廊组件拆分
理解下面代码作用:
display:flex
flex-direction:column
justify-content:center
9.3实现Header渐隐渐现效果
9.4对全局事件的绑定
9.5使用递归组件实现详情页列表
9.6动态获取详情页面数据
9.7在项目中加入基础的话
10.
1