pdf改为弹窗

大唐会议前台1/pages/components/MeetingList.vue

@@ -14,26 +14,31 @@
 				<MeetingList :infos='item.infos'></MeetingList>
 			</view>
 		</view>
-		<u-popup :show="show" @close="close" mode="center">
+		<u-popup :show="show" @close="handleClose" mode="center">
-			<view class="view-pdf" >
+			<view class="popup-close" @click='handleClose'> 
-				
+			<uni-icons
-				<pdf v-if='show' ref="pdf" :page="pageNum" @progress="loadedRatio = $event" @page-loaded="pageLoaded($event)"
+				class="popup-icons"
-					@num-pages="pageTotalNum=$event" @error="pdfError($event)" @link-clicked="page = $event"
+				type="closeempty"
-					:src="filePdfUrl">
+				size="30"
-				</pdf>
+			></uni-icons></view>
-				<div class="tools">
+			<view class="popup-box">
-					<button :theme="'default'" type="submit" @click.stop="prePage" class="mr10">
+				<view class="view-pdf" >
-						上一页
+					<pdf v-if='show' ref="pdf" :page="pageNum" @progress="loadedRatio = $event" @page-loaded="pageLoaded($event)"
-					</button>
+						@num-pages="pageTotalNum=$event" @error="pdfError($event)" @link-clicked="page = $event"
-					<div class="page">{{pageNum}}/{{pageTotalNum}}</div>
+						:src="filePdfUrl">
-					<button :theme="'default'" type="submit" @click.stop="nextPage" class="mr10">
+					</pdf>
-						下一页
+					<div class="tools">
-					</button>
+						<button :theme="'default'" type="submit" @click.stop="prePage" class="mr10">
-					<button class="view-gb" :theme="'default'" type="submit" @click.stop="show = false">
+							上一页
-						关闭
+						</button>
-					</button>
+						<div class="page">{{pageNum}}/{{pageTotalNum}}</div>
-				</div>
+						<button :theme="'default'" type="submit" @click.stop="nextPage" class="mr10">
+							下一页
+						</button>
+					</div>
+				</view>
 			</view>
+			
 		</u-popup>
 	</view>
 </template>
@@ -100,6 +105,20 @@
 </script>
 
 <style lang="scss" scoped>
+	.popup-close{
+		position: fixed;
+		right: 20px;
+		top:20px;
+		z-index: 9999;
+		/deep/.uni-icons{
+			font-size: 40px !important;
+			color:#fff !important;
+		}
+	}
+	.popup-box{
+		max-height: 80vh;
+		overflow: auto;
+	}
 	.view-gb {
 		max-width: 100px;
 		margin-left: 16px;
@@ -110,7 +129,7 @@
 	}
 
 	.view-pdf {
-		margin: 16px 0;
+		width: 50vw;
 		padding: 16px;
 		border: 1px solid #ededed;
 		background: #fff;
@@ -180,10 +199,6 @@
 		flex: 1;
 	}
 
-	.view-pdf {
-		width: 36vw;
-	}
-
 	.li-item {
 		uni-view {
 			font-size: 20px;