# 实现图片预览功能

## 目标
在IPCard组件中添加点击图片预览功能，使用Element Plus的Image组件实现。

## 实现步骤

1. **引入Element Plus Image组件**
   - 在组件脚本中引入ElImage组件

2. **修改图片标签**
   - 将当前的img标签替换为el-image标签
   - 配置el-image的src、alt、class属性保持原有样式
   - 添加preview-src-list属性以支持预览功能
   - 添加@click事件处理预览逻辑

3. **确保样式一致性**
   - 保持原有ip-card-image类的样式不变
   - 确保el-image组件的布局与原有img标签一致

4. **测试功能**
   - 确保点击图片时能够正常弹出预览窗口
   - 确保预览窗口可以正常关闭
   - 确保样式没有破坏原有布局

## 代码修改点

1. **引入组件**：在第122行添加ElImage到Element Plus组件引入列表
2. **修改模板**：将第36-43行的img标签替换为el-image标签
3. **添加预览配置**：添加preview-src-list属性和相关逻辑

## 预期效果
- 点击IP卡片中的图片时，会弹出一个全屏的图片预览窗口
- 预览窗口支持缩放、旋转等操作
- 点击预览窗口外部或关闭按钮可以关闭预览
- 原有卡片样式和布局保持不变