hookehuyr

style(PdfViewer): 调整缩放控制按钮的布局顺序

1 <!-- 1 <!--
2 * @Date: 2025-01-21 2 * @Date: 2025-01-21
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-10-22 11:21:20 4 + * @LastEditTime: 2025-10-22 11:39:56
5 * @FilePath: /mlaj/src/components/ui/PdfViewer.vue 5 * @FilePath: /mlaj/src/components/ui/PdfViewer.vue
6 * @Description: PDF预览组件 - 使用pdf-vue3库 6 * @Description: PDF预览组件 - 使用pdf-vue3库
7 --> 7 -->
...@@ -55,9 +55,9 @@ ...@@ -55,9 +55,9 @@
55 <!-- 缩放控制按钮 --> 55 <!-- 缩放控制按钮 -->
56 <div v-if="!loading && !loadingError" class="zoom-controls"> 56 <div v-if="!loading && !loadingError" class="zoom-controls">
57 <van-button class="zoom-btn zoom-close-btn" type="default" icon="cross" round @click="handleClose" /> 57 <van-button class="zoom-btn zoom-close-btn" type="default" icon="cross" round @click="handleClose" />
58 - <van-button class="zoom-btn zoom-out-btn" type="default" icon="minus" round @click="zoomOut" />
59 - <div class="zoom-level">{{ Math.round(zoomLevel * 100) }}%</div>
60 <van-button class="zoom-btn zoom-in-btn" type="default" icon="plus" round @click="zoomIn" /> 58 <van-button class="zoom-btn zoom-in-btn" type="default" icon="plus" round @click="zoomIn" />
59 + <div class="zoom-level">{{ Math.round(zoomLevel * 100) }}%</div>
60 + <van-button class="zoom-btn zoom-out-btn" type="default" icon="minus" round @click="zoomOut" />
61 <van-button class="zoom-btn zoom-reset-btn" type="default" round @click="resetZoom"> 61 <van-button class="zoom-btn zoom-reset-btn" type="default" round @click="resetZoom">
62 <van-icon name="replay" size="16" /> 62 <van-icon name="replay" size="16" />
63 </van-button> 63 </van-button>
......