效果:
关键:用小程序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>