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
2.1 KiB
67 lines
2.1 KiB
<template>
|
|
<div class="w-full bg-white pb-20 mb-3 relative" style="background: url('https://oss.wsdns.cn/20241109/247155f6063c4cee91421569b974975b.png') 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="indexAboutInfo">
|
|
<p class="indent-xl max-w-3/5 px-4" :class="indexAboutInfo.style" style="font-family: Source Han Serif, SimSun,serif">{{ indexAboutInfo.value }}</p>
|
|
<div class="carousel px-3 text-center">
|
|
<el-image :src="indexAboutImg?.value" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {useServerRequest} from "~/composables/useServerRequest";
|
|
import type {ApiResult, PageResult} from "~/api";
|
|
import type {CmsArticle} from "~/api/cms/cmsArticle/model";
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
title?: string;
|
|
comments?: string;
|
|
}>(),
|
|
{}
|
|
);
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'done'): void;
|
|
}>();
|
|
|
|
const indexAboutInfo = ref();
|
|
const indexAboutImg = ref();
|
|
|
|
// 请求数据
|
|
const reload = async () => {
|
|
const {data: IndexAboutInfo} = await useServerRequest<ApiResult<PageResult<CmsArticle>>>('/cms/cms-website-field/10733', {
|
|
baseURL: 'https://server.gxwebsoft.com/api'
|
|
})
|
|
const {data: IndexAboutImg} = await useServerRequest<ApiResult<PageResult<CmsArticle>>>('/cms/cms-website-field/10734', {
|
|
baseURL: 'https://server.gxwebsoft.com/api'
|
|
})
|
|
indexAboutInfo.value = IndexAboutInfo.value?.data;
|
|
indexAboutImg.value = IndexAboutImg.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>
|