<template>
    <view class="app_container">
        <view class="content_list">
            <view class="list_top">
                <view class="top_position"><u-icon name="map" color="#2979ff" size="16"></u-icon>当前位置</view>
                <view class="top_text">四川省成都市金牛区校园路7号</view>
            </view>
            <view class="list_card">
                <view class="card_title">四川省德阳市</view>
                <view class="card_text">四川省成都市金牛区校园路</view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            
        }
    },
    onLoad() {
    }
}
</script>

<style lang="scss" scoped>

.app_container{
    background-color: #f3f4f8;
    padding: 24rpx;
    height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
    .content_list{
        display: flex;
        justify-content: center;
        flex-direction: column;
        .list_top{
            width: 100%;
            border-radius: 30rpx;
            background-color: #FFFFFF;
            padding: 24rpx;
            .top_position{
                display: flex;
                color: blue;
                font-size: 32rpx;
                font-weight: bold;
            }
            .top_text{
                margin-top: 20rpx;
                font-size: 32rpx;
                color: #666666;
            }
        }
        .list_card{
            margin-top: 24rpx;
            width: 100%;
            border-radius: 30rpx;
            background-color: #FFFFFF;
            padding: 24rpx;
            .card_title{
                font-size: 32rpx;
                font-weight: bold;
            }
            .card_text{
                margin-top: 20rpx;
                font-size: 32rpx;
                color: #666666;
            }
        }
    }
}
</style>