|
|
@@ -2,7 +2,7 @@
|
|
|
<div class="mobile-pdf-viewer">
|
|
|
<div v-if="loading" class="loading-container">
|
|
|
<div class="loading-spinner"></div>
|
|
|
- <div class="loading-text">正在加载文档 {{ Math.floor(progress * 100) }}%...</div>
|
|
|
+ <div class="loading-text">正在加载文档...</div>
|
|
|
</div>
|
|
|
|
|
|
<div v-if="error" class="error-container">
|
|
|
@@ -145,11 +145,13 @@ onUnmounted(() => {
|
|
|
<style scoped>
|
|
|
.mobile-pdf-viewer {
|
|
|
width: 100%;
|
|
|
+ height: 100%;
|
|
|
min-height: 300px;
|
|
|
background-color: #f3f4f6;
|
|
|
position: relative;
|
|
|
overflow-y: auto;
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
+ touch-action: pan-y;
|
|
|
}
|
|
|
|
|
|
.loading-container, .error-container {
|
|
|
@@ -159,6 +161,7 @@ onUnmounted(() => {
|
|
|
justify-content: center;
|
|
|
padding: 40px 20px;
|
|
|
text-align: center;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
.loading-spinner {
|
|
|
@@ -208,6 +211,7 @@ onUnmounted(() => {
|
|
|
|
|
|
.pdf-container {
|
|
|
width: 100%;
|
|
|
+ min-height: 100%;
|
|
|
padding: 10px;
|
|
|
box-sizing: border-box;
|
|
|
}
|