fix(图片预览): 修改图片点击事件仅预览单张图片并禁用索引循环

将图片预览功能从显示所有图片改为仅预览当前点击的单张图片，并禁用索引显示和循环功能，提升用户体验

@@ -123,22 +123,28 @@ const distributeImages = (images) => {
   })
 }
 
-// 图片点击事件 - 使用ImagePreview
+/**
+ * 显示图片预览（仅单张）
+ * @param {Object} item - 当前点击的图片对象
+ */
+// 图片点击事件 - 仅预览当前单张图片
 const onImageClick = (item) => {
-  console.log('点击图片:', item)
+    console.log('点击图片:', item)
 
-  // 获取当前点击图片在所有图片中的索引
-  const currentIndex = allImages.value.findIndex(img => img.id === item.id)
+    // 获取当前点击图片在所有图片中的索引
+    const currentIndex = allImages.value.findIndex(img => img.id === item.id)
 
-  // 提取所有图片的src用于预览
-  const images = allImages.value.map(img => img.src)
+    // 提取所有图片的src用于预览
+    const images = allImages.value.map(img => img.src)
 
-  // 显示图片预览
-  showImagePreview({
-    images,
-    startPosition: currentIndex,
-    closeable: true
-  })
+    // 仅预览当前单张图片，禁用索引与循环
+    showImagePreview({
+        images: [images[currentIndex]],
+        startPosition: 0,
+        showIndex: false,
+        loop: false,
+        closeable: true
+    })
 }
 
 // 图片加载成功

@@ -123,22 +123,28 @@ const distributeImages = (images) => {
   })
 }
 
-// 图片点击事件 - 使用ImagePreview
+/**
+ * 显示图片预览（仅单张）
+ * @param {Object} item - 当前点击的图片对象
+ */
+// 图片点击事件 - 仅预览当前单张图片
 const onImageClick = (item) => {
-  console.log('点击图片:', item)
+    console.log('点击图片:', item)
 
-  // 获取当前点击图片在所有图片中的索引
-  const currentIndex = allImages.value.findIndex(img => img.id === item.id)
+    // 获取当前点击图片在所有图片中的索引
+    const currentIndex = allImages.value.findIndex(img => img.id === item.id)
 
-  // 提取所有图片的src用于预览
-  const images = allImages.value.map(img => img.src)
+    // 提取所有图片的src用于预览
+    const images = allImages.value.map(img => img.src)
 
-  // 显示图片预览
-  showImagePreview({
-    images,
-    startPosition: currentIndex,
-    closeable: true
-  })
+    // 仅预览当前单张图片，禁用索引与循环
+    showImagePreview({
+        images: [images[currentIndex]],
+        startPosition: 0,
+        showIndex: false,
+        loop: false,
+        closeable: true
+    })
 }
 
 // 图片加载成功