<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>
