fix: 新增 启用公告

.env

@@ -24,6 +24,8 @@ VUE_APP_GITHUB_REPOSITORIE='shirakami-haruka-button'
 VUE_APP_POLICE = '浙公安备33102302000270号'
 VUE_APP_ICP = '浙ICP备18041571-4号'
 # 网站备案的名称，当填写时将网站标题固定为此名称
-VUE_APP_ICP_TITLE='个人学习日志记录'
+# VUE_APP_ICP_TITLE='个人学习日志记录'
 # 启用收款二维码
-VUE_APP_ENABLE_QR_CODE=true
+VUE_APP_ENABLE_QR_CODE=true
+# 启用公告
+VUE_APP_ENABLE_NOTICE=true

README.md

@@ -32,7 +32,7 @@
 
 ## 演示页面
 
-[https://haruka.fun/](https://haruka.fun/)
+[https://haruka.cmyr.ltd/](https://haruka.cmyr.ltd/)
 
 **使用指南**：点击按钮即可播放对应音声；多次点击可以造成相当鬼畜的效果；开启洗脑循环将会一直播放一个音频； 同时开启循环播放和洗脑循环将会出现 地 狱 绘 卷。
 
@@ -105,7 +105,7 @@ interface VoiceInfo {
 1.  修改环境变量：修改根目录 `.env` 即可，已经提取了大部分配置，具体说明见注释。
 2.  修改主题色：除了修改 `.env` 文件中的变量外，还需修改 `src/styles/index.scss` 文件下的 `$primary-color` 变量。
 3.  修改 `Home.vue` 文件：`Home.vue` 中含有一部分项目说明，请自行改动。
-4.  修改 `src/components `下的组件名称：由于设计上的问题，组件名称是带了 vup 的名字，所以请自行修改为不带名字的组件或改成对应的 vup。
+4.  修改 `src/components` 下的组件名称：由于设计上的问题，组件名称是带了 vup 的名字，所以请自行修改为不带名字的组件或改成对应的 vup。
 5.  其他细节上的问题请自行调整~
 
 ## Pull Request

src/config/env.ts

@@ -35,3 +35,6 @@ export const ICP = env.VUE_APP_ICP || ''
 export const ICP_TITLE = env.VUE_APP_ICP_TITLE || ''
 
 export const ENABLE_QR_CODE = env.VUE_APP_ENABLE_QR_CODE === 'true'
+
+export const ENABLE_NOTICE = env.VUE_APP_ENABLE_NOTICE === 'true'
+

src/views/Home.vue

@@ -38,9 +38,30 @@
                             同时开启循环播放和洗脑循环将会出现 地 狱 绘 卷。<br>
                             <b>声明</b>：本项目仅为 DD 作品，和 白神遥Haruka、P-SP 官方没有关联<br>
                             更多内容请参考 <a :href="GITHUB_LINK + '#readme'" target="_blank">README</a><br>
+
+                            <template v-if="ENABLE_NOTICE">
+                                <v-alert
+                                    type="warning"
+                                >
+                                    <b>迁移公告</b>：本网站未来将迁移到 <a
+                                        :style="{color: '#fff'}"
+                                        href="https://haruka.cmyr.ltd"
+                                        target="_blank"
+                                    >haruka.cmyr.ltd</a>，届时请访问新域名
+                                </v-alert>
+                            </template>
                             <template v-if="ENABLE_QR_CODE">
-                                <v-divider />
-                                欢迎赞助本项目！赞助资金将用于本网站的日常运营！也将为草梅继续维护项目提供信心~
+                                <v-alert
+                                    dark
+                                    color="primary"
+                                >
+                                    <v-icon
+                                        dark
+                                    >
+                                        mdi-credit-card-outline
+                                    </v-icon>
+                                    欢迎赞助本项目！赞助资金将用于本网站的日常运营！也将为草梅继续维护项目提供信心~
+                                </v-alert>
                             </template>
                         </v-col>
                     </v-row>
@@ -217,7 +238,7 @@
 <script lang="ts">
 import shabao from '@/assets/shabao.jpg'
 import shabaoMin from '@/assets/shabao.min.jpg'
-import { BILI_UID, RSS_BASE_URL, HTML_TITLE, GITHUB_LINK, ENABLE_QR_CODE } from '@/config/env'
+import { BILI_UID, RSS_BASE_URL, HTML_TITLE, GITHUB_LINK, ENABLE_QR_CODE, ENABLE_NOTICE } from '@/config/env'
 import { friendshipLinks } from '@/config/links'
 import voices from '@/config/voices'
 import { rssParserString } from '@/utils/rssParser'
@@ -372,6 +393,7 @@ export default defineComponent({
             HTML_TITLE,
             GITHUB_LINK,
             ENABLE_QR_CODE,
+            ENABLE_NOTICE,
         }
     },
 })