先上效果图

上代码:
我把它封装成了组件,可以直接引用,传入list就行
- <template>
- <view class="picker">
- <picker-view
- mask-style="background:rgba(15, 67, 80, 0.001);"
- indicator-style="color:red;"
- indicator-class="indicatorClass"
- immediate-change="true"
- :value="value" @change="bindChange" class="picker-view">
- <picker-view-column>
- <view class="item" v-for="(item,index) in list"
- :class="pickerFc(index)"
- :key="index">{
- {item}}view>
- picker-view-column>
- picker-view>
- view>
- template>
- <script>
- export default {
- props: ['list'],
- data() {
- return {
- value: [0],
- visible: tru