|
|
|
@ -20,7 +20,7 @@ |
|
|
|
<!-- PDF内容显示区域 --> |
|
|
|
<div class="pdf-display-area"> |
|
|
|
<div v-for="item in state.numPages" :key="item" class='pdf-item' :id="`pdf-page-${item}`"> |
|
|
|
<vue-pdf-embed :source="state.source" class="vue-pdf-embed" :page="item" style="width: 100%;"/> |
|
|
|
<vue-pdf-embed :source="state.source" class="vue-pdf-embed" :page="item" style="width: 98%;"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -294,6 +294,13 @@ onBeforeUnmount(() => { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 768px) { |
|
|
|
.pdf-display-area { |
|
|
|
width: 98%; /* 在小屏幕上稍微减小宽度 */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.page-tool { |
|
|
|
position: absolute; |
|
|
|
bottom: 35px; |
|
|
|
|