first commit

2024-12-02 10:39:36 +08:00
commit f1f5b666b5
464 changed files with 81372 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
+		<script language="JavaScript" type="text/JavaScript">
+			/**
+	弹出iframe页面(iframe后面会添加灰色蒙版)
+	**/
+	 window.onload = function () {
+		 // https://duanjugjblack.xianmxkj.com
+	            showIframe('http://192.168.0.113:8080/'); // 调用自定义函数
+	        };
+			 // "<div class='mobile_preview_header'><i class='mobile_preview_header_icon'></i></div>" +
+			  // "<div class='mobile_preview_footer'><i class='mobile_preview_footer_icon'></i></div>"
+	function showIframe(url){
+	    $("<div id='showMobilePreview'>" +
+	            "<div class='mobile_preview_frame'><iframe id='YuFrameMobilePreview' name='YuFrameMobilePreview' ></iframe></div>" +
+	            +
+	        "</div>").prependTo('body');  
+	   
+	     $("#YuFrameMobilePreview").attr("src", url);  
+	  //添加背景遮罩
+	  // Gray
+	   $("<div id='YuFrameMobilePreviewBg' style='cursor:pointer;width:100%;height:100%;background-color: #ffffff;display:block;z-index:9998;position:absolute;left:0px;top:0px;filter:Alpha(Opacity=30);/* IE */-moz-opacity:0.4;/* Moz + FF */opacity: 0.4; '/>").prependTo('body'); 
+	 
+	    //点击背景遮罩移除iframe和背景
+	    // $("#YuFrameMobilePreviewBg").click(function() {
+	    //     $("#showMobilePreview").remove();
+	    //     $("#YuFrameMobilePreviewBg").remove();
+	    // });
+	}
+	</script>
+		<style type="text/css">
+			#showMobilePreview {
+				z-index: 9999;
+				width: 391px;
+				height: 768px;
+				position: absolute;
+				left: 50%;
+				top: 50%;
+				transform: translate(-50%, -50%);
+				opacity: 1;
+				text-align: center;
+			}
+
+			.mobile_preview_header {
+				display: block;
+				position: absolute;
+				top: 0;
+				left: 0;
+				height: 40px;
+				width: 387px;
+				background: #eeeff2;
+				text-align: center;
+				line-height: 40px;
+				border-top-right-radius: 50px;
+				border-top-left-radius: 50px;
+			}
+
+			.mobile_preview_header_icon {
+				display: inline-block;
+				width: 65px;
+				height: 10px;
+				background: #c8c9cc;
+				border-radius: 9px;
+				vertical-align: middle;
+				margin-top: 18px;
+			}
+
+			.mobile_preview_frame {
+				width: 375px;
+				/* min-height: 294px;
+				height: 667px;
+				max-height: calc(100vh - 166px);
+				top: 40px; */
+				height: 100%;
+				left: 0;
+				/* border: 6px solid #eeeff2; */
+				position: relative;
+				background-color: #fff;
+				display: block;
+			}
+
+			#YuFrameMobilePreview {
+				border: none;
+				width: 375px;
+				height: 100%;
+			}
+
+			.mobile_preview_footer {
+				display: block;
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				height: 52px;
+				width: 387px;
+				background: #eeeff2;
+				text-align: center;
+				line-height: 45px;
+				border-bottom-right-radius: 50px;
+				border-bottom-left-radius: 50px;
+			}
+
+			.mobile_preview_footer_icon {
+				display: inline-block;
+				width: 43px;
+				height: 43px;
+				background: #c8c9cc;
+				border-radius: 50%;
+				vertical-align: middle;
+			}
+		</style>
+
+	</head>
+	<html>