<template>
    <a-config-provider
        :locale="zhCN"
        :theme="theme">
        <router-view />
    </a-config-provider>
</template>

<script setup>
import { ref } from 'vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'

dayjs.locale('zh-cn')

const theme = ref({
    components: {
        List: {
            paddingContentHorizontalLG: 0,
        },
        Table: {
            paddingContentVerticalLG: 12,
            padding: 12,
        },
        Card: {
            paddingLG: 16,
        },
    },
})
</script>

<style lang="less">
.amap-info-content{
    min-height: 130px;
    min-width: 200px;
    /* height: 293px; */
    background-image: url(/src/assets/marker.png);
    background-size: 100% 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 20px;
}
.bottom-center .amap-info-sharp:after {


    position: absolute;
    content: "";
    margin-top: -7px;
    border-top: 8px solid rgba(0, 0, 0, .3);
    filter: blur(2px);
    z-index: -1;
}
</style>
