hookehuyr

style(Volunteers): 移除重复的背景色样式并调整代码格式

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 {
......