shopcart-list购物车列表页
需要使用better-scroll进行列表内容滚动绑定
使用vue2的transition动画过渡处理动画
使用子组件cartcontrol处理购物车的添加删除操作cartcontrol.vue购物车操作按钮
1234567<!--transition是vue2的动画格式--><
...
shopcart.vue
html代码
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556<template><!--vue的render渲染需要有一个
...
split,formatDate,store,util组件
split组件(vue)的代码split组件因为常使用,所以单独独立出来,并且结构相当简单.
12345678910111213141516<template> <div class="split"></div><&
...
vue动画效果配置和弹层css sticky footer
vue动画效果配置有两种方式:
一种是css方式需要注意 4 个(CSS)类名在 enter/leave 的过渡中切换:
v-enter: 定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。
v-enter-active: 定义进入过渡的结束状态。在元素被插入时生效，在 transi
...
关于购物车添加按钮的动画
html代码
生成一个动画小球的div,并且生成五个小球,五个是为了生成一定数量的小球来作为操作使用,按照小球动画的速度,一般来说五个也可以保证有足够的小球数量来运行动画
动画的内容分别是外层和内层,外层控制动画小球的轨道和方向,内层控制动画小球的运行状态
动画使用vue的js钩子实现
因为小球动
...