初始化

components/PageContainer.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="container md:w-screen-xl m-auto">
+    <div class="flex flex-col" v-if="!layout?.showLayout">
+      <Breadcrumb :data="form" />
+      <div :class="layout?.style" class="page-main w-full bg-white rounded-lg">
+        <div class="p-4 leading-7" v-html="form?.design?.content">
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 空白页 -->
+  <div class="mt-[60px]" v-if="!layout">
+    <el-empty description="404 页面不存在"></el-empty>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Breadcrumb from "~/components/Breadcrumb.vue";
+import type {Navigation} from "~/api/cms/navigation/model";
+
+  withDefaults(
+    defineProps<{
+      layout?: any;
+      form?: Navigation;
+    }>(),
+    {}
+);
+
+</script>