<template>
  <view class="page flex-col">
    <view style="width: 100%;background: #f4f5f6;box-sizing: border-box;padding-top: 88px;">
      <headers titles="预约">
        <uni-icons type="left" color="#000000" size="22px"></uni-icons>
      </headers>
    </view>
    <view class="group_4 flex-col">
      <view class="list_1 flex-col">
        <view
          class="list-items_1 flex-col"
          v-for="(item, index) in loopData0"
          :key="index"
        >
          <view class="text-wrapper_1 flex-row">
            <text class="text_2" v-html="item.lanhutext0"></text>
          </view>
          <view class="group_6 flex-row justify-between">
            <view class="text-wrapper_2 flex-col">
              <text class="text_3" v-html="item.lanhutext1"></text>
            </view>
            <view class="text-wrapper_3 flex-col">
              <text class="text_4" v-html="item.lanhutext2"></text>
            </view>
          </view>
          <view class="group_7 flex-row">
            <view class="image-text_1 flex-row justify-between">
              <image
                class="label_2"
                referrerpolicy="no-referrer"
                :src="item.lanhuimage0"
              />
              <text class="text-group_1" v-html="item.lanhutext3"></text>
            </view>
            <view class="section_2 flex-col"></view>
            <view class="section_3 flex-col"></view>
            <view class="section_4 flex-col"></view>
            <view class="section_5 flex-col"></view>
            <view class="section_6 flex-col"></view>
            <text class="text_5" v-html="item.lanhutext4"></text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
import headers from "@/components/header/headers.vue";

export default {
  components: {headers},
  data() {
    return {
      loopData0: [
        {
          lanhutext0: '科目二训练',
          lanhutext1: '科目二',
          lanhutext2: 'C2',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG9781bf564ae15eee66e88c90622422db.png',
          lanhutext3: '马文峰',
          lanhutext4: '4.0'
        },
        {
          lanhutext0: '科目二考试',
          lanhutext1: '科目二',
          lanhutext2: 'C2',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG9781bf564ae15eee66e88c90622422db.png',
          lanhutext3: '马文峰',
          lanhutext4: '4.0'
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='scss'>
@import '../common/common.scss';
@import './assets/style/index.rpx.scss';
</style>
