delivery-business/pages/bill/bill.wxml

<!--pages/bill/bill.wxml-->
<!--  -->
  <view class="page-up">  
    <van-icon id="sign" name="arrow-left" size="30px" color="white"/>
    <view class="title">账单统计</view>
    <view class="content">
      <view class="text1">今日账单</view>
      <view class="text2">
        <span id="t1">入账金额:</span>
        <span id="t1">￥</span>
        <span id="t2">9909.</span>
        <span id="t1">98 元</span>
      </view>
    </view>
    <view class="items">
      <view class="item">
        <van-row class="item">
          <van-col span="8" class="item1">
            <span id="i1">￥</span>
            <span id="i2">340.</span>
            <span id="i1">14 元</span>
            <view class="divLine"></view>
            <view id="ibottom">包装费</view>
          </van-col>
          <van-col span="8" class="item2">
            <span id="i1">￥</span>
            <span id="i2">298.</span>
            <span id="i1">00 元</span>
            <view class="divLine"></view>
            <view id="ibottom">配送费</view>
          </van-col>
          <van-col span="8" class="item3">
            <span id="i1">￥</span>
            <span id="i2">50.</span>
            <span id="i1">00 元</span>
            <view id="ibottom">退款费</view>
          </van-col>
        </van-row>
      </view>
    </view>
  </view>
  <!-- 累计账单 -->
<view class="page-middle">
  <!-- <van-cell title="累计账单" value="{{ date }}" bind:click="onDisplay" /> -->
  <span id="mid-text">累计账单</span>
  <van-icon id="sign2" name="notes-o" size="25px" color="#FF8C00" value="{{ date }}" bind:click="onDisplay"/>
  <van-calendar
    show="{{ show }}"
    color="#FF8C00"
    type="range"
    bind:close="onClose"
    bind:confirm="onConfirm"
  />
  <view class="divLine4"></view>
</view>

<view class="page-bottom">
  <view class="box1">
    <view id="b1">   
      <text class="iconfont icon-qian"></text>  </view>
      <view id="b1-right">
        <span id="atext1">￥</span>
        <span id="atext2">1,9899.</span>
        <span id="atext1">00 元</span>
        <view id="atext3">
          入账金额
        </view>
    </view>
  </view>

  <view class="box2">
    <view id="b2">   
      <text class="iconfont icon-baozhuang1"></text>
      </view>
      <view id="b2-right">
        <span id="btext1">￥</span>
        <span id="btext2">1,9899.</span>
        <span id="btext1">00 元</span>
        <view id="btext3">
          包装费
        </view>
    </view>
  </view>
  <view class="divLine2"></view>
 
  <view class="box3">
      <view id="b3">  <text class="iconfont icon-navicon-chps"></text>   </view>
      <view id="b3-right">
        <span id="ctext1">￥</span>
        <span id="ctext2">1,9899.</span>
        <span id="ctext1">00 元</span>
        <view id="ctext3">
          配送费
        </view>
    </view>
  </view>
  

  <view class="box4">
    <view id="b4">   
      <text class="iconfont icon-tuikuan"></text>
     </view>
      <view id="b4-right">
        <span id="dtext1">￥</span>
        <span id="dtext2">1,9899.</span>
        <span id="dtext1">00 元</span>
        <view id="dtext3">
          退款费
        </view>
    </view>
  </view>
  <view class="divLine3"></view>
</view>