From a67559831ab31e466ac676af2fda4084c0d3f5b2 Mon Sep 17 00:00:00 2001
From: ArvinLovegood <arvinlovegood@163.com>
Date: Fri, 11 Jul 2025 17:51:06 +0800
Subject: [PATCH] =?UTF-8?q?style(frontend):=E4=BC=98=E5=8C=96K=E7=BA=BF?=
 =?UTF-8?q?=E5=9B=BE=E5=92=8C=E5=B8=82=E5=9C=BA=E7=BB=84=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=E6=8B=96=E6=8B=BD=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 KLineChart 组件中添加 --wails-draggable:no-drag 样式，禁止拖拽
- 在 Market 组件中调整拖拽样式应用位置，提高用户体验
- 优化 Market 组件的模板结构，移除冗余样式
---
 frontend/src/components/KLineChart.vue |  2 +-
 frontend/src/components/market.vue     | 15 ++++++---------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/KLineChart.vue b/frontend/src/components/KLineChart.vue
index e1889c1..1af35c3 100644
--- a/frontend/src/components/KLineChart.vue
+++ b/frontend/src/components/KLineChart.vue
@@ -378,7 +378,7 @@ function calculateMA(dayCount,values) {
 </script>
 
 <template>
-  <div ref="kLineChartRef" style="width: 100%;height: auto;" :style="{height:chartHeight+'px'}"></div>
+  <div ref="kLineChartRef" style="width: 100%;height: auto;--wails-draggable:no-drag" :style="{height:chartHeight+'px'}" ></div>
 </template>
 
 <style scoped>
diff --git a/frontend/src/components/market.vue b/frontend/src/components/market.vue
index c11e4f7..a25ee02 100644
--- a/frontend/src/components/market.vue
+++ b/frontend/src/components/market.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {computed, h, onBeforeMount, onBeforeUnmount, ref} from 'vue'
+import {computed, h, onBeforeMount, onBeforeUnmount, onMounted, ref} from 'vue'
 import {
   GetAIResponseResult,
   GetConfig,
@@ -84,8 +84,6 @@ function getIndex() {
   })
 }
 
-
-
 onBeforeMount(() => {
   nowTab.value = route.query.name
   stockCode.value = route.query.stockCode
@@ -311,8 +309,8 @@ function ReFlesh(source) {
 </script>
 
 <template>
-  <n-card  style="--wails-draggable:drag">
-    <n-tabs type="line" animated @update-value="updateTab" :value="nowTab">
+  <n-card>
+    <n-tabs type="line" animated @update-value="updateTab" :value="nowTab" style="--wails-draggable:drag">
       <n-tab-pane name="市场快讯" tab="市场快讯">
         <n-grid :cols="2" :y-gap="0">
           <n-gi>
@@ -390,10 +388,10 @@ function ReFlesh(source) {
           </n-tab-pane>
         </n-tabs>
       </n-tab-pane>
-      <n-tab-pane name="指标行情" tab="指标行情" style="--wails-dragable:no-drag">
+      <n-tab-pane name="指标行情" tab="指标行情">
         <n-tabs type="segment" animated>
-          <n-tab-pane name="科创50" tab="科创50">
-            <k-line-chart code="sh000688" :chart-height="panelHeight" name="科创50" :k-days="20"
+          <n-tab-pane name="科创50" tab="科创50"  >
+            <k-line-chart code="sh000688" :chart-height="panelHeight" name="科创50" :k-days="20"  
                           :dark-theme="true"></k-line-chart>
           </n-tab-pane>
           <n-tab-pane name="沪深300" tab="沪深300">
@@ -672,5 +670,4 @@ function ReFlesh(source) {
 
 </template>
 <style scoped>
-
 </style>
\ No newline at end of file