<view class="flex-col justify-start relative page">
  <view class="section"></view>
  <text class="font text pos">选择预约类别</text>
  <view class="flex-row equal-division group">
    <view class="flex-col equal-division-item section_2">
      <image
        class="self-start image"
        src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=e29908fd7c3623fbb6854b38b828c5b8.png"
      />
      <text class="self-center font mt-7">整套约拍</text>
    </view>
    <view class="ml-48 flex-col equal-division-item section_3">
      <image
        class="self-start image"
        src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=ca4da1e3507e3276bd2cf0946c8322bd.png"
      />
      <text class="mt-8 self-center font text_2">自带服装</text>
    </view>
  </view>
  <text class="font text_3 pos_2">选择服装类别</text>
  <view class="flex-col section_4 pos_3">
    <view class="flex-col list">
      <view class="flex-row justify-between section_5" v-for="(item, index) in items" :key="index">
        <view class="flex-row items-end self-center">
          <image
            class="image_2"
            src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=72dc2b1fa62db33ed73692af7f65cb9b.png"
          />
          <view class="ml-20 flex-col group_2">
            <text class="self-start font_2 text_4">简约风尚</text>
            <view class="flex-row items-center self-stretch group_3">
              <view class="group_4">
                <text class="font_2">价位</text>
                <text class="font_4">：</text>
              </view>
              <text class="ml-6 font_3 text_5">￥100-200</text>
            </view>
            <text class="self-stretch font_5 text_6">传承非遗之美，简约演绎经典</text>
          </view>
        </view>
        <image
          class="self-start image_3 image_4"
          src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=eee721f36de3196113485ea7e5c6b5ad.png"
        />
      </view>
    </view>
    <view class="mt-22 flex-row justify-between items-center section_9">
      <view class="flex-row">
        <image
          class="shrink-0 self-center image_9"
          src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=0ed6323496056f793bd3c25b3dcd9eb6.png"
        />
        <text class="self-start text_15">88.</text>
        <text class="self-center font_2 text_14">定金：</text>
        <text class="self-center text_17">00</text>
        <view class="flex-row shrink-0 section_10">
          <text class="text_18">费用说明</text>
          <image
            class="shrink-0 image_10 ml-3"
            src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=0455b173571a47fdc438588e788f26c5.png"
          />
        </view>
      </view>
      <view class="flex-col justify-start items-center text-wrapper"><text class="font text_16">确定预约</text></view>
    </view>
  </view>
</view>