故生起离乎亦
故生起离乎亦
  • 发布:2024-11-04 19:23
  • 更新:2024-11-04 19:23
  • 阅读:142

ios18不兼容backdrop-filter代码,如何解决?

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Hbuilde X 4.15

HBuilderX类型: 正式

HBuilderX版本号: 4.15

浏览器平台: Chrome

浏览器版本: 130.0.6723.92

项目创建方式: HBuilderX

示例代码:
 <view class="input_show_box">  
                  <view>{{ $store.state.setting.domainName }}</view>  
                  <view>{{ getAccount_info.shareCode }}</view>  
                </view>  

 .input_show_box {  
              overflow: hidden;  
              display: flex;  
              align-items: center;  
              padding: 0 24rpx 0 0;  
              height: 84rpx;  
              line-height: 84rpx;  
              background: linear-gradient(  
                90deg,  
                rgba(255, 255, 255, 0.3) 0%,  
                rgba(255, 255, 255, 0) 100%  
              );  
              border-radius: 24rpx;  
              border: var(--member-input-border);  
              backdrop-filter: blur(20rpx);  
              font-size: 32rpx;  
              color: var(--boxes-menu-text);  
              :first-child {  
                width: 460rpx;  
                height: 100%;  
                padding: 0 24rpx;  
                margin-right: 24rpx;  
                background: var(--member-input-back);  
                backdrop-filter: blur(20rpx);  
                border-right: var(--member-input-border);  
                overflow: hidden;  
                white-space: nowrap;  
                text-overflow: ellipsis;  
              }  
              :last-child {  
                overflow: hidden;  
                white-space: nowrap;  
                text-overflow: ellipsis;  
              }  
            }

操作步骤:

在苹果手机ios18版本就能复现

预期结果:

希望这个bug能尽快处理

实际结果:

ios18不兼容这行代码backdrop-filter

bug描述:

ios18不兼容这行代码backdrop-filter

2024-11-04 19:23 负责人:无 分享
已邀请:

要回复问题请先登录注册