jje_uniapp/otherPages/serviceItems/index.vue

<template>
    <view class="content">
        <view class="page">
            <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
                @scrolltolower="lower" @scroll="scroll">
                <view class="block_2" v-for="  item in 10 ">
                    <text lines="1" class="text_3">扫码后的项目名称</text>
                    <view class="box_3">
                        <view class="group_1"></view>
                        <view class="group_2">
                            <view class="image-text_2">
                                <u-icon name="server-man" size="16"></u-icon>
                                <text lines="1" class="text-group_2">服务人员：</text>
                            </view>
                            <view class="group_3">
                                <u-icon name="clock" size="16"></u-icon>
                                <text lines="1" class="text_4">服务时间：</text>
                            </view>
                        </view>
                        <view class="text-wrapper_2">
                            <text lines="1" class="text_5">张三</text>
                            <text lines="1" decode="true" class="text_6">2023-8-14&nbsp;12:33:55</text>
                        </view>
                    </view>
                    <view class="text-wrapper_3">
                        <text lines="1" class="text_7">订单总金额：</text>
                        <text lines="1" class="text_8">¥48.00</text>
                    </view>
                    <view class="box_4"></view>
                </view>
                
            </scroll-view>
            <view class="tabBarLineHeight"></view>
            <view class="block_3">
                <text lines="1" class="text_15">优惠券</text>
                <view class="image-text_4">
                    <text lines="1" class="text-group_4">未选择</text>
                    <u-icon name="arrow-right" color="#666" size="18"></u-icon>
                </view>
            </view>
            <view class="tabBarView">
                <view class="submitButton">确定</view>
            </view>
        </view>
    </view>
</template>

<script>
import tabBar from "../../components/tabBar/tabBar";
export default {
    components: {
        tabBar
    },
    data() {
        return {
            title: 'Hello',
            tabIndex: 3
        }
    },
    onLoad() {

    },
    methods: {

    }
}
</script>

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