67 lines
2.9 KiB
Vue
67 lines
2.9 KiB
Vue
<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> |