fix: 首字母裁切 #82

> 域名过长的样式还没想好怎么调整 😂

.env

@@ -3,7 +3,7 @@ VITE_SITE_NAME = "無名の主页" # 名称
 VITE_SITE_ANTHOR = "無名" # 作者
 VITE_SITE_KEYWORDS = "無名,个人主页" # 关键词
 VITE_SITE_DES = "一个默默无闻的主页" # 站点简介
-VITE_SITE_URL = "imsyy.top" # 站点地址
+VITE_SITE_URL = "jmsyy.top" # 站点地址
 VITE_SITE_LOGO = "/images/icon/favicon.ico" # 站点主图标
 VITE_SITE_MAIN_LOGO = "/images/icon/logo.png" # 主页图标
 VITE_SITE_APPLE_LOGO = "/images/logo/apple-touch-icon.png" # Apple 端图标
@@ -48,4 +48,4 @@ VITE_SONG_SERVER = "netease"
 # 播放类型 ( song-歌曲, playlist-播放列表, album-专辑, search-搜索, artist-艺术家 )
 VITE_SONG_TYPE = "playlist"
 # 播放 ID ( 若无需播放器，请设为空即可 )
-VITE_SONG_ID = ""
+VITE_SONG_ID = "7452421335"

public/font/README.md

@@ -0,0 +1,3 @@
+## Logo 字体替换
+
+可将该文件夹下的 `Pacifico-Regular-all.ttf` 替换原来的 `Pacifico-Regular.ttf`

src/components/Message.vue

@@ -4,7 +4,7 @@
     <!-- Logo -->
     <div class="logo">
       <img class="logo-img" :src="siteLogo" alt="logo" />
-      <div class="name text-hidden">
+      <div :class="{ name: true, 'text-hidden': true, long: siteUrl[0].length >= 6 }">
         <span class="bg">{{ siteUrl[0] }}</span>
         <span class="sm">.{{ siteUrl[1] }}</span>
       </div>
@@ -97,9 +97,8 @@ watch(
       width: 120px;
     }
     .name {
-      width: 100%;
-      height: 142px;
-      margin-left: 12px;
+      width: calc(460px - 120px);
+      padding-left: 22px;
       transform: translateY(-8px);
       font-family: "Pacifico-Regular";
 

src/components/Player.vue

@@ -209,7 +209,7 @@ const changeSong = (type) => {
 const loadMusicError = () => {
   let notice = "";
   if (playList.value.length > 1) {
-    notice = "播放音频出现错误，播放器将在 2s 后进行跳转";
+    notice = "播放歌曲出现错误，播放器将在 2s 后进行下一首";
     // 播放下一首
     skipTimeout.value = setTimeout(() => {
       changeSong(1);
@@ -218,7 +218,7 @@ const loadMusicError = () => {
       }
     }, 2000);
   } else {
-    notice = "播放音频出现错误";
+    notice = "播放歌曲出现错误";
   }
   ElMessage({
     message: notice,
@@ -229,7 +229,7 @@ const loadMusicError = () => {
       duration: 2000,
     }),
   });
-  console.error("播放音乐: " + player.value.currentMusic.title + " 出现错误");
+  console.error("播放歌曲: " + player.value.currentMusic.title + " 出现错误");
 };
 
 // 暴露子组件方法

src/views/MoreSet/index.vue

@@ -133,7 +133,7 @@ const jumpTo = (url) => {
       .logo {
         transform: translateY(-8%);
         font-family: "Pacifico-Regular";
-        // line-height: 5rem;
+        padding-left: 22px;
         width: 100%;
         height: 260px;