【报Bug】vue2 nvue页面 css box-shadow失效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows11 bate

HBuilderX类型： Alpha

HBuilderX版本号： 3.2.15

手机系统： Android

手机系统版本号： Android 12

手机厂商：小米

手机机型：红米K30

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

nvue 页面加入box-shadow: 0px 2px 4px 0px rgba(59, 61, 65, 0.25);

.alarmItem_card {  
        box-shadow: 0px 2px 4px 0px rgba(59, 61, 65, 0.25);  
        background-color: #FFFFFF;  
        border-radius: 6px;  
        padding: 32rpx 24rpx;  
        margin-bottom: 32rpx;  
        position: relative;  
    }

该元素是被v-for出来的

预期结果：

阴影恢复正常

实际结果：

阴影被裁剪

bug描述：

nvue页面下box-shadow失效阴影没有完全的显示效果类似于被overflow:hiden裁剪过

2021-11-23 10:05 负责人:无分享

1 个回复

DCloud_UNI_Anne

详见文档说明: https://uniapp.dcloud.io/nvue-css?id=android-box-shadow

1***@qq.com (作者)

在前几个版本中阴影是正常的

2021-11-23 17:23
圣名科技

回复 1***@qq.com: 解决了吗，以前阴影是正常的，现在安卓不正常了

2022-01-05 11:20

该问题目前已经被锁定, 无法添加新回复

【报Bug】vue2 nvue页面 css box-shadow失效

预期结果：

阴影恢复正常

实际结果：

阴影被裁剪

bug描述：

1 个回复

公告

相关问题

【报Bug】vue2 nvue页面 css box-shadow失效

操作步骤： nvue 页面 加入box-shadow: 0px 2px 4px 0px rgba(59, 61, 65, 0.25); .alarmItem_card { box-shadow: 0px 2px 4px 0px rgba(59, 61, 65, 0.25); background-color: #FFFFFF; border-radius: 6px; padding: 32rpx 24rpx; margin-bottom: 32rpx; position: relative; } 该元素是被v-for出来的

预期结果： 阴影恢复正常

实际结果： 阴影被裁剪

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

预期结果：

阴影恢复正常

实际结果：

阴影被裁剪