<template>
<view>
<view class="topbg"></view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.topbg {
background-color: #121212;
height: 160rpx;
}
</style>
- 发布:2023-06-09 17:04
- 更新:2023-06-09 17:04
- 阅读:158
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 13.4 (22F66)
HBuilderX类型: 正式
HBuilderX版本号: 3.7.11
手机系统: Android
手机系统版本号: Android 14
手机厂商: 小米
手机机型: mix4
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
- 两个tab页,第2个tab页顶部放置黑色背景的view,高度100。
- app启动完成后会进入第1个tab页,然后点击第2个tab页
- 两个tab页,第2个tab页顶部放置黑色背景的view,高度100。
- app启动完成后会进入第1个tab页,然后点击第2个tab页
预期结果:
正常显示第2个tab页内容
正常显示第2个tab页内容
实际结果:
顶部的黑色背景view会闪动一下白色,然后才恢复正常显示。
顶部的黑色背景view会闪动一下白色,然后才恢复正常显示。
bug描述:
第2个tab页面内容的顶部使用了深色背景view,在app启动并进入首页后,点击第2个tab页面,页面顶部的深色view会快速闪动一下。