更新记录

1.0.1（2022-08-05）

优化 text标签为span标签 优化 传入的样式经过rpx转换

1.0.0（2022-07-31）

首次发布

平台兼容性

QS-Snap

• picker-view组件，自定义样式，支持Uni-app、Web
• 最近看了Steven大佬的视频，想着uni-app实现一个自定义的picker-view
• 目前还有些缺陷-不可以赋值初始值, 有想法的大佬请联系
• QQ交流群: 750104037 点我加入

Attributes

props: {
    // 源数据
    list: { type: Array, default: ()=>[] },

    // 单行高度
    itemHeight: { type: [String, Number], default: '60rpx' },

    // 组件高度
    height: { type: String, default: '400rpx' },

    // 滑动切换时是否震动(uniapp在当前环境支持下)
    vibrateShort: { type: Boolean, default: false },

    // 背景样式
    boxStyle: {
        type: String,
        default: ``,
    },

    // 中间滑块样式
    centerLineStyle: {
        type: String,
        default: ``,
    },

    // 内容文字样式
    textStyle: {
        type: String,
        default: `font-size: 30rpx;`
    },

    // 内容文字选中时样式
    textActiveStyle: { type: String, default: 'font-weight: bold;transform: scale(1.2);' },

    // 在源数据数组内为Object时指定要显示文字的字段
    nameField: { type: String, default: '' },
}

Emits

• change($event:Number) : 值变更时回调, 返回参为当前值所在数组下标