话不多说,直接上代码,循环列表,根据选中状态显示不同的样式,active就是你在wxss文件里面创建的类名
JS:
data: {
itemList: [
{name: '选项一', id: 1, select: true},
{name: '选项二', id: 2, select: false},
{name: '选项三', id: 3, select: false},
]
}
WXML: 如果当前项是被选中状态显示红色字体,否则显示默认蓝色字体
<view
class="{{item.select ? 'active':'actives'}}"
wx:for="{{itemList}}"
wx:key="{{item.id}}">
{{item.name}}
</view>
WXSS:
.active {
color: red;
}
.actives {
color: blue;
}