uniapp动态修改样式_uni-app怎么实现选择多个选项并改变其样式

下面的代码h5可以实现,编译到手机端就不行了

有没有兼容的写法啊

{{item}}

export default {

data(){

return{

rList:['全部','商品新增入库','普通入库','调拨入库','调拨驳回入库','盘点入库','其他入库'],

rSelect:['全部'],

},

methods:{

rChoose(value){

if(this.rSelect.indexOf( value )!=-1){

this.rSelect.splice( this.rSelect.indexOf( value), 1 );

}else{

this.rSelect.push(value);

}

},

}

},

.container{

height: 100%;

}

.list-box{

padding: 6upx 20upx;

display: flex;

flex-flow: row wrap;

align-items: center;

.cell{

width:150upx;

height: 72upx;

line-height: 72upx;

margin: 16upx 32upx 16upx 0;

border: 1upx dotted #f5f5f5;

border-radius: 8upx;

text-align: center;

font-size: 28upx;

overflow: hidden;

&:nth-child(4n){

margin: 16upx 0;

}

&.cur{

background-color: #ff6a3f;

border: 1upx dotted #ff6a3f;

color: #fff;

}

}

}