VUE项目 2021-6-30
23.TabControl的吸顶效果
获取到tabControl的offsetTop
所有的组件都有一个属性$el 用于获取组件中的元素
24.监听滚动,动态的改变tabControl的样式
由于betterscroll的滚动采用了translate 单纯的fixed并不能很好地发挥效果
在最上面多复制一份tabControl对象 利用它来实现停留效果
当用户滚动到一定位置时,占位tabControl显示出来
25.Home离开时记录状态和位置
可以理解为,一个是用来获取路由信息的,一个是用来操作路由的
$route
route是路由信息对象,里面主要包含路由的一些基本信息,包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom
$router
router是VueRouter的实例,包含了一些路由的跳转方法,钩子函数等
go push replace
26.跳转到详情页并且携带iid
27.导航栏的封装
28.数据请求以及轮播图展示
排除keepalive的元素 exclude=“Detail”
29.商品基本信息的展示
30.店铺信息的解析和展示
31.加入滚动效果Scroll
32.商品详情数据展示
33.商品评论信息的展示
1.将时间戳转成Date对象
2.将date进行格式化,转换成对应字符串
date->FormatString
formatDate(date, "yyyy-MM-dd hh:mm:ss");
34.商品推荐信息的展示
VUE项目 20201-7-1
35.首页TabControl不一致的问题
36.详情页不能滚动的bug处理
37.点击标题滚到对应内容
this.$nextTick(()=>{ })
38.滚动内容显示对应的标题
39.底部工具栏的封装
40. BackTop的混入封装
41.将商品添加到购物车中
vuex管理购物车
42.将商品添加到store中
43. Vux代码重构
44.购物车导航栏实现
45.购物车列表展示
46.Item选中和不选中的切换
47.底部工具的封装与应用
VUE 2021-7-2
48.购物车全选按钮
49.Vuex-actions返回Promise-mapActions
50.Toast封装