# sliderColorPick

**Repository Path**: FTDream/sliderColorPick

## Basic Information

- **Project Name**: sliderColorPick
- **Description**: 
微信小程序 滑动颜色选择器
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2021-04-23
- **Last Updated**: 2023-02-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# sliderColorPick
 组件为微信小程序->滑动颜色选择器



  ## 组件演示
  <img src="./utils/gif2.gif" width = "250"  alt="图片名称" align=center />
  
  <br/>
  
  <br/>
  
  <br/>
  <img src="./utils/gif.gif" width = "250"  alt="图片名称" align=center />


  <br/>
  <br/>
  <br/>

  ## 扫描下面小程序码，体验组件

  <img src="./utils/share.jpg" width = "250"  alt="图片名称" align=center />



组件属性
~~~
必须设置 
lineLength 色带的长度  建议 300
sliderBtn  滑动按钮的大小 建议 12
~~~

  当前为初期版本后续会继续更新

  demo 接入方式  
  ``` json
index.json
{
 "usingComponents": {
   "slider-color-picker":"../../components/sliderColorPicker/sliderColorPicker"
  }
}   
```
  ``` html
index.html
    <slider-color-picker bindmoveSlider="sliderColor" lineLength = "300" sliderBtn="12"></slider-color-picker>


  ```

``` javaScript
index.js

 sliderColor(e) {
    this.setData({
      color:e.detail
    })
  }

```