当前位置：网站首页>自定义picker滚动选择器样式

自定义picker滚动选择器样式

2022-08-10 14:29:00 【a_靖】

先上效果图

上代码：

我把它封装成了组件，可以直接引用，传入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

原网站

版权声明
本文为[a_靖]所创，转载请带上原文链接，感谢
https://a-jing.blog.csdn.net/article/details/126227727