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-27 14:17:52 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
1671da7972a2b82df25f6ade38132c0fbfa1755d
1671da79
1 parent
067725ef
style(PdfViewer): 修改缩放按钮和页码跳转的背景颜色
将放大缩小按钮的图标颜色改为绿色(#4caf50),页码跳转背景透明度调整为50%
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
4 additions
and
4 deletions
src/components/ui/PdfViewer.vue
src/components/ui/PdfViewer.vue
View file @
1671da7
<!--
* @Date: 2025-01-21
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-10-2
2 17:40:14
* @LastEditTime: 2025-10-2
7 14:15:25
* @FilePath: /mlaj/src/components/ui/PdfViewer.vue
* @Description: PDF预览组件 - 使用pdf-vue3库
-->
...
...
@@ -66,7 +66,7 @@
<van-button class="zoom-btn zoom-close-btn" type="default" icon="cross" round @click="handleClose" />
<!-- <van-button class="zoom-btn zoom-in-btn" type="default" icon="plus" round @click="zoomIn" /> -->
<div class="zoom-btn flex items-center justify-center" @click="zoomIn">
<font-awesome-icon icon="magnifying-glass-plus" class="text-xl ml-2 mr-2" style="color: #
00
0;" />
<font-awesome-icon icon="magnifying-glass-plus" class="text-xl ml-2 mr-2" style="color: #
4caf5
0;" />
</div>
<!-- <font-awesome-icon icon="magnifying-glass-plus" class="text-2xl text-gray-600 ml-2 mr-2" @click="zoomIn" /> -->
<div class="page-jump" @click="focusPageInput">
...
...
@@ -85,7 +85,7 @@
</div>
<!-- <van-button class="zoom-btn zoom-out-btn" type="default" icon="minus" round @click="zoomOut" /> -->
<div class="zoom-btn flex items-center justify-center" @click="zoomOut">
<font-awesome-icon icon="magnifying-glass-minus" class="text-xl ml-2 mr-2" style="color: #
00
0;" />
<font-awesome-icon icon="magnifying-glass-minus" class="text-xl ml-2 mr-2" style="color: #
4caf5
0;" />
</div>
<van-button class="zoom-btn zoom-reset-btn" type="default" round @click="resetZoom">
<van-icon name="replay" size="16" />
...
...
@@ -1057,7 +1057,7 @@ const applyPinchZoom = (newZoom, centerX, centerY, container) => {
}
.page-jump:hover {
background: rgba(0, 0, 0, 0.
8
);
background: rgba(0, 0, 0, 0.
5
);
}
/* 错误状态样式 */
...
...
Please
register
or
login
to post a comment