driverSchool/newPages/my/index.vue

<template>
  <view class="page flex-col">
    <view class="box_1 flex-col justify-end">
      <view class="box_2 flex-row">
        <text class="text_1">9:41</text>
        <view class="section_1 flex-col"></view>
        <view class="section_2 flex-col"></view>
        <image
          class="image_1"
          referrerpolicy="no-referrer"
          src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGa0ae945f09e82ebeb726c4adbf82b9fd.png"
        />
      </view>
      <view class="box_3 flex-col">
        <view class="image-wrapper_1 flex-row">
          <image
            class="thumbnail_1"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGdc9929c2b5fd86c1689cc5990a0b4397.png"
          />
        </view>
        <view class="box_4 flex-row justify-between">
          <view class="box_5 flex-col"></view>
          <view class="box_6 flex-col"></view>
        </view>
      </view>
      <view class="box_7 flex-row justify-between">
        <view class="image-text_1 flex-row justify-between">
          <view class="group_1 flex-col">
            <view class="image-wrapper_2 flex-col">
              <image
                class="image_2"
                referrerpolicy="no-referrer"
                src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG185e54e3ffd47170ac4e6e5108c9a54f.png"
              />
            </view>
          </view>
          <view class="text-group_1 flex-col justify-between">
            <text class="text_2">登录/注册</text>
            <text class="text_3">登录将开启全部服务</text>
          </view>
        </view>
        <view class="image-text_2 flex-col justify-between">
          <image
            class="label_1"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG7e67772393591f7c5436c0b59f7b3b17.png"
          />
          <text class="text-group_2">学车码</text>
        </view>
      </view>
      <view class="box_8 flex-row">
        <view class="image-wrapper_3 flex-col justify-center">
          <image
            class="label_2"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGa95a4d1d98d08b238a3082514eefafd0.png"
          />
        </view>
        <view class="text-group_3 flex-col justify-between">
          <text class="text_4">马文峰</text>
          <view class="text-wrapper_1">
            <text class="text_5">教龄：</text>
            <text class="text_6">6</text>
            <text class="text_7">年</text>
          </view>
        </view>
        <view class="text-wrapper_2">
          <text class="text_8">学员数：</text>
          <text class="text_9">85</text>
        </view>
      </view>
    </view>
    <view class="box_9 flex-col">
      <view class="block_1 flex-col">
        <text class="text_10">我的订单</text>
        <view class="list_1 flex-row">
          <view
            class="image-text_3 flex-col justify-between"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <image
              class="label_3"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage0"
            />
            <text class="text-group_4" v-html="item.lanhutext0"></text>
          </view>
        </view>
      </view>
      <view class="block_2 flex-row">
        <view class="image-wrapper_4 flex-col">
          <image
            class="thumbnail_2"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG1bb0cdc369203c305a42d848736e8f01.png"
          />
        </view>
        <text class="text_11">个人信息</text>
        <image
          class="thumbnail_3"
          referrerpolicy="no-referrer"
          src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG4f20daae79bb7c60189f8702897465d1.png"
        />
      </view>
      <view class="block_3 flex-row">
        <view class="image-wrapper_5 flex-col">
          <image
            class="thumbnail_4"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGb5e90b5b4c1f154eb4e27313164118a4.png"
          />
        </view>
        <text class="text_12">在线客服</text>
        <image
          class="thumbnail_5"
          referrerpolicy="no-referrer"
          src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG4f20daae79bb7c60189f8702897465d1.png"
        />
      </view>
      <view class="block_4 flex-row">
        <view class="image-wrapper_6 flex-col">
          <image
            class="thumbnail_6"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGa728895586dafec1bde5f90c89d05c48.png"
          />
        </view>
        <text class="text_13">建议反馈</text>
        <image
          class="thumbnail_7"
          referrerpolicy="no-referrer"
          src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG4f20daae79bb7c60189f8702897465d1.png"
        />
      </view>
    </view>
    <view class="box_10 flex-row justify-around">
      <view class="image-text_4 flex-col justify-between">
        <image
          class="label_4"
          referrerpolicy="no-referrer"
          src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG82212e80ecdefd484ea3d1f3bdd664b7.png"
        />
        <text class="text-group_5">首页</text>
      </view>
      <view class="image-text_5 flex-col justify-between">
        <image
          class="label_5"
          referrerpolicy="no-referrer"
          src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGb503e40eb80b2c7197a8be0e5149844c.png"
        />
        <text class="text-group_6">我的</text>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG757a781e4fd248437b6eb4a6d92191ae.png',
          lanhutext0: '已付款'
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG281070034b1d3055b7b6e61e883a1312.png',
          lanhutext0: '已面签'
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGe538524dc2b344e74de297d27521c48a.png',
          lanhutext0: '已报名'
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG4314db51cf3d042aea4ef65e73b73f7d.png',
          lanhutext0: '全部订单'
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='scss'>
@import '../common/common.scss';
@import './assets/style/index.rpx.scss';
</style>