pdf改为弹窗

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

@@ -16,16 +16,13 @@
 		</view>
 		<u-popup :show="show" @close="handleClose" mode="center">
 			<view class="popup-close" @click='handleClose'>
-			<uni-icons
-				class="popup-icons"
-				type="closeempty"
-				size="30"
-			></uni-icons></view>
+				<uni-icons class="popup-icons" type="closeempty" size="30"></uni-icons>
+			</view>
 			<view class="popup-box">
 				<view class="view-pdf">
-					<pdf v-if='show' ref="pdf" :page="pageNum" @progress="loadedRatio = $event" @page-loaded="pageLoaded($event)"
-						@num-pages="pageTotalNum=$event" @error="pdfError($event)" @link-clicked="page = $event"
-						:src="filePdfUrl">
+					<pdf v-if='show' ref="pdf" :page="pageNum" @progress="loadedRatio = $event"
+						@page-loaded="pageLoaded($event)" @num-pages="pageTotalNum=$event" @error="pdfError($event)"
+						@link-clicked="page = $event" :src="filePdfUrl">
 					</pdf>
 					<div class="tools">
 						<button :theme="'default'" type="submit" @click.stop="prePage" class="mr10">
@@ -110,15 +107,29 @@
 		right: 20px;
 		top: 20px;
 		z-index: 9999;
+
 		/deep/.uni-icons {
 			font-size: 40px !important;
 			color: #fff !important;
 		}
 	}
+	
+/deep/.u-popup__content{
+	position: relative;
+	.tools {
+		position: absolute;
+		left:10px;
+		right:10px;
+		bottom:0px;
+		background:#fff;
+		padding-bottom:10px;
+	}
+}
 	.popup-box {
 		max-height: 80vh;
 		overflow: auto;
 	}
+
 	.view-gb {
 		max-width: 100px;
 		margin-left: 16px;
@@ -130,7 +141,7 @@
 
 	.view-pdf {
 		width: 50vw;
-		padding: 16px;
+		padding: 16px 16px 50px 16px;
 		border: 1px solid #ededed;
 		background: #fff;