更新记录
1.0.0(2020-01-29) 下载此版本
相比于page-animation: 1.能区分来回动画,效果接近vue-router过渡动画 2.能监控浏览器返回键
平台兼容性
page-animation+
H5端页面动画插件
使用方式
- 在 App.vue 文件内 mixins 引入 page-animation 组件
- 在 setting 页配置页面权重
// 引入 page-animation 组件
import pageAnimation from './components/page-animation'
export default {
mixins: [pageAnimation],
onLaunch: function() {
console.log('App Launch')
}
}
//配置页面权重
export const pageIndexSetting = [
{path:'pages/index/index',index:1},
// {path:'',index:},
]
注意事项
- 当前页面动画仅支持H5端
- 当前动画使用了 transform,会导致页面内元素的 fixed 定位失效,尽管在动画完毕后会移除,但仍然会在页面动画期间产生影响。