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

【报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

无符号

无符号

解决了吗?

要回复问题请先登录注册