# QS-Snap

**Repository Path**: QS-UI/qs-snap

## Basic Information

- **Project Name**: QS-Snap
- **Description**: 支持uni-app、web的picker-view组件
- **Primary Language**: Unknown
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-01
- **Last Updated**: 2022-08-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# QS-Snap
- 比官方好用的picker-view组件，自定义样式，支持Uni-app、Web
- 最近看了Steven大佬的视频，想着uni-app实现一个自定义的picker-view
- 目前还有些缺陷-不可以赋值初始值, 有想法的大佬请联系
- QQ交流群: 750104037 [点我加入](https://jq.qq.com/?_wv=1027&k=5OyZoXa)


# Attributes
```javascript
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) : 值变更时回调, 返回参为当前值所在数组下标