MUI 页面切换时等待动画怎么设置?
2017-11-07 14:12
615 查看
在写项目中,使用了MUI的openWindow方式跳转页面,那么问题来了,当点击跳转的一刹那,会出现一个黑色背景,白色雪花的图案,那么这个东西的颜色又跟项目不太符合,这个东西该怎么调整那?
这里先说明一下,这个雪花,跟等待数据的雪花,不是一个动画
那么该如何调试这个雪花那?很简单,在openWindow打开新页面下有一个属性waiting,是不是很熟悉,对的,它跟showWaiting的作用是一样的都是对动画进行设置,不过后者是等待数据动画,前者是跳转动画,如下
这里先说明一下,这个雪花,跟等待数据的雪花,不是一个动画
那么该如何调试这个雪花那?很简单,在openWindow打开新页面下有一个属性waiting,是不是很熟悉,对的,它跟showWaiting的作用是一样的都是对动画进行设置,不过后者是等待数据动画,前者是跳转动画,如下
$(".bg_con_sg").on('tap', function() { $('.bg_con div').removeClass('bg_con_border'); $(this).addClass('bg_con_border'); //打开详情页面 mui.openWindow({ url: 'buildLog_List.html', id: 'buildLog_List', extras: { name: '施工方日志', rizhi: 'sg' }, waiting:{ title:'',//等待对话框上显示的提示内容 options:{ loading:{icon:'/image/Loding.png',interval: "100ms",height: "50px",}, background:"rgba(0,0,0,0)", } } }); });这里说一下,这里的动画设置跟H5+中showWaiting设置方法是一样的,如果有不同需求,可以去参考H5+的nativeUI模块点击打开链接
相关文章推荐
- 使用 vue-router 切换页面时怎么设置过渡动画
- android 设置页面切换与返回均无动画效果
- 使用Theme设置页面切换动画
- android 设置全局的页面切换动画问题
- 开博第一篇作品-C#winform版《仿360杀毒》页面切换动画效果(内含源码)
- iOS 自定义页面的切换动画与交互动画 By Swift
- ViewPager多页面滑动切换以及动画效果
- ViewPager使用1-ViewPager多页面滑动切换以及动画效果(ViewPager+Layout+PagerAdapter )
- Android ViewPager多页面滑动切换以及动画效果
- 如何设置提交后让页面处于等待状态
- android几个知识点总结(全屏显示,倒计时,页面切换动画效果,obtainmessage)
- ViewPager多页面滑动切换以及动画效果 (转载)
- app引导页(背景图片切换加各个页面动画效果)
- Android ViewPager多页面滑动切换以及动画效果
- 网站页面弹出广告怎么设置?
- 酷炫的页面滚动切换动画效果
- ViewPager实现滑屏切换页面及动画效果(仿优酷客户端)
- 使用ViewPager多页面滑动切换以及动画效果
- HTML5+CSS3构建同页面表单间的动画切换
- 仿多页面滑动切换时背景指示图(如TAB文字下边的白条等)的动画实现原理,例PagerSlidingTabStrip