小程序实现【滑动齿轮数字选择器】

效果：

关键：用小程序picker-view实现，linear-gradient实现背景渐变色

wxml:

<view>
  <view>{
  {arr1Value}}{
  {arr2Value}}{
  {arr3Value}}{
  {arr4Value}}{
  {arr5Value}}{
  {arr6Value}}{
  {arr7Value}}{
  {arr8Value}}{
  {arr9Value}}</view>
  <picker-view indicator-style="height: 50px;" style="" class="color" value="{
  {value}}" bindchange="bindChange" >
    <picker-view-column>
      <view wx:for="{
  {arr1}}" style="line-height: 50px">{
  {item}}</view>
    </picker-view-column>
    <picker-view-column>
      <view wx:for="{
  {arr2}}" style="line-height: 50px">{
  {item}}</view>
    </picker-view-column>