2.大标题表述已修正 3.首页医生团队简介区域超出问题已解决 4.图片资源全面优化,涵盖背景图、医生照片及轮播图 5.时间展示格式优化,图片自适应显示功能已完善 6.轮播图最大高度限制
88 lines
1.8 KiB
Vue
88 lines
1.8 KiB
Vue
<template>
|
||
<n-config-provider :locale="zhCN" :date-locale="dateZhCN">
|
||
<AppHeader />
|
||
<NuxtPage />
|
||
<AppFooter />
|
||
</n-config-provider>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { defineComponent } from 'vue'
|
||
import { NConfigProvider } from 'naive-ui'
|
||
import { zhCN, dateZhCN } from 'naive-ui'
|
||
import $api from '@/service/webRequest'
|
||
import { useStore } from '~/store'
|
||
import { useI18n } from 'vue-i18n'
|
||
const { locale } = useI18n()
|
||
const router = useRouter()
|
||
useSeoMeta({
|
||
title: '信阳市第五人民医院',
|
||
ogTitle: '信阳市第五人民医院',
|
||
description: '信阳市第五人民医院',
|
||
ogDescription: '信阳市第五人民医院',
|
||
ogImage: 'https://example.com/image.png',
|
||
twitterCard: 'summary_large_image',
|
||
})
|
||
//判断是PC还是手机端,跳转不同的页面
|
||
const isMobile = ref(false)
|
||
onMounted(() => {
|
||
//checkIfMobile();
|
||
})
|
||
// 检查是否为移动设备的函数
|
||
const checkIfMobile = () => {
|
||
// 判断是否是手机端
|
||
const coMobile = /Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||
if (coMobile) {
|
||
isMobile.value = true;
|
||
router.push('/phone_index')
|
||
} else {
|
||
isMobile.value = false;
|
||
router.push('/')
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style>
|
||
#__nuxt {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
|
||
html,
|
||
body {
|
||
position: relative;
|
||
height: 100%;
|
||
}
|
||
|
||
body {
|
||
background: #eee;
|
||
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
|
||
font-size: 14px;
|
||
color: #000;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
|
||
::-webkit-scrollbar {
|
||
width: 5px;
|
||
height: 5px;
|
||
}
|
||
|
||
::-webkit-scrollbar-track {
|
||
background: #f1f1f1;
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background: rgba(11, 175, 160, 1);
|
||
border-radius: 6px;
|
||
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.25),
|
||
inset -2px -2px 2px rgba(0, 0, 0, 0.25);
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: rgba(11, 175, 160, 1);
|
||
}
|
||
|
||
</style>
|