picker-view中的indicator-class不能修改其选中的文字的样式,但可以修改背景颜色和边框
<picker-view
indicator-class="city-picker"
value="{{[selectValue]}}"
bindchange="bindChange"
></picker-view>
//样式
.city-picker{
height: 80rpx;
border-top:1rpx solid #CCCCCC;
border-bottom:1rpx solid #CCCCCC0;
}
效果如下
若要改其文本样式,可以通过选中的值和索引进行比对
<picker-view-column>
<view
wx:for="{{listData}}"
wx:key="{{index}}"
class="city-column {{selectValue === index ?'city-column_select':''}}">{{item.value}}</view>
</picker-view-column>
//样式
.city-column_select{
font-size: 30rpx;
color:#f00;
}
效果如下