From 49d84fff69481b203cedebd92f1ea605c8a2bef2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=81=AF=E7=81=AB=E4=B8=8D=E4=BC=91=E6=97=B6?=
 <yao1723@outlook.com>
Date: Thu, 19 Oct 2023 08:55:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A1=B5=E8=84=9A=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E4=B8=80=E8=A8=80=E6=98=BE=E7=A4=BA=EF=BC=8C=E5=A4=A9=E6=B0=94?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E6=B7=BB=E5=8A=A0=E5=9F=8E=E5=B8=82=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js               | 11 ++++++++++
 src/components/Footer.vue      | 37 ++++++++++++++++++++++++++++++++--
 src/components/WeatherTime.vue |  5 +++++
 3 files changed, 51 insertions(+), 2 deletions(-)

diff --git a/src/api/index.js b/src/api/index.js
index 2cf2f7f..3e47dab 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -34,3 +34,14 @@ export const getSearchSuggestions = async (keyWord) => {
     return null;
   }
 };
+
+/**
+ * 获取一言文案
+ * https://developer.hitokoto.cn/
+ */
+export const getHitokoto = () => {
+  return axios({
+    method: "GET",
+    url: "https://v1.hitokoto.cn",
+  });
+};
\ No newline at end of file
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 897644e..7f2ed76 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,5 +1,8 @@
 <template>
   <footer id="footer" @click.stop>
+    <div v-if="hitokotoShow" class="hitokoto">
+      {{ hitokotoData }}
+    </div>
     <div class="copyright">
       <span class="site-name">{{ siteName }}</span>
       <span class="year">{{ fullYear }}</span>
@@ -43,10 +46,11 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import { setStore } from "@/stores";
 import { NModal, NButton, NSpace } from "naive-ui";
 import packageJson from "@/../package.json";
+import { getHitokoto } from "@/api";
 
 const set = setStore();
 
@@ -60,6 +64,10 @@ const fullYear = new Date().getFullYear();
 // 关于弹窗数据
 const aboutSiteModal = ref(false);
 
+// 一言显示 和 数据
+const hitokotoShow = ref(false);
+const hitokotoData = ref("");
+
 // 跳转
 const jumpTo = (url) => {
   if (set.urlJumpType === "href") {
@@ -68,12 +76,31 @@ const jumpTo = (url) => {
     window.open(url, "_blank");
   }
 };
+
+// 获取天气数据
+const getHitokotoData = () => {
+  getHitokoto()
+    .then((res) => {
+      hitokotoData.value = "[ " + res.hitokoto.substr(0, res.hitokoto.length - 1) + " ]";
+      hitokotoShow.value = true;
+    })
+    .catch((error) => {
+      console.error("一言获取失败：" + error);
+      $message.warning("一言获取失败", {
+        duration: 1500,
+      });
+    });
+};
+
+onMounted(() => {
+  // 获取一言数据
+  getHitokotoData();
+});
 </script>
 
 <style lang="scss" scoped>
 #footer {
   position: absolute;
-  display: flex;
   align-items: center;
   justify-content: center;
   bottom: 0;
@@ -81,9 +108,15 @@ const jumpTo = (url) => {
   width: 100%;
   color: var(--main-text-color);
   z-index: 1;
+  .hitokoto{
+    display: flex;
+    justify-content: center;
+    opacity: 0.6;
+  }
   .copyright {
     display: flex;
     align-items: center;
+    justify-content: center;
     font-size: 13px;
     span {
       margin: 0 2px;
diff --git a/src/components/WeatherTime.vue b/src/components/WeatherTime.vue
index af125f0..d85f8e2 100644
--- a/src/components/WeatherTime.vue
+++ b/src/components/WeatherTime.vue
@@ -47,6 +47,7 @@
       <span class="weekday">{{ timeData.weekday ?? "星期八" }}</span>
     </div>
     <div v-if="weatherShow && set.showWeather" class="weather">
+      <span>{{ cityName ?? "N/A"}}&nbsp;</span>
       <span class="status">{{ weatherData.condition ?? "N/A" }}</span>
       <span class="temperature">{{ weatherData.temp ?? "N/A" }} ℃</span>
       <span class="wind">{{ weatherData.windDir ?? "N/A" }}</span>
@@ -73,6 +74,7 @@ const timeInterval = ref(null);
 // 天气数据
 const weatherShow = ref(true);
 const weatherData = ref({});
+const cityName = ref("");
 
 // 更新时间
 const updateTimeData = () => {
@@ -96,7 +98,9 @@ const getWeatherData = () => {
       .then((res) => {
         console.log(res);
         weatherData.value = res.result.condition;
+        cityName.value = res.result.city.city_name;
         lastWeatherData = {
+          cityName: res.result.city.city_name,
           data: res.result.condition,
           lastFetchTime: currentTime,
         };
@@ -116,6 +120,7 @@ const getWeatherData = () => {
   } else {
     console.log("从缓存中读取天气数据");
     weatherData.value = lastWeatherData.data;
+    cityName.value = lastWeatherData.cityName;
   }
 };