7***@qq.com
7***@qq.com
  • 发布:2025-01-13 12:29
  • 更新:2025-01-13 12:29
  • 阅读:10

【报Bug】mask相关代码在网页、安卓都正常,在iOS中显示不出来

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS sonoma 14.6.1

HBuilderX类型: 正式

HBuilderX版本号: 4.29

手机系统: iOS

手机系统版本号: iOS 18

手机厂商: 苹果

手机机型: iphone13 pro

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view class="masked-view">
这里是需要应用蒙版的内容
</view>
</template>

<style>
.masked-view {
/ 应用蒙版,这里的'path/to/mask.png'需要替换为你的PNG图片路径 /
mask-image: url('~@/static/img/normal/normal_arrow_up_line_v4.png');

/ 其他样式 /
width: 100%;
height: 300px;
background-color: red; / 这里是为了看到效果而设置的背景色 /
}
</style>

操作步骤:

直接复制代码放在页面里即可

预期结果:

应该会显示出图片蒙版效果

实际结果:

实际网页、安卓都正常,iOS不显示

bug描述:

<template>
<view class="masked-view">
这里是需要应用蒙版的内容
</view>
</template>

<style>
.masked-view {
/ 应用蒙版,这里的'path/to/mask.png'需要替换为你的PNG图片路径 /
mask-image: url('~@/static/img/normal/normal_arrow_up_line_v4.png');

/ 其他样式 /
width: 100%;
height: 300px;
background-color: red; / 这里是为了看到效果而设置的背景色 /
}
</style>

以上mask相关代码在网页、安卓都正常,在iOS中显示不出来

2025-01-13 12:29 负责人:无 分享
已邀请:

要回复问题请先登录注册