模拟器样式显示问题

在HBuilder X快速预览和浏览器是正常效果，但是运行到模拟器或手机上点击就没有样式变化，（在模拟器和手机上点击是有数值变化，也就说点击是后是赋值了的但是样式不会变

const init = () => { //初始化  
        queStlye.splice(0, queStlye.length)  
        for (var i = 0; i <= 10; i++) {  
            var arr = {  
                'id': i,  
                'background-color': '#fff0f1',  
                'color': '#ff0000',  
                'value': 0,  
            }  
            queStlye.push(arr)  
        }

    const dianClick = (item,index) => {//球的状态判断  
        console.log('2222',index);  
        if (queStlye[item]['background-color'] == '#fff0f1') {  
            queStlye[item]['background-color'] = '#ff0000'  
            queStlye[item]['color'] = '#fff0f1'  
        } else {  
            queStlye[item]['background-color'] = '#fff0f1'  
            queStlye[item]['color'] = '#ff0000'  
        }  
        console.log(queStlye);  
    }