A.html:div方式的tab bar,背景色为白色,tab bar为灰色。
B.html:Header + Content方式的主子页面,header背景色和content背景色为避免切换闪屏,设置为同一种颜色(#EFEFF4)。
在A转场到B时:
A底部tab bar会变色;
B背景会变成其他颜色,再变回来;
B返回到A时,A背景为白色没变化,A底部tab bar又出现变色。
这时要闹哪样啊啊啊啊啊,背景色到底还如何设置,如何使用十六进制、RGB、RGBA啊啊啊啊啊
A.html:div方式的tab bar,背景色为白色,tab bar为灰色。
B.html:Header + Content方式的主子页面,header背景色和content背景色为避免切换闪屏,设置为同一种颜色(#EFEFF4)。
在A转场到B时:
A底部tab bar会变色;
B背景会变成其他颜色,再变回来;
B返回到A时,A背景为白色没变化,A底部tab bar又出现变色。
这时要闹哪样啊啊啊啊啊,背景色到底还如何设置,如何使用十六进制、RGB、RGBA啊啊啊啊啊
5 个回复
DCloud_UNI_CHB
你的页面转场动画是什么?pop-in?
Danny (作者) - QQ125904483
Bingo,转场动画设置为slide-in-right就没问题,pop-in问题还真是挺多,只能暂时放弃这个动画了。
DCloud_UNI_CHB
若要使用pop-in,暂时不要使用rgba()函数,可先替换为rgb() 函数;
DCloud_heavensoft
ask置顶贴就是pop-in使用注意。其中写道了rgba的问题。
http://ask.dcloud.net.cn/article/225
popin会放大二次渲染的过程,而rgba是典型的二次渲染。
Danny (作者) - QQ125904483
”使用pop-in动画如果发现bar的背景色变色,一般是因为bar的背景色设置了透明度,就是rgba里面的那个a。
浏览器在渲染透明度时反应比较慢,建议把透明度去掉。
以前在silde-in-right上变色不明显,是因为在移动过程中,新窗体仍在渲染。
在pop-in上,为了保证2个窗体的挤压效果,我们控制了在窗体移动时不渲染,所以变色问题就会突出。“
1.把background-color: rgba(247, 247, 247, .98);用background-color: rgb(247, 247, 247);替换,这并没有什么卵用。
2.在移动过程中不渲染会带来副作用,比方说那种header-content模式的主子界面,会出现页面已经显示出来了,才显示header上的标题。
非常感谢各位的回复,你们在考虑考虑咋优化下,下个版本我再换pop-in。