榆钱落尽槿花稀
2052b40fbc
- 新增`useCdn` composable，用于全局CDN URL管理 - 在`nuxt.config.ts`中配置CDN域名 - 更新图片资源路径，使用CDN URL加载 - 优化页面样式，统一使用SCSS文件 - 删除冗余组件`CdnImageExample.vue` -头部动效增加 -增加返回顶部按钮
72 lines
1.4 KiB
Vue
72 lines
1.4 KiB
Vue
<template>
|
|
<n-config-provider :locale="zhCN">
|
|
<AppHeader />
|
|
<NuxtPage />
|
|
<AppFooter />
|
|
</n-config-provider>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
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()
|
|
useSeoMeta({
|
|
title: '洛阳灵睿',
|
|
ogTitle: '洛阳灵睿',
|
|
description: '洛阳灵睿',
|
|
ogDescription: '洛阳灵睿',
|
|
ogImage: 'https://example.com/image.png',
|
|
twitterCard: 'summary_large_image',
|
|
})
|
|
const store = useStore()
|
|
onMounted(() => {
|
|
})
|
|
|
|
</script>
|
|
|
|
<style>
|
|
#__nuxt {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
scroll-behavior: smooth;
|
|
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: linear-gradient(90deg, #434343, #434343 1px, #111 0, #111);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: linear-gradient(180deg, #434343, #111);
|
|
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: linear-gradient(180deg, #e52e71, #ff8a00);
|
|
}
|
|
</style>
|