From b4463582b0aed9a9f23ec6983e95498dd3e6c33a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 11:41:06 +0800 Subject: [PATCH 01/11] =?UTF-8?q?=E6=83=85=E7=BB=AA=E8=A7=A3=E7=A0=81?= =?UTF-8?q?=E5=99=A8tooltip=E4=BC=98=E5=8C=96=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/components/emotionDecod.vue | 24 ++++++++++++++++++++++-- 1 file changed, 22 insertions(+), 2 deletions(-) diff --git a/src/views/components/emotionDecod.vue b/src/views/components/emotionDecod.vue index 76a1bf6..2c35a2e 100644 --- a/src/views/components/emotionDecod.vue +++ b/src/views/components/emotionDecod.vue @@ -72,10 +72,30 @@ function initQXNLZHEcharts(kline, qxnlzhqData) { confine: true, // 限制tooltip不超出容器 axisPointer: { type: 'cross', // 十字准星效果 + lineStyle: { + color: 'grey', + width: 1, + type: 'dashed' + }, crossStyle: { color: '#999' - } + }, + label: { + backgroundColor: 'rgba(0, 0, 0, 0.8)', + color: '#fff', + borderColor: '#fff', + borderWidth: 1 + } }, + backgroundColor: 'rgba(232, 232, 242, 0.87)', + borderColor: '#fff', + borderWidth: 1, + borderRadius: 8, + padding: 10, + textStyle: { + color: 'black', + fontSize: 12 + }, formatter: function (params) { if (!params || params.length === 0) return '' @@ -89,7 +109,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) { const close = klineParam.data[2] const low = klineParam.data[3] const high = klineParam.data[4] - return `日期: ${date}
开盘价: ${open}
收盘价: ${close}
最低价: ${low}
最高价: ${high}` + return `日期: ${date}
开盘价: ${open}
收盘价: ${close}
最低价: ${low}
最高价: ${high}` } }, From 7c807ac1a1c97b06c8d5e001c4995422b4baa305 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 13:52:31 +0800 Subject: [PATCH 02/11] =?UTF-8?q?=E8=82=A1=E5=B8=82=E6=B8=A9=E5=BA=A6?= =?UTF-8?q?=E8=AE=A1tooltip=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/components/marketTemperature.vue | 84 +++++++++++++++++------------- 1 file changed, 47 insertions(+), 37 deletions(-) diff --git a/src/views/components/marketTemperature.vue b/src/views/components/marketTemperature.vue index edac0cf..34b392c 100644 --- a/src/views/components/marketTemperature.vue +++ b/src/views/components/marketTemperature.vue @@ -369,14 +369,14 @@ function initChart(raw, klineDataRawValue, WDRLValue) { const dateLabels = raw.map((item) => item[0]); const marketData = raw.map((item) => Math.round(item[1])); const stockData = raw.map((item) => Math.round(item[2])); - + // 处理数据重合时只显示市场温度的逻辑 // 检查是否所有数据都重合 const allDataMatch = stockData.every((stockTemp, index) => { const marketTemp = marketData[index]; return stockTemp === marketTemp; }); - + // 只有当全部数据都重合时，才只显示市场温度（股票温度设为null） const processedStockData = allDataMatch ? stockData.map(() => null) : stockData; @@ -423,24 +423,26 @@ function initChart(raw, klineDataRawValue, WDRLValue) { axisPointer: { type: "cross", crossStyle: { - color: "#999", - width: 1, - type: "dashed", + color: '#999' }, lineStyle: { - color: "#999", - width: 1, - type: "dashed", + type: 'dashed' // 设置为虚线 }, + link: [ + { + xAxisIndex: [0, 1, 2] + } + ] }, - backgroundColor: '#646E71', - borderColor: '#fff', - borderWidth: 1, - padding: [8, 12], - textStyle: { - color: '#fff', - fontSize: window.innerWidth <= 768 ? 10 : 12 // 移动端使用更小字体 - }, + backgroundColor: 'rgba(232, 232, 242, 0.87)', + borderColor: '#fff', + borderWidth: 1, + borderRadius: 8, + padding: 10, + textStyle: { + color: '#555555', + fontSize: 12 + }, extraCssText: window.innerWidth <= 768 ? 'max-width: 280px; word-wrap: break-word; white-space: normal; box-shadow: 0 2px 8px rgba(0,0,0,0.3);' : 'max-width: 350px; word-wrap: break-word; white-space: normal; box-shadow: 0 2px 8px rgba(0,0,0,0.3);', @@ -451,7 +453,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) { const lineHeight = isMobile ? '1.3' : '1.5'; const marginBottom = isMobile ? '4px' : '6px'; - let result = `
日期: ${params[0].name}
`; + let result = `
日期: ${params[0].name}
`; params.forEach((param) => { if (param.seriesType === "candlestick") { @@ -463,24 +465,31 @@ function initChart(raw, klineDataRawValue, WDRLValue) { if (isMobile) { // 移动端简化显示 result += `
`; - result += `
${param.seriesName}
`; - result += `
开盘价:${open}
`; - result += `
收盘价:${close}
`; - result += `
最低价:${low}
`; - result += `
最高价:${high}
`; + result += `
${param.seriesName}
`; + result += `
开盘价:${open}
`; + result += `
收盘价:${close}
`; + result += `
最低价:${low}
`; + result += `
最高价:${high}
`; result += `
`; } else { // 桌面端完整显示 result += `
`; - result += `
${param.seriesName}
`; - result += `
开盘价: ${open}
`; - result += `
收盘价: ${close}
`; - result += `
最低价: ${low}
`; - result += `
最高价: ${high}
`; + result += `
${param.seriesName}
`; + result += `
开盘价: ${open}
`; + result += `
收盘价: ${close}
`; + result += `
最低价: ${low}
`; + result += `
最高价: ${high}
`; result += `
`; } } else if (param.seriesType === "line") { - result += `
${param.seriesName}: ${param.value}
`; + // 根据系列名称设置不同颜色 + let textColor = 'black'; + if (param.seriesName === '市场温度') { + textColor = 'red'; + } else if (param.seriesName === '股票温度') { + textColor = 'blue'; + } + result += `
${param.seriesName}: ${param.value}
`; } }); return result; @@ -511,14 +520,14 @@ function initChart(raw, klineDataRawValue, WDRLValue) { fontWeight: "bold", }, - axisTick: { + axisTick: { show: true, alignWithLabel: true, // 刻度线与标签对齐 - lineStyle: { + lineStyle: { color: "white", // 与十字线颜色保持一致 width: 1, type: "dashed" // 与十字线样式保持一致 - } + } }, axisPointer: { show: true, @@ -678,7 +687,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) { }, ], }); - + // 添加图表交互事件监听器 if (chartInstance) { // 监听数据缩放事件 @@ -687,28 +696,28 @@ function initChart(raw, klineDataRawValue, WDRLValue) { window.handleChartInteractionStart(); } }); - + // 监听鼠标滚轮事件（缩放） chartInstance.on('mousewheel', () => { if (window.handleChartInteractionStart) { window.handleChartInteractionStart(); } }); - + // 监听鼠标按下事件（拖拽开始） chartInstance.on('mousedown', () => { if (window.handleChartInteractionStart) { window.handleChartInteractionStart(); } }); - + // 监听鼠标释放事件（拖拽结束） chartInstance.on('mouseup', () => { if (window.handleChartInteractionEnd) { window.handleChartInteractionEnd(); } }); - + // 监听图表点击事件 chartInstance.on('click', () => { if (window.handleChartInteractionStart) { @@ -716,7 +725,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) { } }); } - + // 防抖函数，避免频繁触发resize const debounce = (func, wait) => { let timeout; @@ -1108,6 +1117,7 @@ defineExpose({ initChart }); display: flex; justify-content: center; align-items: center; + @media only screen and (max-width: 768px) { font-size: 12px; } From fa12f0222b0dda688558bacfa0463f7c9e8d3192 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 15:01:34 +0800 Subject: [PATCH 03/11] =?UTF-8?q?=E5=85=91=E6=8D=A2token=E6=97=B6=EF=BC=8C?= =?UTF-8?q?=E7=82=B9=E5=87=BB=E5=85=91=E6=8D=A2=E8=A7=84=E5=88=99=E5=BC=B9?= =?UTF-8?q?=E5=87=BAtoken=E8=A7=84=E5=88=99=E3=80=82=E8=A7=A3=E5=86=B3?= =?UTF-8?q?=E6=8B=A5=E6=8C=A4=E9=97=AE=E9=A2=98=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/homePage.vue | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/src/views/homePage.vue b/src/views/homePage.vue index 982cc4d..fa8911c 100644 --- a/src/views/homePage.vue +++ b/src/views/homePage.vue @@ -342,10 +342,21 @@ const hasShownTokenRule = ref({ const closeTokenRuleDialog = () => { tokenRuleDialogVisible.value = false; }; +// 打开Token规则提示框 +const openTokenRuleDialog = () => { + tokenRuleDialogVisible.value = true; +}; // 添加全局点击事件监听器，使任何点击动作都能关闭提示框 // 定义处理函数，以便正确移除事件监听器 -const handleGlobalClick = () => { +const handleGlobalClick = (event) => { + // 检查点击事件是否来自"兑换规则"按钮 + const changeRuleElement = document.querySelector('.changeRule'); + if (changeRuleElement && (changeRuleElement === event.target || changeRuleElement.contains(event.target))) { + // 如果点击的是"兑换规则"按钮，不关闭提示框 + return; + } + if (tokenRuleDialogVisible.value) { tokenRuleDialogVisible.value = false; } @@ -1549,7 +1560,7 @@ onUnmounted(() => {
精网号：{{ userInfo.jwcode }}
-
+
兑换规则：{{ changeRule.gold }}金币={{ changeRule.token }}Token
@@ -1608,7 +1619,7 @@ onUnmounted(() => {
兑换Token -
+
(兑换规则：{{ changeRule.gold }}金币={{ changeRule.token }}Token)
@@ -2741,6 +2752,7 @@ body { .changeLevelTitle { align-items: center; display: flex; + flex-direction: column; } .changeRule { margin-left: 10px; From 62bdafc666d87dae5262f321248c7c458acffa0e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 15:17:23 +0800 Subject: [PATCH 04/11] =?UTF-8?q?=E5=85=91=E6=8D=A2token=E6=97=B6=EF=BC=8C?= =?UTF-8?q?=E7=82=B9=E5=87=BB=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85=E5=BC=B9?= =?UTF-8?q?=E5=87=BAtoken=E8=A7=84=E5=88=99=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/homePage.vue | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/views/homePage.vue b/src/views/homePage.vue index fa8911c..ecf8084 100644 --- a/src/views/homePage.vue +++ b/src/views/homePage.vue @@ -1560,8 +1560,9 @@ onUnmounted(() => {
精网号：{{ userInfo.jwcode }}
-
+
兑换规则：{{ changeRule.gold }}金币={{ changeRule.token }}Token +
点击查看详情
@@ -1619,9 +1620,11 @@ onUnmounted(() => {
兑换Token -
+
(兑换规则：{{ changeRule.gold }}金币={{ changeRule.token }}Token) +
点击查看详情
+
@@ -2356,6 +2359,7 @@ body { .changeRule { display: flex; + flex-direction: column; background-color: #f8f8f8; border-radius: 5px; text-align: center; From 9be6db19da03894a833ae577b3a6868356a975c2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 15:24:58 +0800 Subject: [PATCH 05/11] =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=82=AC=E6=B5=AE?= =?UTF-8?q?=E5=8A=A0=E5=85=A5=E7=89=B9=E6=95=88=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/homePage.vue | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/views/homePage.vue b/src/views/homePage.vue index ecf8084..673d642 100644 --- a/src/views/homePage.vue +++ b/src/views/homePage.vue @@ -2369,6 +2369,14 @@ body { white-space: nowrap; padding: 5px 20px; min-width: 40%; + transition: all 0.3s ease; + cursor: pointer; +} + +.changeRule:hover { + background-color: #e8f0ff; + box-shadow: 0 2px 8px rgba(78, 134, 254, 0.2); + transform: translateY(-2px); } .changeLevel { From aeb41b5dcd8e07b623d77d1f49922f0a45499a27 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 15:48:34 +0800 Subject: [PATCH 06/11] =?UTF-8?q?=E5=9B=BE=E6=A0=87=E4=B8=8B=E6=96=B9?= =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=96=87=E5=AD=97=EF=BC=8C=E5=90=8C=E6=97=B6?= =?UTF-8?q?=E5=8F=96=E6=B6=88=E6=82=AC=E5=81=9C=E6=96=87=E5=AD=97=E6=8F=90?= =?UTF-8?q?=E7=A4=BA.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/components/HistoryRecord.vue | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/src/views/components/HistoryRecord.vue b/src/views/components/HistoryRecord.vue index f234368..37c8be5 100644 --- a/src/views/components/HistoryRecord.vue +++ b/src/views/components/HistoryRecord.vue @@ -187,19 +187,21 @@
-
+
icon +
公告
-
+
+
用户反馈
@@ -1216,10 +1218,14 @@ onMounted(() => { .bottom-btn { width: 50%; display: flex; + flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } +.bottom-btn:hover { + transform: scale(1.2); +} .mobile-bottom-btn { width: 100%; @@ -1239,9 +1245,9 @@ onMounted(() => { width: auto; } -.bottom-feedback:hover { +/* .bottom-feedback:hover { transform: scale(1.2); -} +} */ .bottom-announcement { width: 30%; @@ -1260,9 +1266,9 @@ onMounted(() => { font-size: 1.1rem; } -.bottom-announcement:hover { +/* .bottom-announcement:hover { transform: scale(1.2); -} +} */ /* 移动端适配 */ @media (max-width: 768px) { From 37cc8b2642004820ee691ae9ce9870ec3bc11a94 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 16:25:26 +0800 Subject: [PATCH 07/11] =?UTF-8?q?=E6=9B=B4=E6=8D=A2=E6=96=B0=E5=9B=BE?= =?UTF-8?q?=E6=A0=87=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/components/HistoryRecord.vue | 20 ++++++++++---------- src/views/homePage.vue | 10 +++++----- 2 files changed, 15 insertions(+), 15 deletions(-) diff --git a/src/views/components/HistoryRecord.vue b/src/views/components/HistoryRecord.vue index 37c8be5..f3756c6 100644 --- a/src/views/components/HistoryRecord.vue +++ b/src/views/components/HistoryRecord.vue @@ -16,7 +16,7 @@ icon @@ -30,7 +30,7 @@ > icon
@@ -41,7 +41,7 @@ >
@@ -62,7 +62,7 @@ icon @@ -190,7 +190,7 @@
icon
公告
@@ -198,7 +198,7 @@
用户反馈
@@ -360,7 +360,7 @@ > icon
公告
@@ -372,7 +372,7 @@ >
用户反馈
@@ -1235,7 +1235,7 @@ onMounted(() => { } .bottom-feedback { - width: 30%; + width: 35%; height: auto; } @@ -1250,7 +1250,7 @@ onMounted(() => { } */ .bottom-announcement { - width: 30%; + width: 35%; height: auto; } diff --git a/src/views/homePage.vue b/src/views/homePage.vue index 673d642..d433bbe 100644 --- a/src/views/homePage.vue +++ b/src/views/homePage.vue @@ -1304,7 +1304,7 @@ onUnmounted(() => {
返回首页 @@ -1353,7 +1353,7 @@ onUnmounted(() => {
返回首页 @@ -1498,7 +1498,7 @@ onUnmounted(() => {
返回首页 @@ -2724,7 +2724,7 @@ body { } .backImg { - width: 40px; + width: 35px; height: auto; } From 559368d4a175576e292c786a1e9eb08eafd4d1ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 16:48:09 +0800 Subject: [PATCH 08/11] =?UTF-8?q?=E6=9B=B4=E6=8D=A2=E5=9B=BE=E6=A0=87?= =?UTF-8?q?=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/components/HistoryRecord.vue | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/views/components/HistoryRecord.vue b/src/views/components/HistoryRecord.vue index f3756c6..48e23ca 100644 --- a/src/views/components/HistoryRecord.vue +++ b/src/views/components/HistoryRecord.vue @@ -10,13 +10,19 @@
icon icon + icon @@ -926,6 +932,9 @@ onMounted(() => { border-color: rgba(255, 255, 255, 0.3); } +.god-icon { + width: 100%; +} .collapsed-bottom-container { width: 100%; height: 16%; From 7541932e539a06e9758d7f17ca87609d57aafd3d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Fri, 19 Sep 2025 17:52:28 +0800 Subject: [PATCH 09/11] =?UTF-8?q?=E5=85=91=E6=8D=A2=E6=88=90=E5=8A=9F?= =?UTF-8?q?=E7=9A=84=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?= =?UTF-8?q?=EF=BC=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/homePage.vue | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/src/views/homePage.vue b/src/views/homePage.vue index d433bbe..eafb228 100644 --- a/src/views/homePage.vue +++ b/src/views/homePage.vue @@ -1706,9 +1706,13 @@ onUnmounted(() => { :width="isMobile ? '60%' : '30%'" :show-close="false" class="changeSuccessDialog" - :align-center="isMobile" + align-center + center > -
兑换成功
+
+ token图标 + 兑换成功 +
尊敬的用户，恭喜您成功兑换：{{ activeLevel.calculatedPosition }} Token
@@ -2043,6 +2047,7 @@ body { position: absolute; right: 20px; display: flex; + gap: 10px; } .pc-countBtn { @@ -2567,7 +2572,17 @@ body { .changeSuccessDialogTitle { font-size: 1.7rem; font-weight: bold; - color: #de93a3; + color: #7849DE; + display: flex; + justify-content: center; + align-items: center; + letter-spacing: 10px; +} + +.changeSuccessDialogTitle image{ + font-size: 1.7rem; + font-weight: bold; + color: #7849DE; display: flex; justify-content: center; align-items: center; @@ -2576,6 +2591,7 @@ body { .changeSuccessDialogContent { padding: 20px; + color: white; font-size: 1.2rem; font-weight: bold; text-align: center; @@ -2860,6 +2876,6 @@ body { From d167db672a91c2b8261603e4229886a0ef79b8af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Sat, 20 Sep 2025 09:48:26 +0800 Subject: [PATCH 10/11] =?UTF-8?q?=E5=85=91=E6=8D=A2token=E6=88=90=E5=8A=9F?= =?UTF-8?q?=E5=90=8E=E7=9A=84=E5=BC=B9=E5=87=BA=E6=A1=86=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E4=BF=AE=E6=94=B9=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/homePage.vue | 34 ++++++++++++++++++++++++++++++---- 1 file changed, 30 insertions(+), 4 deletions(-) diff --git a/src/views/homePage.vue b/src/views/homePage.vue index eafb228..a4860b1 100644 --- a/src/views/homePage.vue +++ b/src/views/homePage.vue @@ -1148,9 +1148,9 @@ const goChange = async () => { confirmDialogVisible.value = false; dialogVisible.value = false; changeSuccessDialogVisible.value = true; - setTimeout(() => { - changeSuccessDialogVisible.value = false; - }, 2000); + // setTimeout(() => { + // changeSuccessDialogVisible.value = false; + // }, 2000); // 刷新次数 await chatStore.getUserCount(); @@ -1685,7 +1685,7 @@ onUnmounted(() => { v-model="confirmDialogVisible" :width="isMobile ? '60%' : '30%'" :show-close="false" - :align-center="isMobile" + align-center="true" >
兑换
@@ -1716,6 +1716,9 @@ onUnmounted(() => {
尊敬的用户，恭喜您成功兑换：{{ activeLevel.calculatedPosition }} Token
+
+ +
@@ -2878,4 +2881,27 @@ body { .changeSuccessDialog { background: linear-gradient(180deg, #80D3F8, #8080FF); } + +.changeSuccessDialogFooter { + display: flex; + justify-content: center; + margin-top: 20px; +} + +.confirmButton { + background: #8A52DF; + color: white; + border: none; + border-radius: 5px; + padding: 8px 30px; + font-size: 16px; + cursor: pointer; + transition: all 0.3s ease; +} + +.confirmButton:hover { + background: #3a75e6; + transform: translateY(-2px); + box-shadow: 0 2px 8px rgba(78, 134, 254, 0.3); +} From 07ad513846741441f520913be962c056f92218da Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Mon, 22 Sep 2025 10:33:34 +0800 Subject: [PATCH 11/11] =?UTF-8?q?=E8=BF=94=E5=9B=9E=E9=A6=96=E9=A1=B5?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=9B=B4=E6=96=B0=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/components/BackToHomeButton.vue | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/src/views/components/BackToHomeButton.vue b/src/views/components/BackToHomeButton.vue index 6619432..483d8ac 100644 --- a/src/views/components/BackToHomeButton.vue +++ b/src/views/components/BackToHomeButton.vue @@ -1,11 +1,8 @@ @@ -88,8 +85,14 @@ const backToHome = () => { @media (max-width: 768px) { .backToHomeBtn { - top: 0px; - right: 0px; + top: 15px; + right: -50px; + } + + .backImg { + width: 30%; + height: auto; + ; } } \ No newline at end of file