基于Java spring + vue3 + nuxt构建的内容管理系统
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

67 lines
1.8 KiB

<template>
<Flash/>
<CompanyList :param="{official: true,recommend: true,limit: 4}" :fit="`cover`" title="产品服务" comments="拥抱开源、坚守品质;致力于打造安全稳定高可用的WEB应用!"/>
<!-- <ProductList :param="{type:0, official: true,limit: 4}" :fit="`cover`" title="产品服务" comments="拥抱开源、坚守品质;致力于打造安全稳定高可用的WEB应用!"/>-->
<!-- <ArticleList title="开发者社区" comments="分享研发成果 交流技术经验"/>-->
</template>
<script setup lang="ts">
import {useConfigInfo, useForm, useToken, useWebsite} from "~/composables/configState";
import type {BreadcrumbItem} from "~/types/global";
import Flash from './components/Flash.vue';
import ArticleList from './components/ArticleList.vue';
// 引入状态管理
const route = useRoute();
const layout = ref<any>();
const token = useToken();
const form = useForm();
const breadcrumb = ref<BreadcrumbItem>();
// 请求数据
const reload = async () => {
// 页面布局
if (form.value?.layout) {
layout.value = JSON.parse(form.value?.layout)
}
// 未登录状态(是否强制登录)
if (!token.value || token.value == '') {
// if (config.value.MustLogin) {
// navigateTo('/passport/login');
// return false;
// }
}
// seo
useHead({
title: `构建现代WEB应用 · WEBSOFT`,
meta: [{name: form.value.design?.keywords, content: form.value.design?.description}],
bodyAttrs: {
class: "page-container",
},
script: [
{
children: `console.log(${JSON.stringify(form.value)})`,
},
],
});
// 面包屑
breadcrumb.value = form.value
}
watch(
() => route.path,
(path) => {
console.log(path, '=>Path')
reload();
},
{immediate: true}
);
</script>