Showing
1 changed file
with
4 additions
and
5 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-01-01 15:20:00 | 2 | * @Date: 2025-01-01 15:20:00 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-10-31 14:37:36 | 4 | + * @LastEditTime: 2025-10-31 16:43:29 |
| 5 | * @FilePath: /stdj_h5/src/views/Volunteers.vue | 5 | * @FilePath: /stdj_h5/src/views/Volunteers.vue |
| 6 | * @Description: 义工页面 - 图片瀑布流展示 | 6 | * @Description: 义工页面 - 图片瀑布流展示 |
| 7 | --> | 7 | --> |
| ... | @@ -126,13 +126,13 @@ const distributeImages = (images) => { | ... | @@ -126,13 +126,13 @@ const distributeImages = (images) => { |
| 126 | // 图片点击事件 - 使用ImagePreview | 126 | // 图片点击事件 - 使用ImagePreview |
| 127 | const onImageClick = (item) => { | 127 | const onImageClick = (item) => { |
| 128 | console.log('点击图片:', item) | 128 | console.log('点击图片:', item) |
| 129 | - | 129 | + |
| 130 | // 获取当前点击图片在所有图片中的索引 | 130 | // 获取当前点击图片在所有图片中的索引 |
| 131 | const currentIndex = allImages.value.findIndex(img => img.id === item.id) | 131 | const currentIndex = allImages.value.findIndex(img => img.id === item.id) |
| 132 | - | 132 | + |
| 133 | // 提取所有图片的src用于预览 | 133 | // 提取所有图片的src用于预览 |
| 134 | const images = allImages.value.map(img => img.src) | 134 | const images = allImages.value.map(img => img.src) |
| 135 | - | 135 | + |
| 136 | // 显示图片预览 | 136 | // 显示图片预览 |
| 137 | showImagePreview({ | 137 | showImagePreview({ |
| 138 | images, | 138 | images, |
| ... | @@ -164,7 +164,6 @@ onMounted(() => { | ... | @@ -164,7 +164,6 @@ onMounted(() => { |
| 164 | .volunteers-container { | 164 | .volunteers-container { |
| 165 | background-color: #F2EBDB; | 165 | background-color: #F2EBDB; |
| 166 | min-height: 100vh; | 166 | min-height: 100vh; |
| 167 | - background-color: #f5f5f5; | ||
| 168 | } | 167 | } |
| 169 | 168 | ||
| 170 | .header { | 169 | .header { | ... | ... |
-
Please register or login to post a comment