bonus
/
smart-bid-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面样式修改

This commit is contained in:
cwchen 2025-11-10 13:50:16 +08:00
parent 1a75a8b025
commit ca7bc4a1ce
1 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/common/DocumentSearch.vue
View File

@ -180,6 +180,7 @@ export default {
for (let pageNumber = 1; pageNumber <= this.totalPages; pageNumber += 1) { for (let pageNumber = 1; pageNumber <= this.totalPages; pageNumber += 1) {
const placeholder = document.createElement('div') const placeholder = document.createElement('div')
placeholder.className = 'pdf-page placeholder' placeholder.className = 'pdf-page placeholder'
placeholder.style.margin = '0px auto 10px'
placeholder.dataset.page = pageNumber placeholder.dataset.page = pageNumber
placeholder.dataset.status = 'placeholder' placeholder.dataset.status = 'placeholder'
fragment.appendChild(placeholder) fragment.appendChild(placeholder)
@ -202,6 +203,7 @@ export default {
container.style.width = `${viewport.width}px` container.style.width = `${viewport.width}px`
container.style.height = `${viewport.height}px` container.style.height = `${viewport.height}px`
container.style.margin = '0px auto 10px'
if (!container.dataset.status || container.dataset.status === 'placeholder') { if (!container.dataset.status || container.dataset.status === 'placeholder') {
container.dataset.status = 'prefetched' container.dataset.status = 'prefetched'
} }
@ -730,9 +732,7 @@ export default {
.pdf-page { .pdf-page {
position: relative; position: relative;
margin: 0 auto; margin: 0px auto 10px !important;
margin-top: 18px;
margin-bottom: 18px;
box-shadow: 0 10px 30px rgba(25, 64, 158, 0.12); box-shadow: 0 10px 30px rgba(25, 64, 158, 0.12);
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
@ -742,12 +742,30 @@ export default {
justify-content: center; justify-content: center;
} }
.pdf-page:first-of-type { .pdf-page:first-of-type::before,
margin-top: 0; .pdf-page:last-of-type::after {
display: none;
} }
.pdf-page:not(:last-of-type) { .pdf-page::before,
margin-bottom: 26px; .pdf-page::after {
content: '';
position: absolute;
left: 5%;
right: 5%;
height: 12px;
height: 8px;
border-radius: 6px;
background: linear-gradient(180deg, rgba(206, 216, 232, 0.65) 0%, rgba(208, 216, 230, 0.25) 100%);
box-shadow: 0 2px 6px rgba(102, 125, 160, 0.25);
}
.pdf-page::before {
top: -20px;
}
.pdf-page::after {
bottom: -28px;
} }
.pdf-page.placeholder { .pdf-page.placeholder {