3***@qq.com
3***@qq.com
  • 发布:2024-08-28 15:26
  • 更新:2024-08-28 16:51
  • 阅读:129

【报Bug】uni-app x DOM数量变化时box-shadow的问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: Alpha

HBuilderX版本号: 4.26

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: Redmi Note11 Pro+

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view class="suspension-frame-conatiner">
<view v-if="mode === 0" class="suspension-frame-item" @click="handleMapRightAction('list')">
<image class="action-item-icon" src="/static/common/action_list.png"></image>
</view>
<view v-if="mode === 1" class="suspension-frame-item" @click="handleMapRightAction('map')">
<image class="action-item-icon" src="/static/common/action_map.png"></image>
</view>
<view class="suspension-frame-item suspension-border-top" @click="handleMapRightAction('fav')">
<image class="action-item-icon" src="/static/common/action_fav.png"></image>
</view>
<view v-if="mode === 0" class="suspension-frame-item suspension-border-top"
@click="handleMapRightAction('location')">
<image class="action-item-icon" src="/static/common/action_locition.png"></image>
</view>
</view>

</template>
<style lang="scss">
.suspension-frame-conatiner{
background-color: #FFFFFF;
box-shadow: 0px 2rpx 10rpx 1px rgba(7, 22, 57, 0.2);
border-radius: 12rpx;
padding-left: 12rpx;
padding-right: 12rpx;
}
</style>

操作步骤:

mode 值切换

预期结果:

box-shadow效果正常

实际结果:

切换mode = 1时box-shadow丢失,多了一块白色

bug描述:

DOM切换时box-shadow效果丢失。

2024-08-28 15:26 负责人:无 分享
已邀请:
BFC

BFC

你好,已确认bug,感谢反馈,已加分

要回复问题请先登录注册