delivery-customer/pages/settlement/settlement.wxml

<!--pages/settlement/settlement.wxml-->
<view class="address-container">
  <view class="address-img">
    <image src="./dizhi.png" class="add_icon" mode="scaleToFill" />
  </view>
  <view>
    <view>哈尔滨师范大学第一公寓2门312室</view>
    <view class="gray">吴迪（先生）182****2898</view>
  </view>
  <view class="gray">></view>
</view>

<view class="desc"></view>

<view class="shop-container">
  <view class="shop-name">二楼麻辣烫、麻辣香锅、麻辣拌饭</view>
  <view class="line"></view>
  <view class="food-msg">
    <image src="https://img1.baidu.com/it/u=3706419765,551590657&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=300" class="food-img" />
    <view class="msg">
      <view class="name">麻辣烫微麻微辣</view>
      <view class="num">*2</view>
    </view>
    <view class="integral">
      <view class="pri-in">￥10.98+40积分</view>
      <view class="pri">￥28.8</view>
    </view>
  </view>
</view>

<view class="line"></view>

<view class="package-container">
  <view class="package">包装费</view>
  <view class="package-pri">￥0</view>
</view>

<view class="line"></view>

<view class="package-container">
  <view class="package">付款费</view>
  <view class="package-pri">￥3</view>
</view>

<view class="line"></view>

<view class="favo-container">
  <view class="favo">
    <span class="package">已优惠</span>
    <span class="package-pri">10￥</span>
    <span class="package">累计</span>
    <span class="package-pri">21.8￥</span>
  </view>
</view>

<view class="desc"></view>

<view class="notes-container">
  <view class="notes">备注</view>
  <textarea minlength="{{min}}" maxlength="{{max}}"bindinput="inputs">
    <text class="currentWordNumber">{{currentWordNumber}}/{{max}}</text>
  </textarea>
</view>

<view class="desc"></view>

<view class="foot">
  <view>
    <view class="total">累计</view>
    <view class="package-pri">￥10.98</view>
  </view>
  <view>
    <button class="btn1">提交订单</button>
  </view>
</view>