<view class="bill_container">
  <view class="bill_header">
    <van-row>
      <van-col style="font-size: 44rpx;color:white;" span="10">
        <van-icon name="arrow-left" />
      </van-col>
      <van-col style="font-size: 40rpx;color:white" span="10">账单统计</van-col>
      <van-col span="4"></van-col>
    </van-row>

    <view class="bill_content">
      <view class="todayBill">今日账单</view>
      <view class="Account">入账金额：￥<span>9909.98</span>元
      </view>
    </view>

    <view class="bill_list">
      <view class="bill_list_content1">
        <view><span>￥340.14</span>元</view>
        <view>包装费</view>
      </view>
      <view class="bill_list_content2">
        <view><span>￥298.00</span>元</view>
        <view>配送费</view>
      </view>
      <view class="bill_list_content3">
        <view><span>￥50.00</span>元</view>
        <view>退款费</view>
      </view>
    </view>

    <view class="bill_bottom">
      <view class="bill_bottom_header">
        <text>累计账单</text>
        <van-icon wx:if="{{isDisplay}}" bind:click="onDisplay" name="calendar-o" />
        <text style="color:orange;" bindtap="dateShow" wx:if="{{!isDisplay}}">{{date}}</text>
      </view>
      <view class="bill_bottom_content">
        <view class="bill_bottom_contentList">
          <view>
            <van-icon name="gold-coin-o" /><span>￥19899.00</span>元
          </view>
          <view class="bill_bottom_contentList_text">入账金额</view>
        </view>

        <view class="bill_bottom_contentList">
          <view>
            <van-icon name="point-gift-o" /><span>￥19899.00</span>元
          </view>
          <view class="bill_bottom_contentList_text">包装费</view>
        </view>

        <view class="bill_bottom_contentList">
          <view>
            <van-icon name="logistics" /><span>￥19899.00</span>元
          </view>
          <view class="bill_bottom_contentList_text"> 配送费</view>
        </view>

        <view class="bill_bottom_contentList">
          <view>
            <van-icon name="refund-o" /><span>￥19899.00</span>元
          </view>
          <view class="bill_bottom_contentList_text">退款费</view>
        </view>
      </view>
    </view>
  </view>

</view>

<van-calendar  show="{{ show }}" type="range" bind:close="onClose" bind:confirm="onConfirm" />