<!-- 头部  -->
<view class="head">
  <image src="../image/touxiang.png" class="touxiang"></image>
  <view class="headtext1">
    <text>江湖姐妹花</text>
    <view class="student">学生认证</view>
  </view>
    <view class="headtext2">
    <text>132******2159</text>
</view>
<view class="headtext3">
<van-icon name="points" />
520
</view>
</view>
<!-- 中间部分 -->
<view class="medium">
<view class="bank">民生银行社保卡</view>
<view class="number">6250**** **** 0299</view>
<view class="card">我是一个三代社保卡使用者</view>
</view>
<!-- 底部部分 -->
<view class="bottom-text">
 <text class="dingdan">我的订单</text>
 <text class="fuhao">></text>
</view>
 
 <view class="bottom">
 <view class="first">
 <image src="../image/未支付.png" class="need-work"></image>

 <view class="first-text">待支付</view>
</view>

 <view class="second">
 <image src="../image/songhuo.png" class="icon-car"></image>
 <view class="second-text" >待送达</view>
</view>

<view class="third">
 <image src="../image/已支付.png" class="icon-completed"></image>
 <view class="third-text">已支付</view>
</view>
</view>

 