<template>
  <div class="h-[40px]"></div>
  <div class="footer">
    <div class="ffs">
      <a :href="`tel:${config.callPhone}`"><span class="span1">{{ $t('tel') }}</span></a>
      <a :href="`/${i18n.locale.value}/m/page/1008.html`"><span class="span2">{{ $t('map') }}</span></a>
      <a :href="`/${i18n.locale.value}/m/order/1003.do`"><span class="span3">{{ $t('message') }}</span></a>
    </div>
  </div>
</template>

<script setup lang="ts">
// 请求数据
import {useConfigInfo} from "#imports";
import {configWebsiteField} from "~/api/cms/cmsWebsiteField";

const config = useConfigInfo();
const i18n = useI18n();

// TODO 读取网站配置信息
  configWebsiteField({
    lang: i18n.locale.value
  }).then(res => {
    config.value = res;
  })
</script>

<style lang="scss">
.el-divider__text{
  display: block;
  margin-top: -1px;
  --el-bg-color: #ffffff;
}
</style>
