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.
50 lines
1.0 KiB
50 lines
1.0 KiB
<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="content p-5 leading-7 text-lg" v-html="form?.design?.content">
|
|
</div>
|
|
|
|
<!-- 空白页 -->
|
|
<div class="mt-[60px]" v-if="!form?.design?.content">
|
|
<el-empty description="暂无内容"></el-empty>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
|
|
<style lang="scss">
|
|
.content {
|
|
padding-top: 15px;
|
|
overflow: hidden;
|
|
text-indent: 2em;
|
|
}
|
|
.content p{
|
|
line-height: 2em;
|
|
}
|
|
.content img{
|
|
max-width: 75%;
|
|
height: auto;
|
|
}
|
|
.content video {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
</style>
|
|
|