<!--components/picker/index.wxml-->
<view>
  <view class="flex flex-center flex-justify-between mb-32" data-value="{{item.period}}" bind:tap="onVisibleChange">
    <view class="flex flex-center flex-justify-start">
      <view class="camera  flex flex-center" style="background-color:{{item.color ? item.color+'3C':'red'}};">
        <t-icon name="{{item.icon}}" class="primary" style="color:{{item.color ? item.color:'red'}};" size="24"></t-icon>
      </view>
      <view class="ml-32">{{item.name}}</view>
    </view>
    <view class="flex flex-center flex-justify-start">
      <view>
        {{item.period}}天一次
      </view>
      <t-icon name="chevron-right"></t-icon>
    </view>
  </view>
  <t-picker visible="{{visible}}" value="{{defaultValue}}" cancelBtn="取消" confirmBtn="确认" bind:confirm="confirm">
    <t-picker-item options="{{counts}}"></t-picker-item>
  </t-picker>

</view>