leromro-mini/pages_classify/pages/details/index.vue

<template>
    <scroll-view refresher-enabled :refresher-triggered="isRefreshing" @refresherrefresh="onCustomRefresh"
    class="details-main" @scrolltolower="scrolltolower" scroll-y>
        <view>
        <view class="details-div flex_c_s address-box details-main-bottom">
            <view class="address-left flex_c_l">
                <view class="address-icon"></view>
                <view class="address-content">
                    <view class="font-30-333">中国人民大学科技园-1栋</view>
                    <view class="font-28-grey address-text">
                        <text class="mar-22">原</text> 
                        <text class="mar-22">女士</text> 
                        <text class="mar-22">133****1231</text> 
                    </view>
                </view>
            </view>
            <view class="address-rigth font-28-cb flex_c_r">
                <text>去导航</text> 
                <up-icon name="arrow-right" color="#CB9964" size="16"></up-icon>
            </view>
        </view>

        <Card1 />

        <view class="font-title">总订单信息</view>

        <Card2 />
        <view class="details-div details-main-bottom">
            <view class="font-28-333 details-main-bottom-30">用户备注</view>
            <view class="font-30-97 bz-bottom">玻璃外面也要清洁到位哦</view>
        </view>

        <view class="font-title">子订单信息</view>
        <CardList />
    </view>
    </scroll-view>
    
</template>
  
<script setup>
import { ref } from 'vue';
import Card1 from './Card1.vue';
import Card2 from './Card2.vue';
import CardList from './CardList.vue';



const isRefreshing = ref(false)
const onCustomRefresh = () => {
    isRefreshing.value = true;

    setTimeout(() => {
        isRefreshing.value = false;
    }, 1000);
};
const scrolltolower = () => {

};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>