更新记录
1.0.4(2022-08-23) 下载此版本
新增浏览器按钮增加跳转动画
1.0.3(2022-08-23) 下载此版本
修复了ios页面栈错乱以及动画问题
1.0.2(2022-04-11) 下载此版本
1.修复textarea回显 2.更新示例
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.2.3 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
h5-page-animation
在 liu437 基础上修改 liu437 h5-page-animation uniapp插件。解决uniapp框架下H5端页面切换无过渡动画的问题,并完美模拟APP双层页面动画。
一、目录结构
project 项目目录
├─components 组件目录
│ └─h5-pages-animation 本插件目录
│ │ ├─index.vue 本插件主文件
│ │ └─index.css 本插件主样式文件
│ ...
二、安装说明
1、复制 h5-pages-animation 文件夹,粘贴到 uniapp 项目中的 components 组件目录内。
2、在 App.vue 文件内,使用 mixins 引入 h5-pages-animation 插件。
<script>
// #ifdef H5
import h5PagesAnimation from './components/h5-pages-animation/';
// #endif
export default {
// #ifdef H5
mixins: [h5PagesAnimation],
// #endif
onLaunch: function() {
console.log('App Launch');
},
onShow: function() {
console.log('App Show');
},
onHide: function() {
console.log('App Hide');
}
};
</script>
三、适用说明
本插件仅支持uniapp框架下H5端
有问题请评论会尽快修复