<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <!-- 顶部查询条件区域 -->
    <DirectionalLayout
        ohos:id="$+id:top_filter_bar"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:orientation="horizontal"
        ohos:top_padding="8vp"
        ohos:left_padding="10vp"
        ohos:bottom_padding="8vp"
        ohos:right_padding="10vp"
        ohos:background_element="#EFEFEF">

        <!-- 车场名称输入框 -->
        <TextField
            ohos:id="$+id:input_park_name"
            ohos:height="36vp"
            ohos:width="0"
            ohos:weight="1"
            ohos:hint="车场名称"
            ohos:text_size="14fp"
            ohos:text_color="#FF000000"
            ohos:hint_color="#FF999999"
            ohos:background_element="$graphic:background_filter_item"
            ohos:left_padding="12vp"
            ohos:right_padding="12vp"
            ohos:top_padding="6vp"
            ohos:bottom_padding="6vp"
            ohos:right_margin="8vp"/>

        <!-- 距离筛选下拉框 -->
        <DirectionalLayout
            ohos:id="$+id:btn_distance_filter"
            ohos:height="36vp"
            ohos:width="match_content"
            ohos:orientation="horizontal"
            ohos:alignment="center"
            ohos:background_element="$graphic:background_filter_item"
            ohos:left_padding="12vp"
            ohos:right_padding="12vp"
            ohos:top_padding="6vp"
            ohos:bottom_padding="6vp"
            ohos:right_margin="8vp">
            <Text
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:text="3km"
                ohos:text_size="14fp"
                ohos:text_color="#FF000000"/>
            <Text
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:text="▼"
                ohos:text_size="10fp"
                ohos:text_color="#FF666666"
                ohos:left_margin="4vp"/>
        </DirectionalLayout>

        <!-- 排序方式下拉框 -->
        <DirectionalLayout
            ohos:id="$+id:btn_distance_sort"
            ohos:height="36vp"
            ohos:width="match_content"
            ohos:orientation="horizontal"
            ohos:alignment="center"
            ohos:background_element="$graphic:background_filter_item"
            ohos:left_padding="12vp"
            ohos:right_padding="12vp"
            ohos:top_padding="6vp"
            ohos:bottom_padding="6vp">
            <Text
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:text="距离最近"
                ohos:text_size="14fp"
                ohos:text_color="#FF000000"/>
            <Text
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:text="▼"
                ohos:text_size="10fp"
                ohos:text_color="#FF666666"
                ohos:left_margin="4vp"/>
        </DirectionalLayout>

        
    </DirectionalLayout>

    <!-- 停车场列表 -->
    <ScrollView
        ohos:id="$+id:parking_list_scroll"
        ohos:height="0vp"
        ohos:width="match_parent"
        ohos:weight="1">

        <DirectionalLayout
            ohos:id="$+id:parking_list_container"
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:orientation="vertical">
        </DirectionalLayout>
    </ScrollView>
</DirectionalLayout>
