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

feat: update AigcPhotoCard, FaqHelpCard, MapNavigationCard, NoticeCard, ScenicImageCard with new layouts, styles, and mock data; enhance user interaction and visual appeal

Browse Source
This commit is contained in:
DEV_DSW
2026-05-13 16:28:57 +08:00
parent 9da046c314
commit 0afb690262
15 changed files with 514 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/pages/ChatModule/ScenicImageCard/styles/index.scss
View File

@@ -1,8 +1,30 @@
.scenic-image-card__image-wrap {
.scenic-image-card {
height: 324px;
background: #e2e8f0;
}
.scenic-image-card:active,
.scenic-image-card__expand:active {
opacity: 0.86;
}
.scenic-image-card.is-disabled {
opacity: 0.55;
}
.scenic-image-card__image {
border-radius: 0;
height: 100%;
}
.scenic-image-card__expand {
position: absolute;
top: 16px;
right: 16px;
z-index: 2;
width: 40px;
height: 40px;
background: rgba(15, 23, 42, 0.36);
line-height: 40px;
}
.scenic-image-card__caption {
@@ -10,21 +32,17 @@
left: 0;
right: 0;
bottom: 0;
padding: 42px 16px 16px;
padding: 72px 22px 20px;
background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.72) 100%);
}
.scenic-image-card__caption-title {
line-height: 20px;
.scenic-image-card__title {
line-height: 24px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.scenic-image-card__caption-subtitle {
margin-top: 3px;
color: rgba(255, 255, 255, 0.72);
}
.scenic-image-card__expand {
top: 12px;
right: 12px;
background: rgba(0, 0, 0, 0.32);
.scenic-image-card__subtitle {
margin-top: 4px;
line-height: 18px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}