小程序
小游戏
企业微信
微信支付
扫描小程序码分享
怎么点击A 让字体的颜色变成红色，同时C字体变成蓝色啊。求大神指教
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你的意思是可以多选，但是每一个点击选中之后，颜色不一样是吧，这个就是这样
dataList: [{name: "A", checked: false,
}, {name: "B",checked: false
}, {name: "C",checked: false
}, {name: "D",checked: false
}]
<view bind:tap="checkData" data-index="{{index}}" wx:for="{{dataList}}" wx:key="unique" class="defaultCla {{item.checked ? 'activeCls'+index : ''}}">
<view>{{item.name}}</view>
</view>
checkData(event) {
let index = event.currentTarget.dataset.index;
let li = this.data.dataList;
li[index].checked = !li[index].checked
this.setData({
dataList: li
})
},
.defaultCla {width: 100%;height: 80rpx;border-radius: 40rpx;background: #eeeeee;margin-top: 20rpx;padding: 0 30rpx;box-sizing: border-box;}
.activeCls0 {background: red;}
.activeCls1 {background: yellow;}
.activeCls2 {background: blue;}
.activeCls3 {background: blueviolet;}
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
这样好像不能同时给两个选项设置样式吧？
点击事件拿到index ，然后赋值给一个参数selectIndex 然后....
<view class="{{selectIndex == index ? 'selectClass':'commonClass'}}">
去git上面，找一些开源项目学习一下吧
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你的意思是可以多选，但是每一个点击选中之后，颜色不一样是吧，这个就是这样
dataList: [{name: "A", checked: false,
}, {name: "B",checked: false
}, {name: "C",checked: false
}, {name: "D",checked: false
}]
<view bind:tap="checkData" data-index="{{index}}" wx:for="{{dataList}}" wx:key="unique" class="defaultCla {{item.checked ? 'activeCls'+index : ''}}">
<view>{{item.name}}</view>
</view>
checkData(event) {
let index = event.currentTarget.dataset.index;
let li = this.data.dataList;
li[index].checked = !li[index].checked
this.setData({
dataList: li
})
},
.defaultCla {width: 100%;height: 80rpx;border-radius: 40rpx;background: #eeeeee;margin-top: 20rpx;padding: 0 30rpx;box-sizing: border-box;}
.activeCls0 {background: red;}
.activeCls1 {background: yellow;}
.activeCls2 {background: blue;}
.activeCls3 {background: blueviolet;}
这样好像不能同时给两个选项设置样式吧？
点击事件拿到index ，然后赋值给一个参数selectIndex 然后....
<view class="{{selectIndex == index ? 'selectClass':'commonClass'}}">
去git上面，找一些开源项目学习一下吧