From a46f037075477b43d90790260b118fa055df6735 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Mon, 20 Jan 2025 11:12:47 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/func/loading.vue         |  5 +++--
 src/components/viewPost/tp-emoticon.vue | 21 ++++-----------------
 src/utils/gachaCharts.ts                | 17 +++--------------
 3 files changed, 10 insertions(+), 33 deletions(-)

diff --git a/src/components/func/loading.vue b/src/components/func/loading.vue
index ab4bcf8d..8abda130 100644
--- a/src/components/func/loading.vue
+++ b/src/components/func/loading.vue
@@ -125,8 +125,9 @@ defineExpose({ displayBox });
 
 .loading-container {
   display: flex;
-  min-width: 800px;
+  width: 800px;
   min-height: 300px;
+  box-sizing: border-box;
   padding: 15px;
   border-radius: 15px;
   background: rgb(255 255 255 / 5%);
@@ -136,7 +137,7 @@ defineExpose({ displayBox });
 .loading-box {
   display: flex;
   width: 100%;
-  box-sizing: content-box;
+  box-sizing: border-box;
   flex-direction: column;
   align-items: center;
   justify-content: center;
diff --git a/src/components/viewPost/tp-emoticon.vue b/src/components/viewPost/tp-emoticon.vue
index 9943d2c1..1b6f8a35 100644
--- a/src/components/viewPost/tp-emoticon.vue
+++ b/src/components/viewPost/tp-emoticon.vue
@@ -1,16 +1,11 @@
 <template>
-  <div class="tp-emo-box" title="自定义表情">
+  <div class="tp-emo-box" title="自定义表情" @click="download()">
     <TMiImg
       :src="props.data.insert.custom_emoticon.url"
       :alt="props.data.insert.custom_emoticon.hash"
       :ori="true"
     />
-    <div
-      class="tp-emo-info"
-      v-if="props.data.insert.custom_emoticon.size.width > 100"
-      @click="download()"
-      title="点击下载到本地"
-    >
+    <div class="tp-emo-info" v-if="props.data.insert.custom_emoticon.size.width > 100">
       自定义表情
     </div>
   </div>
@@ -59,7 +54,7 @@ async function download(): Promise<void> {
   showSnackbar.success(`已保存${title}.${format}到本地，大小为${bytesToSize(size)}`);
 }
 </script>
-<style lang="css" scoped>
+<style lang="scss" scoped>
 .tp-emo-box {
   position: relative;
   display: flex;
@@ -67,6 +62,7 @@ async function download(): Promise<void> {
   align-items: center;
   justify-content: center;
   margin: 10px auto;
+  cursor: pointer;
 }
 
 .tp-emo-box img {
@@ -89,16 +85,7 @@ async function download(): Promise<void> {
   border-bottom-left-radius: 10px;
   border-top-right-radius: 10px;
   box-shadow: -1px 1px 3px var(--common-shadow-2);
-  cursor: pointer;
   font-family: var(--font-title);
   font-size: 12px;
 }
-
-.tp-emo-load {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 10px auto;
-  column-gap: 5px;
-}
 </style>
diff --git a/src/utils/gachaCharts.ts b/src/utils/gachaCharts.ts
index f2054592..b732aeeb 100644
--- a/src/utils/gachaCharts.ts
+++ b/src/utils/gachaCharts.ts
@@ -226,28 +226,17 @@ async function getStackBarOptions(uid: string, gachaType?: string): Promise<ECha
     temp3.push(star3);
   }
   const series: BarSeriesOption = [
-    { data: temp5, type: "bar", stack: "a", name: "五星数量", barWidth: "10px" },
-    { data: temp4, type: "bar", stack: "a", name: "四星数量", barWidth: "10px" },
-    { data: temp3, type: "bar", stack: "a", name: "三星数量", barWidth: "10px" },
+    { data: temp5, type: "bar", stack: "a", name: "五星数量" },
+    { data: temp4, type: "bar", stack: "a", name: "四星数量" },
+    { data: temp3, type: "bar", stack: "a", name: "三星数量" },
   ];
   return {
-    title: { text: "祈愿记录" },
     tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
     toolbox: { show: true, feature: { restore: {}, saveAsImage: {} } },
     legend: { data: ["三星数量", "四星数量", "五星数量"] },
     xAxis,
     yAxis: { type: "value" },
     series,
-    dataZoom: [
-      {
-        type: "inside",
-        show: true,
-        xAxisIndex: [0],
-        start: 0,
-        end: 100,
-        zoomOnMouseWheel: true,
-      },
-    ],
   };
 }