慕课网Vue2.5去哪儿实战课程(5)

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

猜你喜欢

转载自blog.csdn.net/u014465934/article/details/88054967