web/pages/about/order.vue

<template>
  <div class="page" id="page">
    
  </div>
</template>

<script lang="ts" setup>
import { useI18n } from "#imports";
import { ref, onMounted } from "vue";
import { NIcon, NBreadcrumb, NBreadcrumbItem, NModal } from "naive-ui";
import { MdHome, MdCart } from "@vicons/ionicons4";
import { useUserStore } from "@/store/user";
const { t } = useI18n();
const demandShow = ref(false); // 需求
const pcShow = ref<boolean>(true);
const userStore = useUserStore();
const lang = userStore.getLang;

function handleContact() {
  demandShow.value = true;
}

// 关闭diag
function handleCloseDiag() {
  demandShow.value = false;
}

onMounted(() => {
  pcShow.value = !isMobile();
});
useHead({
  title: t("common.navAboutUs.order") + "-" + t("defaultSettings.title"),
  viewport: "width=device-width,initial-scale=1,maximum-scale=1 ",
  charset: "utf-8",
  meta: [
    {
      hid: "keywords",
      name: "keywords",
      content: t("defaultSettings.keyword"),
    },
    {
      hid: "description",
      name: "description",
      content: t("defaultSettings.desc"),
    },
  ],
});
</script>
<style lang="scss" scoped>

</style>