Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
mlaj
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2025-10-22 11:28:21 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
fb2a6b35d7fcccced557b5adf183ff1947a6136c
fb2a6b35
1 parent
a7064769
refactor(PdfViewer): 将关闭按钮移至缩放控制栏并调整样式
将顶部关闭按钮移除,功能迁移至缩放控制栏,同时调整按钮位置样式以改善用户体验
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
6 additions
and
6 deletions
src/components/ui/PdfViewer.vue
src/components/ui/PdfViewer.vue
View file @
fb2a6b3
<!--
* @Date: 2025-01-21
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-10-22 1
0:49:55
* @LastEditTime: 2025-10-22 1
1:21:20
* @FilePath: /mlaj/src/components/ui/PdfViewer.vue
* @Description: PDF预览组件 - 使用pdf-vue3库
-->
...
...
@@ -50,11 +50,11 @@
</div>
</div>
<!-- 关闭按钮 -->
<van-button class="close-btn" type="default" icon="cross" round @click="handleClose" />
<!-- 已移除顶部关闭按钮,关闭功能迁移至控制栏 -->
<!-- 缩放控制按钮 -->
<div v-if="!loading && !loadingError" class="zoom-controls">
<van-button class="zoom-btn zoom-close-btn" type="default" icon="cross" round @click="handleClose" />
<van-button class="zoom-btn zoom-out-btn" type="default" icon="minus" round @click="zoomOut" />
<div class="zoom-level">{{ Math.round(zoomLevel * 100) }}%</div>
<van-button class="zoom-btn zoom-in-btn" type="default" icon="plus" round @click="zoomIn" />
...
...
@@ -540,8 +540,8 @@ const addPreventSaveListeners = () => {
/* 关闭按钮样式 */
.close-btn {
position: fixed;
righ
t: 20px;
top: 2
0px;
lef
t: 20px;
bottom: 4
0px;
z-index: 100;
width: 40px;
height: 40px;
...
...
@@ -554,7 +554,7 @@ const addPreventSaveListeners = () => {
/* 缩放控制按钮样式 */
.zoom-controls {
position: fixed;
bottom:
3
0px;
bottom:
6
0px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
...
...
Please
register
or
login
to post a comment