delivery-business/pages/bill/bill.wxml

<view class="all">
  <view class="all1">
    <view class="img tex" style="padding-top:{{statusBarHeight}}px">
      <image src="/../images/fanhui.png" bindtap="back" style=" width: 40rpx;height: 40rpx;" mode="" />
      <view style="color: #fff;">账单统计</view>
    </view>

    <view style="overflow:hidden;height:250upx">
      <image style="width: 750rpx;" src="{{imgs}}"></image>
    </view>
    <view class="img1">
      <view style="margin-bottom: 12rpx;">
        今日账单
      </view>
      <view style="font-size: 22rpx; color: #D3D3D3;">
        入账金额：￥{{yuan}}元
      </view>
    </view>
    <view class="img2">
      <view>
        <text>￥<text style="font-size: 30rpx;">340.14</text>元</text>
        <view style="margin-left: 16rpx;">
          包装费
        </view>
      </view>
      <view style="width: 1rpx;background-color: #A9A9A9;height: 60rpx;"></view>
      <view>
        <text>￥<text style="font-size: 30rpx;">298.00</text>元</text>
        <view style="margin-left: 16rpx;">
          配送费
        </view>
      </view>
      <view style="width: 1rpx;background-color: #A9A9A9;height: 60rpx;"></view>
      <view>
        <text>￥<text style="font-size: 30rpx;">50.00</text>元</text>
        <view style="margin-left: 16rpx;">
          退款费
        </view>
      </view>
    </view>
  </view>
  <view class="all2">
    <view style=" margin: 20rpx 30rpx; width: 670rpx; display: inline-flex; justify-content: space-between;">
      <text style="font-size:30rpx;">累计账单</text>
      <van-icon wx:if="{{show1}}" style="margin-right: -20rpx; z-index: 1;" bind:click="onDisplay" name="/../images/rili.svg" />
      <view class="rili">
        <van-cell title="" value="{{ date }}" bind:click="onDisplay" />
          <van-calendar color="#1E90FF" confirm-text="确定日期" show="{{ show }}" type="range" bind:close="onClose" bind:confirm="onConfirm" />
      </view>
    </view>
    <view style="margin-top: -18rpx;margin-bottom: -32rpx;">
      <van-divider />
    </view>
    <view style="display: flex;">
      <view class="img3">
        <view style="margin-top: 0rpx;">
          <van-icon style="margin-left: 80rpx;" size="50rpx" name="/images/jine.svg" />
          <text style="font-size: 26rpx;">￥<text style="font-size: 40rpx;">9999.9</text>元</text>
          <view style="font-size: 24rpx; margin-left: 135rpx; color: #D3D3D3; margin-top: 14rpx;">
            入账金额
          </view>
        </view>
      </view>
      <view style="width: 1rpx;background-color: #F5F5F5;height: 190rpx; margin-right: 0rpx; margin-left: 45rpx;"></view>
      <view class="img3">
        <view style="margin-top: 0rpx;">
          <van-icon style="margin-left: 80rpx;" size="50rpx" name="/images/kuaidi.svg" />
          <text style="font-size: 26rpx;">￥<text style="font-size: 40rpx;">9999.9</text>元</text>
          <view style="font-size: 24rpx; margin-left: 135rpx; color: #D3D3D3; margin-top: 14rpx;">
            包装费
          </view>
        </view>
      </view>
    </view>
    <view style="margin-top: -35rpx;margin-bottom: -32rpx;">
      <van-divider />
    </view>
    <view style="display: flex;">
      <view class="img3">
        <view style="margin-top: 0rpx;">
          <van-icon style="margin-left: 80rpx;" size="60rpx" name="/images/yunshu.svg" />
          <text style="font-size: 26rpx;">￥<text style="font-size: 40rpx;">9999.9</text>元</text>
          <view style="font-size: 24rpx; margin-left: 135rpx; color: #D3D3D3; margin-top: 14rpx;">
            配送费
          </view>
        </view>
      </view>
      <view style="width: 1rpx;background-color: #F5F5F5;height: 190rpx; margin-right: 0rpx; margin-left: 45rpx;"></view>
      <view class="img3">
        <view style="margin-top: 0rpx;">
          <van-icon style="margin-left: 80rpx;" size="50rpx" name="/images/tuikuan.svg" />
          <text style="font-size: 26rpx;">￥<text style="font-size: 40rpx;">999.9</text>元</text>
          <view style="font-size: 24rpx; margin-left: 135rpx; color: #D3D3D3; margin-top: 14rpx;">
            退款费
          </view>
        </view>
      </view>
    </view>
  </view>

</view>