<template v-for="(child, childIndex) of statusList">
<view class="item flex flex-v flex-grow" :key="'' + childIndex"
@click="handleStatusSearch(childIndex)" :style="child.style">
<view class="value flex">
<view class="flex-grow" :style="{color:child.color}">
{{$t(child.name)}}
</view>
<view class="font_family status"
:style="{color:child.checked?'var(--main-color)':'var(--status-grey-color)'}">
{{child.checked?'':''}}
</view>
</view>
<view class="name D-DINCondensed">
<text>{{child.value}}</text>
</view>
<Progress :current="child.value" :color="child.color" :max="deviceTotal"></Progress>
</view>
<view class="gap" v-if="childIndex<statusList.length-1"></view>
</template>
---------------------------------------------------------------------------------------------
statusList: [{
name: lang.normal,
value: 1,
color: '#73d13d',
checked: true,
},
{
name: lang.abnormal,
value: 4,
color: '#fa541c',
checked: true,
}
],
d***@apsystems.cn
- 发布：2022-09-01 13:02
- 更新：2022-09-01 16:27
- 阅读：237
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版 21H2
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 苹果
手机机型： iphone 7 plus
页面类型： vue
vue版本： vue2
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
真机安装
真机安装
预期结果：
文字颜色显示正常
文字颜色显示正常
实际结果：
文字颜色显示异常
文字颜色显示异常
bug描述：
文字绑定颜色，chrome、hbuilder真机调试都是正常的，但是离线打包安装后ios文字颜色显示高亮，还带着描边的感觉。Android没问题；其他颜色也没问题，#73d13d这个相近的颜色就是有问题，css中写死也依然有这样的问题。
d***@apsystems.cn (作者)
经排查是item样式中的overflow: hidden;造成的。解决方案有两个一是去掉overflow: hidden; 二是value样式中增加overflow: hidden; 但这个明显不符合逻辑，最好还请修复
2022-09-02 09:58