|
|
@@ -2,34 +2,34 @@
|
|
|
<div class="image-view">
|
|
|
<div ref="viewerRef" class="image-viewer" @dblclick="resetView">
|
|
|
<div ref="canvasRef" class="image-canvas">
|
|
|
- <img class="image-content" :src="currentImage" alt="图片预览" />
|
|
|
+ <img class="image-content" :src="currentImage" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="image-toolbar">
|
|
|
<button class="toolbar-btn icon-btn" type="button" @click="prevPage">
|
|
|
- <img :src="prevIcon" alt="上一页" />
|
|
|
+ <img :src="prevIcon" />
|
|
|
</button>
|
|
|
<span class="toolbar-text page-text">
|
|
|
{{ currentIndex + 1 }}/{{ imageList.length }}
|
|
|
</span>
|
|
|
<button class="toolbar-btn icon-btn" type="button" @click="nextPage">
|
|
|
- <img :src="nextIcon" alt="下一页" />
|
|
|
+ <img :src="nextIcon" />
|
|
|
</button>
|
|
|
<span class="divider"></span>
|
|
|
<button class="toolbar-btn icon-btn" type="button" @click="zoomOut">
|
|
|
- <img :src="zoomOutIcon" alt="缩小" />
|
|
|
+ <img :src="zoomOutIcon" />
|
|
|
</button>
|
|
|
<span class="toolbar-text scale-text">{{ zoomPercent }}%</span>
|
|
|
<button class="toolbar-btn icon-btn" type="button" @click="zoomIn">
|
|
|
- <img :src="zoomInIcon" alt="放大" />
|
|
|
+ <img :src="zoomInIcon" />
|
|
|
</button>
|
|
|
<button
|
|
|
class="toolbar-btn icon-btn"
|
|
|
type="button"
|
|
|
@click="toggleFullscreen"
|
|
|
>
|
|
|
- <img :src="fullscreenIcon" alt="全屏" />
|
|
|
+ <img :src="fullscreenIcon" />
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|