From fe2e8b1965ff8a38eb6d2f337cc75951c14ab4db Mon Sep 17 00:00:00 2001
From: zhangyh <zhangyahui@haier.com>
Date: Tue, 14 Oct 2025 13:41:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A1=B6=E9=83=A8=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0Light=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E8=AE=BE=E7=BD=AE=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HeaderTitle.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/HeaderTitle.vue b/src/components/HeaderTitle.vue
index 6ea4be7..32c41ae 100644
--- a/src/components/HeaderTitle.vue
+++ b/src/components/HeaderTitle.vue
@@ -3,7 +3,9 @@
 	const router = useRouter()
 
 	defineProps({
-		title: { type: String, default: 'AI STYLING ASSISTANT' }
+		title: { type: String, default: 'AI STYLING ASSISTANT' },
+		light: { type: Boolean,default:false },
+		hasSetting: { type: Boolean,default:false }
 	})
 
 	defineEmits(['clickReturn'])
@@ -15,9 +17,10 @@
 </script>
 
 <template>
-	<div class="header-title">
+	<div class="header-title" :class="{ 'light': light }">
 		<div class="return" @click="handleClickReturn"><SvgIcon name="return" size="34" /></div>
 		<span class="title">{{ title }}</span>
+		<div class="setting" v-if="hasSetting"><SvgIcon name="setting" size="34" /></div>
 	</div>
 </template>
 
@@ -32,6 +35,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
+		
 		> .return {
 			position: absolute;
 			left: 3.2rem;
@@ -43,5 +47,16 @@
 			color: var(--header-title-color, #ffffff);
 			font-family: 'boskaRegular';
 		}
+		>.setting{
+			position: absolute;
+			right: 3.2rem;
+			display: inline-block;
+		}
+	
+		&.light {
+			--header-title-color: #000000;
+			--svg-icon-color: #000000;
+			--header-title-background: #ffffff;
+		}
 	}
 </style>