文字使用渐变色时,ios 真机上文字渐变色正常。但当文字过长显示...,这个...没有出现渐变色。而这个...在模拟器、安卓真机上表现正常,能出现渐变色。
技术栈:Taro+React
验证有问题的机型有:iPhone11、14
<view className="main_title linear">乳品热销榜乳品热</view>
.main_title {
width: 40px;
height: 35px;
font-weight: 500;
font-size: 34px;
line-height: 35px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.linear {
color: transparent;
background: var(--ranking-title-bg, linear-gradient(90deg, #FFEBD9 0%, #FFDAB8 100%));
background-clip: text;
-webkit-background-clip: text;
}
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
尝试了给父盒子用渐变色,子盒子做超出隐藏,但是依然是...不显示渐变色。而模拟器和安卓真机正常。