feat: aigc样式的调整

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">

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 {
@@ -23,3 +24,36 @@
   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;
+}