delivery-customer/pages/my/my.wxml

<!--pages/my/my.wxml-->
<view>
  <view class="container-top">
    <view class="home-top">
      <view class="user">
        <view class="img">
          <image class="pic" src="./images/矢量智能对象.png" mode="widthFix" />
        </view>
        <view class="inline">
          <!-- name -->
          <view class="name">
            昵称昵称bing
          </view>
          <!-- phone -->
          <view class="phone">
            152****159
          </view>
          <!-- jifen -->
          <view class="jifen">
            <view>
              <image class="icon" src="./images/jifen@2x.png" mode="" />
            </view>
            <!--  number-->
            <view class="number">
              501
            </view>
          </view>

        </view>
        <button class="student" size="mini">学生认证</button>

      </view>
      <view>

      </view>
    </view>
    <view class="home-bottom">
      <view>
        <view class="fang-down">
          <view>
            <view class="card">
              民生银行社保卡
            </view>
            <view>
              我是一个三代社保卡使用者
            </view>
          </view>
          <view style="font-size: 33rpx;">
            6250 *** **** 0299
          </view>
        </view>

      </view>
    </view>
  </view>

  <view class="container-top">
    <!-- 上面 -->
    <view class="order">
      <!-- 我的订单 -->
      <view class="order-left">
        我的订单
      </view>
      <!-- 箭头 -->
      <view class="order-right" >
        >
      </view>
    </view>

    <!-- 内容 -->
    <view class="content">
      <!-- 1 -->
      <view class="content-one">
        <view class="">
          <image class="pic-one" src="./images/icon-1@2x.png" mode="" />
        </view>
        <view style="margin-left: 10rpx;">
          待支付
        </view>
      </view>
      <!-- 2 -->
      <view class="content-one" >
        <view class="">
          <image class="pic-two" src="./images/icon-2@2x.png" mode="" />
        </view>
        <view style="margin-left: 10rpx;">
          待送达
        </view>
      </view>
      <!-- 3 -->
      <view >
        <view>
          <image class="pic-three" src="./images/icon-3@2x.png" mode="" />
        </view>
        <view style="margin-left: 10rpx;">
          已完成
        </view>
      </view>
    </view>
  </view>

  <view class="container-top">
    <view class="bottom-last" style="height: 140rpx;">
      
    </view>
  </view>
</view>