jje_uniapp/orderPages/bookService/index.vue

<template>
    <view class="content">
        <view class="page">
            <view class="box_2">
                <view class="box_3">
                    <view class="text-group_2">
                        <text lines="1" class="text_3">服务对象</text>
                        <text lines="1" class="text_4">请选择服务对象</text>
                    </view>
                    <u-icon name="arrow-right" size="16"></u-icon>
                </view>
                <view class="box_4"></view>
                <view class="box_5">
                    <view class="text-group_3">
                        <text lines="1" class="text_5">服务类别</text>
                        <text lines="1" class="text_6">请选择服务类别</text>
                    </view>
                    <u-icon name="arrow-right" size="16"></u-icon>
                </view>
                <view class="box_6"></view>
            </view>
            <view class="box_7">
                <view class="box_8">
                    <u-icon name="warning-fill" color="#FFAF36" size="16"></u-icon>
                    <text lines="1" class="text_7">需提前一天起预约，取消订单需服务前一天取消</text>
                </view>
                <text lines="1" class="text_8">服务日期</text>
                <view class="box_9">
                    <text lines="1" class="text_9">请选择服务日期</text>
                    <u-icon name="arrow-right" size="16"></u-icon>
                </view>
                <view class="box_10"></view>
                <view class="box_11">
                    <view class="text-group_4">
                        <text lines="1" class="text_10">服务时段</text>
                        <text lines="1" class="text_11">请选择服务时段</text>
                    </view>
                    <u-icon name="arrow-right" size="16"></u-icon>
                </view>
                <view class="box_12"></view>
                <view class="box_13">
                    <view class="text-group_5">
                        <text lines="1" class="text_12">服务人员</text>
                        <text lines="1" class="text_13">请选择服务人员</text>
                    </view>
                    <u-icon name="arrow-right" size="16"></u-icon>
                </view>
            </view>
            <view class="box_14"></view>
            <view class="box_15">
                <text lines="1" class="text_14">服务定制</text>
                <view class="text-wrapper_2">
                    <textarea class="input" name="remark" placeholder="如有其它特殊需求，请在此输入您的惠" auto-focus="true" />
                </view>
            </view>
            <view class="box_16 bord">
                <text lines="1" class="text_16">提交订单之前需支付预约服务费用</text>
                <view class="box_17 bord">
                    <text lines="1" class="text_17">待支付</text>
                    <text lines="1" class="text_18">¥12.00</text>
                    <view class="text-wrapper_3">
                        <text lines="1" class="text_19">提交</text>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>

export default {

    data() {
        return {

        }
    },
    onLoad() {

    },
    methods: {

    }
}
</script>

<style scoped lang="scss">
    @import '/common/css/common.css';
    @import './index.rpx.scss';
</style>