zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: aigc样式的调整

Browse Source
This commit is contained in:
zoujing
2026-04-05 13:26:57 +08:00
parent 272d2ea130
commit 554d4617a4
2 changed files with 40 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/index/components/module/GeneratorPhotoComponent/index.vue
View File

@@ -6,6 +6,12 @@
<view class="flex flex-col p-6 border-box flex-items-center justify-center"> <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" /> <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" /> <image class="g_title mt-20" :src="props.toolCall.componentNameParams.title" />
<text class="font-size-14 font-400 color-white my-12 text-center"> <text class="font-size-14 font-400 color-white my-12 text-center">

34
src/pages/index/components/module/GeneratorPhotoComponent/styles/index.scss
View File

@@ -7,6 +7,7 @@
background: linear-gradient(180deg, $theme-color-100 0%, $theme-color-500 100%); background: linear-gradient(180deg, $theme-color-100 0%, $theme-color-500 100%);
border-radius: 24px 24px 24px 24px; border-radius: 24px 24px 24px 24px;
border: 1px solid #FFFFFF; border: 1px solid #FFFFFF;
position: relative;
} }
.g_title { .g_title {
@@ -22,4 +23,37 @@
.btn-bg-sub { .btn-bg-sub {
background: $theme-color-500; background: $theme-color-500;
box-shadow: inset 0px 0px 41px 0px $theme-color-50, inset 0px 0px 15px 0px $theme-color-100; 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;
} }