微信小程序 Table

<view class="pubOtherInfoTable">
        <view class="pubOtherInfoTr bg-header">
          <view class="pubOtherInfoTh">日期</view>
          <view class="pubOtherInfoTh">里程</view>
          <view class="pubOtherInfoTh">记录</view>
        </view>
        <block wx:for="{{baoyangList}}" wx:key="{{code}}">
          <view class="pubOtherInfoTr bg-trs" wx:if="{{index%2==0}}">
            <view class="pubOtherInfoTd">日期</view>
            <view class="pubOtherInfoTd">里程</view>
            <view class="pubOtherInfoTd">记录</view>
          </view>
          <view class="pubOtherInfoTr" wx:else>
            <view class="pubOtherInfoTd">
              <picker mode="date" value="{{carnumdate}}" start="2000-1-01" bindchange="bindDateChange">
                <view class="picker" style="width:700rpx;">{{carnumdate?carnumdate :'请选日期'}} </view> 
              </picker>
            </view>
            <view class="pubOtherInfoTd">里程</view>
            <view class="pubOtherInfoTd">记录</view>
          </view>
        </block>
      </view>

.pubOtherInfoTable{
    border-style: solid;
    border-width: 4rpx;
    margin-left: 20rpx;
    margin-right: 20rpx;
    border-color: #8A8A8A;
  }
  .pubOtherInfoTr{
    display: flex;
    width: 100%;
    justify-content: center;
    height: 3rem;
    align-items: center;
  }
  .pubOtherInfoTd{
    width: 40%;
    justify-content: center;
    text-align: center;
  }
  .pubOtherInfoTh{
   width: 40%; 
   color: #080808;
   display:inline-block;
   text-align: center;
   
  }
  .bg-header{
    background-color: #ffe4b5;
  }
  .bg-trs{
    background-color: #e6f3f9;
  }