大图APP
大图APP
  • 发布:2021-04-12 19:15
  • 更新:2023-04-27 11:23
  • 阅读:1632

【报Bug】纯nvue 使用三元表达式 切换 class 背景渐变 css 在IOS端无效,安卓端正常!

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 64位家庭版

HBuilderX类型: 正式

HBuilderX版本号: 3.1.8

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 苹果

手机机型: iPhone XR

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
	<list>  
		<cell>  
			<template  v-for="(v,k) in list" >  
				<text :class="k == index ? 'cur':''" :key="k" @tap="malegebi(k)">{{k}}</text>  
			</template>  
		</cell>  
	</list>  
</template>  
  
<script>  
	export default {  
		data() {  
			return {  
				 list:[0,2,3,4,5,6,7,8,9],  
				 index:0  
			}  
		},  
		onLoad() {  
  
		},  
		methods: {  
			 malegebi(k){  
			 	this.index = k;  
			 }  
		}  
	}  
</script>  
  
<style>  
 .cur{background-image: linear-gradient(to right, #D8B689, #bf9d70);color: #202028;}  
</style>  

操作步骤:

点击切换

预期结果:

跟安卓端一样随点击切换背景

实际结果:

是有新增 背景没有移除上一个背景class

bug描述:

切换有有效,但是背景颜色不会被残留,不知道是不是ios对这个颜色值不支持

.cur{background-image: linear-gradient(to right, #D8B689, #bf9d70);color: #202028;}
2021-04-12 19:15 负责人:DCloud_iOS_XHY 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

问题复现,后续优化,已加分,感谢您的反馈!

  • 大图APP (作者)

    等了一个月 ,怎么样?有修复吗?


    2021-05-10 11:24

1***@qq.com

1***@qq.com

头皮发麻 好像nvue不支持 linear-gradient

无符号

无符号

解决了吗?

要回复问题请先登录注册