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

feat: 图片预览的样式优化

Browse Source
This commit is contained in:
zoujing
2025-10-23 19:46:26 +08:00
parent cf1f08fd54
commit f73a92ec11
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ImageSwiper/styles/index.scss
View File

@@ -25,6 +25,9 @@
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap;
max-width: 100%;
box-sizing: border-box;
} }
.custom-indicator { .custom-indicator {
@@ -32,6 +35,11 @@
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
border-radius: $uni-border-radius-50px; border-radius: $uni-border-radius-50px;
padding: 0 6px 4px 8px; padding: 0 6px 4px 8px;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
flex-shrink: 0;
white-space: nowrap;
} }
.custom-indicator-text { .custom-indicator-text {
@@ -43,7 +51,9 @@
} }
.thumbnail-scroll { .thumbnail-scroll {
flex: 1; flex: 1 1 auto;
min-width: 0; // 允许在flex容器中收缩以适配剩余空间
overflow: auto; // 防止超出thumbnail-box的宽度
height: 100%; height: 100%;
white-space: nowrap; white-space: nowrap;
} }
@@ -71,7 +81,7 @@
height: 36px; height: 36px;
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
border: 2px solid transparent; border: 1px solid #171717;
transition: all 0.3s ease; transition: all 0.3s ease;
display: block; display: block;
} }