template
<picker-view class="picker-view" :indicator-style="indicatorStyle" :value="value">
<picker-view-column>
<view class="column-item" v-for="(item,index) in arrs" :key="index">
<text class="column-item-title">{{item}}</text>
</view>
</picker-view-column>
</picker-view>
data
value: [1],
arrs:[
1,2,3,4,5,6,7,8,9,10
],
indicatorStyle: `height: 60px;`,
css
.picker-view{
flex: 1;
height: 500rpx;
.column-item{
// border: 1px solid red;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
&-title{
color: red;
}
}
}
0 个回复