<!--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" bindtap="onClickintegral">
            <view class="icon">
              <image class="img-2" src="./images/20积分.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" style="margin-right: 130rpx;">
        <view class="img-box">
          <view class="img-paid">
            <van-icon name="paid" size="60rpx" />
          </view>
        </view>
        <view style="font-size: 30rpx;">
          待支付
        </view>
      </view>
      <!-- 2 -->
      <view class="content-one" style="margin-right: 130rpx;">
        <view class="img-box" style="background: #52a6ff;">
          <view class="img-paid">
            <van-icon name="logistics" size="60rpx" />
          </view>
        </view>
        <view style="font-size: 30rpx;">
          待送达
        </view>
      </view>
      <!-- 3 -->
      <view class="content-one" >
        <view class="img-box" style="background: #66dc8e;">
          <view class="img-paid">
            <van-icon name="completed" size="60rpx" />
          </view>
        </view>
        <view style="font-size: 30rpx;">
          已完成
        </view>
      </view>
    </view>
  </view>

  <view class="container-top">
    <view style="height: 29vh;">
    </view>
  </view>
</view>