From 7546ed6ea83b497a17b13d35624d776bdcad0eaf Mon Sep 17 00:00:00 2001
From: liailing1026 <1815388873@qq.com>
Date: Thu, 12 Mar 2026 17:28:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=8E=86=E5=8F=B2=E8=AE=B0=E5=BD=95?=
 =?UTF-8?q?=E5=88=86=E4=BA=AB=E5=8A=9F=E8=83=BD=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/SharePlanDialog/index.vue  | 52 +++++++++++++++++--
 1 file changed, 48 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/SharePlanDialog/index.vue b/frontend/src/components/SharePlanDialog/index.vue
index 3f6b138..d7ed5f9 100644
--- a/frontend/src/components/SharePlanDialog/index.vue
+++ b/frontend/src/components/SharePlanDialog/index.vue
@@ -4,11 +4,19 @@
     :width="width"
     :close-on-click-modal="true"
     :center="true"
-    :show-close="true"
+    :show-close="false"
     top="20vh"
-    title="链接分享"
     @closed="handleClosed"
   >
+    <!-- 自定义关闭按钮 -->
+    <template #header>
+      <div class="dialog-header">
+        <span class="dialog-title">分享链接</span>
+        <button class="dialog-close-btn" @click="dialogVisible = false">
+          <SvgIcon icon-class="close" size="18px" />
+        </button>
+      </div>
+    </template>
     <div class="share-content">
       <!-- 设置区域 -->
       <div v-if="!loading && !error" class="settings-section">
@@ -259,6 +267,38 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
+// 自定义对话框头部
+.dialog-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+
+  .dialog-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: var(--color-text-primary);
+  }
+
+  .dialog-close-btn {
+    background: none;
+    border: none;
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 4px;
+    color: var(--color-text-regular);
+    transition: transform 0.3s ease;
+
+    &:hover {
+      transform: rotate(180deg);
+    }
+  }
+}
+
 .share-content {
   padding: 20px 0;
 }
@@ -324,7 +364,9 @@ defineExpose({
 
       &.active {
         background-color: var(--color-primary);
-        color: white;
+        color: var(--color-text-result-detail-run);
+        font-weight: 600;
+        box-shadow: inset 0 0 0 2px var(--color-primary);
       }
     }
   }
@@ -356,7 +398,9 @@ defineExpose({
 
       &.active {
         background-color: var(--color-primary);
-        color: white;
+        color: var(--color-text-result-detail-run);
+        font-weight: 600;
+        box-shadow: inset 0 0 0 2px var(--color-primary);
       }
     }
   }