From 554d4617a48cfa2aa18e1d79d933190c4e3fc36a Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Sun, 5 Apr 2026 13:26:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20aigc=E6=A0=B7=E5=BC=8F=E7=9A=84?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../module/GeneratorPhotoComponent/index.vue  |  6 ++++
 .../GeneratorPhotoComponent/styles/index.scss | 34 +++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/src/pages/index/components/module/GeneratorPhotoComponent/index.vue b/src/pages/index/components/module/GeneratorPhotoComponent/index.vue
index 1c946bd..a87b129 100644
--- a/src/pages/index/components/module/GeneratorPhotoComponent/index.vue
+++ b/src/pages/index/components/module/GeneratorPhotoComponent/index.vue
@@ -6,6 +6,12 @@
       <view class="flex flex-col p-6 border-box flex-items-center justify-center">
         <image class="w-full rounded-20" :src="props.toolCall.componentNameParams.background" mode="widthFix" />
 
+        <!-- 左上角标签 -->
+        <view class="tag">
+          <view class="dot"></view>
+          <text class="tag-text">{{ props.toolCall.componentNameParams.superscript }}</text>
+        </view>
+
         <image class="g_title mt-20" :src="props.toolCall.componentNameParams.title"  />
 
         <text class="font-size-14 font-400 color-white my-12 text-center">
diff --git a/src/pages/index/components/module/GeneratorPhotoComponent/styles/index.scss b/src/pages/index/components/module/GeneratorPhotoComponent/styles/index.scss
index 1e99fb8..6c74ed6 100644
--- a/src/pages/index/components/module/GeneratorPhotoComponent/styles/index.scss
+++ b/src/pages/index/components/module/GeneratorPhotoComponent/styles/index.scss
@@ -7,6 +7,7 @@
   background: linear-gradient(180deg, $theme-color-100 0%, $theme-color-500 100%);
   border-radius: 24px 24px 24px 24px;
   border: 1px solid #FFFFFF;
+  position: relative;
 }
 
 .g_title {
@@ -22,4 +23,37 @@
 .btn-bg-sub {
   background: $theme-color-500;
   box-shadow: inset 0px 0px 41px 0px $theme-color-50, inset 0px 0px 15px 0px $theme-color-100;
+}
+
+/* 左上角标签容器 */
+.tag {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+
+  display: flex;
+  align-items: center;
+
+  padding: 4px 8px;
+  border-radius: 999rpx;
+
+  backdrop-filter: blur(6rpx);
+  background: rgba(255,255,255,0.79);
+  box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.46);
+}
+
+/* 小绿点 */
+.dot {
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  background: $theme-color-500;
+  margin-right: 8px;
+}
+
+/* 文字 */
+.tag-text {
+  font-size: 12px;
+  color: $theme-color-500;
+  font-weight: 600;
 }
\ No newline at end of file