fix(PdfViewer): 隐藏返回顶部按钮并调整缩放控件位置
移除返回顶部按钮以简化界面 将缩放控件位置从底部60px调整为20px,避免与其他元素重叠
Showing
1 changed file
with
3 additions
and
3 deletions
| 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:39:56 | 4 | + * @LastEditTime: 2025-10-22 12:17:03 |
| 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 | --> |
| ... | @@ -17,7 +17,7 @@ | ... | @@ -17,7 +17,7 @@ |
| 17 | :showProgress="true" | 17 | :showProgress="true" |
| 18 | :progressColor="'#1989fa'" | 18 | :progressColor="'#1989fa'" |
| 19 | :showPageTooltip="true" | 19 | :showPageTooltip="true" |
| 20 | - :showBackToTopBtn="true" | 20 | + :showBackToTopBtn="false" |
| 21 | :scrollThreshold="300" | 21 | :scrollThreshold="300" |
| 22 | :pdfWidth="`${Math.round(100 * zoomLevel)}%`" | 22 | :pdfWidth="`${Math.round(100 * zoomLevel)}%`" |
| 23 | :rowGap="8" | 23 | :rowGap="8" |
| ... | @@ -634,7 +634,7 @@ const addPreventSaveListeners = () => { | ... | @@ -634,7 +634,7 @@ const addPreventSaveListeners = () => { |
| 634 | /* 缩放控制按钮样式 */ | 634 | /* 缩放控制按钮样式 */ |
| 635 | .zoom-controls { | 635 | .zoom-controls { |
| 636 | position: fixed; | 636 | position: fixed; |
| 637 | - bottom: 60px; | 637 | + bottom: 20px; |
| 638 | left: 50%; | 638 | left: 50%; |
| 639 | transform: translateX(-50%); | 639 | transform: translateX(-50%); |
| 640 | z-index: 100; | 640 | z-index: 100; | ... | ... |
-
Please register or login to post a comment