mirror of
https://github.com/imsyy/home.git
synced 2025-05-20 05:00:14 +09:00
Merge 0563a1e1da
into 0b3844b1a7
This commit is contained in:
commit
073dbc0f3c
@ -36,7 +36,7 @@ VITE_SITE_START = "2020-10-24"
|
|||||||
# ICP 备案号
|
# ICP 备案号
|
||||||
## 若不需要,请设为空即可
|
## 若不需要,请设为空即可
|
||||||
VITE_SITE_ICP = "豫ICP备2022018134号-1"
|
VITE_SITE_ICP = "豫ICP备2022018134号-1"
|
||||||
|
VITE_SITE_ICP_URL = "https://beian.miit.gov.cn/"
|
||||||
# 歌曲 API 地址
|
# 歌曲 API 地址
|
||||||
## 请参照 https://github.com/xizeyoupan/Meting-API#deno-deploy 进行 API 服务部署
|
## 请参照 https://github.com/xizeyoupan/Meting-API#deno-deploy 进行 API 服务部署
|
||||||
## 此处提供的服务可能会超量从而无法访问,请自行部署
|
## 此处提供的服务可能会超量从而无法访问,请自行部署
|
||||||
|
@ -3,15 +3,13 @@
|
|||||||
<Transition name="fade" mode="out-in">
|
<Transition name="fade" mode="out-in">
|
||||||
<div v-if="!store.playerState || !store.playerLrcShow" class="power">
|
<div v-if="!store.playerState || !store.playerLrcShow" class="power">
|
||||||
<span>
|
<span>
|
||||||
<span :class="startYear < fullYear ? 'c-hidden' : 'hidden'">Copyright </span>
|
Copyright ©
|
||||||
©
|
<span v-if="siteStartDate?.length >= 4" class="site-start">
|
||||||
<span v-if="startYear < fullYear"
|
{{ siteStartDate.substring(0, 4) }}
|
||||||
class="site-start">
|
|
||||||
{{ startYear }}
|
|
||||||
-
|
-
|
||||||
</span>
|
</span>
|
||||||
{{ fullYear }}
|
{{ fullYear }}
|
||||||
<a :href="siteUrl">{{ siteAuthor }}</a>
|
<a :href="siteUrl">{{ siteAnthor }}</a>
|
||||||
</span>
|
</span>
|
||||||
<!-- 以下信息请不要修改哦 -->
|
<!-- 以下信息请不要修改哦 -->
|
||||||
<span class="hidden">
|
<span class="hidden">
|
||||||
@ -21,12 +19,10 @@
|
|||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<!-- 站点备案 -->
|
<!-- 站点备案 -->
|
||||||
<span>
|
<a :href="siteIcpUrl" target="_blank">
|
||||||
&
|
&
|
||||||
<a v-if="siteIcp" href="https://beian.miit.gov.cn" target="_blank">
|
|
||||||
{{ siteIcp }}
|
{{ siteIcp }}
|
||||||
</a>
|
</a>
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="lrc">
|
<div v-else class="lrc">
|
||||||
<Transition name="fade" mode="out-in">
|
<Transition name="fade" mode="out-in">
|
||||||
@ -50,13 +46,10 @@ const store = mainStore();
|
|||||||
const fullYear = new Date().getFullYear();
|
const fullYear = new Date().getFullYear();
|
||||||
|
|
||||||
// 加载配置数据
|
// 加载配置数据
|
||||||
// const siteStartDate = ref(import.meta.env.VITE_SITE_START);
|
const siteStartDate = ref(import.meta.env.VITE_SITE_START);
|
||||||
const startYear = ref(
|
|
||||||
import.meta.env.VITE_SITE_START?.length >= 4 ?
|
|
||||||
import.meta.env.VITE_SITE_START.substring(0, 4) : null
|
|
||||||
);
|
|
||||||
const siteIcp = ref(import.meta.env.VITE_SITE_ICP);
|
const siteIcp = ref(import.meta.env.VITE_SITE_ICP);
|
||||||
const siteAuthor = ref(import.meta.env.VITE_SITE_AUTHOR);
|
const siteIcpUrl = ref(import.meta.env.VITE_SITE_ICP_URL);
|
||||||
|
const siteAnthor = ref(import.meta.env.VITE_SITE_ANTHOR);
|
||||||
const siteUrl = computed(() => {
|
const siteUrl = computed(() => {
|
||||||
const url = import.meta.env.VITE_SITE_URL;
|
const url = import.meta.env.VITE_SITE_URL;
|
||||||
if (!url) return "https://www.imsyy.top";
|
if (!url) return "https://www.imsyy.top";
|
||||||
@ -79,9 +72,6 @@ const siteUrl = computed(() => {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
// 文字不换行
|
|
||||||
word-break: keep-all;
|
|
||||||
white-space: nowrap;
|
|
||||||
.power {
|
.power {
|
||||||
animation: fade 0.3s;
|
animation: fade 0.3s;
|
||||||
}
|
}
|
||||||
@ -117,14 +107,9 @@ const siteUrl = computed(() => {
|
|||||||
transition: opacity 0.15s ease-in-out;
|
transition: opacity 0.15s ease-in-out;
|
||||||
}
|
}
|
||||||
@media (max-width: 720px) {
|
@media (max-width: 720px) {
|
||||||
font-size: 0.9rem;
|
font-size: 0.85rem;
|
||||||
&.blur {
|
&.blur {
|
||||||
font-size: 0.9rem;
|
font-size: 0.85rem;
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 560px) {
|
|
||||||
.c-hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
|
Loading…
Reference in New Issue
Block a user