优化弹框效果

pages/deviceTab/dataLock.vue

@@ -559,7 +559,10 @@
 						
 					
 					</view>
-					<button class="get floating-button" @click="body8data.popup=false">知道了</button>
+					<view class="floating-view">
+						<button class="get floating-button" @click="body8data.popup=false">知道了</button>
+						
+					</view>
 				</view>
 			</u-popup>
 			</view>
@@ -770,7 +773,7 @@
 			
 		},
 		methods: {
-			
+		
 			durationShow(){
 				if(this.lockUsageRateData.duration){
 					var m=this.lockUsageRateData.duration%60
@@ -1711,18 +1714,24 @@
 	
 		.content {
 	
-			padding: 32rpx;
+			
 	
 			.headline {
+				height: 90rpx;
+				padding: 32rpx;
 				color: rgba(16, 16, 16, 1);
 				font-size: 36rpx;
 				text-align: center;
 				font-weight: bold;
-				margin-bottom: 24rpx;
+				//margin-bottom: 24rpx;
+				    position: fixed;
+				    width: 100%;
+				    background: #fff;
 			}
 	
 			.infos {
-				padding-bottom: 60rpx;
+				
+				padding: 90rpx 32rpx;
 	
 				.item:last-of-type {
 					border: none;
@@ -1809,11 +1818,19 @@
 			color: #1677FF;
 		}
 	}
-	
+	.floating-view{
+		    display: flex;
+		    justify-content: center;
+		    background: #fff;
+			    height: 100rpx;
+			    width: 100%;
+			    position: fixed;
+			    bottom: 0;
+	}
 	.floating-button {
 		position: fixed; 
 		  bottom: 0;    /* 距离底部 20px */
-		    width: 100%;
+		    width: 80%;
 			 display: flex;
 			  height: 120rpx;
 			    justify-content: center;