当前位置:网站首页>自定义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
边栏推荐
- 这一次,话筒给你:向自由软件之父斯托曼 提问啦!
- 注意力模型---Attention Model
- Using data intelligence, Amazon cloud technology helps companies build endogenous brand growth
- Makefile missing separator. Stop.怎么解决「建议收藏」
- How does IT Xiaobai learn PHP systematically
- The a-modal in the antd component is set to a fixed height, and the content is scrolled and displayed
- List集合
- A method that can make large data clustering 2000 times faster
- EVE模拟器的使用-带图超详细(学网络用)「建议收藏」
- Classifying irises using decision trees
猜你喜欢
随机推荐
[JS Advanced] Creating sub-objects and replacing this_10 in ES5 standard specification
Data product manager thing 2
舵机内部结及工作原理浅析[通俗易懂]
2022-08-10 Daily: Swin Transformer author Cao Yue joins Zhiyuan to carry out research on basic vision models
awk的简单使用
物资采购小程序开发制作功能介绍
PAT甲级 1014 排队等候(队列大模拟+格式化时间)
1W字详解线程本地存储 ThreadLocal
How to code like a pro in 2022 and avoid If-Else
SQL学习(基础)
领域驱动模型设计与微服务架构落地-从项目去剖析领域驱动
Existing in the rain of PFAS chemical poses a threat to the safety of drinking water
2022年中国软饮料市场洞察
sql语句 异常 Err] 1064 – You have an error in your SQL syntax; check the manual that corresponds to your
laravel throws the error to Dingding
王学岗————直播推流(软便)03x264集成与camera推流
Do not access Object.prototype method ‘hasOwnProperty‘ from target object....
第三方软件测评有什么作用?权威软件检测机构推荐
Unfinished mathematics test paper ----- test paper generator (Qt includes source code)
注意力模型---Attention Model