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.
62 lines
1.8 KiB
62 lines
1.8 KiB
<template>
|
|
<div class="w-full bg-white pb-20 mb-3 relative" :style="`background: url('${config?.IndexAboutBg}') no-repeat center`">
|
|
<div class="text-center flex flex-col items-center py-15 relative">
|
|
<div class="sub-title">
|
|
<p class="text-gray-200 text-6xl font-bold dark:text-gray-700 py-0 line-height-5">
|
|
{{ comments }}
|
|
</p>
|
|
</div>
|
|
<h2 class="text-3xl font-bold tracking-tight text-green-600 dark:text-white sm:text-4xl lg:text-5xl">
|
|
{{ title }}
|
|
</h2>
|
|
</div>
|
|
<div class="xl:w-screen-xl m-auto text-xl flex justify-between" v-if="config?.IndexAboutInfo">
|
|
<p class="indent-xl max-w-3/5 px-4" :class="config?.IndexAboutStyle" style="font-family: Source Han Serif, SimSun,serif">{{ config?.IndexAboutInfo }}</p>
|
|
<div class="carousel px-3 text-center">
|
|
<el-image :src="config?.IndexAboutImg" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {useServerRequest} from "~/composables/useServerRequest";
|
|
import type {ApiResult} from "~/api";
|
|
import type {Config} from "~/types/global";
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
config?: any;
|
|
title?: string;
|
|
comments?: string;
|
|
}>(),
|
|
{}
|
|
);
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'done'): void;
|
|
}>();
|
|
|
|
|
|
// 请求数据
|
|
// const reload = async () => {
|
|
// const { data: fields } = await useServerRequest<ApiResult<Config>>('/cms/cms-website-field/config', {baseURL: 'https://server.gxwebsoft.com/api',});
|
|
// if (fields.value?.data) {
|
|
// config.value = fields.value?.data;
|
|
// }
|
|
// }
|
|
|
|
// reload();
|
|
</script>
|
|
|
|
<style lang="less">
|
|
/* 在全局样式表如 app.css 或 styles.css 中添加 */
|
|
.el-tabs__item {
|
|
font-size: 3em; /* 调整为你想要的字体大小 */
|
|
}
|
|
.custom-tabs .el-tabs__item {
|
|
font-size: 22px; /* 调整为你想要的字体大小 */
|
|
}
|
|
</style>
|