zoukankan      html  css  js  c++  java
  • 页面 分页加载图文 微服务架构

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>振奋人心好消息》华莱早知道,400辆豪车,2018,看华莱</title>
    	
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection"content="telephone=no, email=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon-precomposed" href="http://7xiobb.com2.z0.glb.clouddn.com/touch-icon-ipad-144.png">
    <meta name="renderer" content="webkit"> <!-- 360浏览器指定默认极速模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" > <!-- 优先用Chrome渲染 -->
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/dycommon/base.css">
    
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/common.css?v=4.1.2">
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/setthemes.css?v=4.1.2">
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/themes/common/css/swiper.min.css?v=4.1.2">
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/themes/common/css/map.css?v=4.1.2">
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/minpageOrder.css?v=4.1.2">
    
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/show/implantAd.css?v=4.1.2">
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/dycommon/dycommon.css?v=4.1.2">
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/adMaterial/adMaterial.css?v=4.1.2">
    
    	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/newMinpage.css?v=4.1.2">
    
    	
    </head>
    <style>
    	.fix-makeposter{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:100;}
    	@media screen and (min-800px){
    		.fix-makeposter{540px;left:50%;margin-left:-270px;}
    	}
    	.fix-makeposter a{display:block;100%;height:44px;line-height:44px;background: rgba(250,70,70,1);font-size:1.6rem;color:#fff;text-align:center;border-radius:5px;}
    	.edit-show-txt pre{padding:10px;}
    	.phonestyle .tell i.ic-dyTel:after{ content: 'e60e';  }
    </style>
    <style>
    	.fix-btnbox{position: fixed;left: 0;right: 0;bottom: 0; z-index:100;height: 48px;background-color: #fff;border-top:1px solid #e5e5e5;}
    	@media screen and (min- 800px) {
    		.fix-btnbox{540px;left:50%;margin-left:-270px;}
    	}
    	.fix-btnbox a{display: block;text-align: center;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;height: 48px;line-height: 48px;font-size: 1.5rem;color: #fff;50%}
    	.fix-btnbox a.enroll{background-color: #fff;color:#424242;}
    	.fix-btnbox a.poster{background: rgba(250,70,70,1);}
    
    	.weixinDoc{
    		padding: 10px 20px;
    	}
    	.weixinDoc iframe {
    		max-height:280px;
    	}
    	@media screen and (max-height:480px){
    		.weixinDoc iframe {
    			max-height:200px;
    		}
    	}
    	#maskbg{
    		position: fixed;
    		z-index: 99;
    		 100%;
    		height: 100%;
    		background: rgba(0, 0, 0, 0.47);
    	}
    	.pop-implantAd{
    		z-index:999;
    	}
    	.edit-show-phone{z-index:1;}
    </style>
    <body>
    <input type="hidden" id="groomIndex" value="1"> <!--0:表示不公开 1:表示公开 推荐此微单页至名片首页-->
    <input type="hidden" id="hidePublisher" value="1"> <!--0:表示显示 1:表示隐藏 设置显示发布人-->
    <input type="hidden" id="showpublisherface" value="1"> <!--0:表示显示 1:表示隐藏 分享默认首图-->
    <input type="hidden" id="curMicropageId" value="ODM0MDcyNzY4"> <!--当前微单页的ID-->
    <input type="hidden" id="MomCardSynchro" value="0"> <!--1:表示已加入母名片 0:未加入 母名片同步-->
    <input type="hidden" id="manageFg" value="0"> <!--表示是否是作者本人 1:表示作者 0:表示访问者-->
    <input type="hidden" id="userID" value=""> <!--用户ID-->
    <div class="wrap">
    
    	<div class="page-a" data-page="pa">
    		
    		
    
    		
    		<div class="con showcon">
    
    			<div class=" itembox">
    				
    
    
    
    
        
            <style>
                .wrap .page-a>.con{margin: 0;}
                .edit-show{background: transparent;}
                .edit-addtool .txt{background: transparent; color: white;}
                .edit-addtool i{ 25px; height: 25px; overflow: hidden;}
                .info .con{text-align: center;}
                .edit-show-phone .minPagePhone05 .tell{margin-top: 0;}/*电话对齐*/
                .little-info {margin-left: 15px;}
            </style>
        
        
    
    
        <div class="theHeader" style="position:relative;margin-bottom:95px;">
            <img src="http://help.soqi.cn/banner109" alt="" width="100%">
            
                <div style="position:absolute;bottom: -75px;left:0;right:0;color:#424242;text-align:center;">
                    <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone"
                       style="display:block; 60px;height: 60px;border-radius:50%;overflow:hidden;margin:0 auto;border: 2px solid #fff;"><img
                            style="100%;border-radius:50%;"
                            src="http://7xitth.com2.z0.glb.qiniucdn.com/c5bed152dec24f189d07c74f9ed50577.jpg?t=1532270708296" alt="头像"
                            onerror="this.src='http://7xiobb.com2.z0.glb.qiniucdn.com/face-demo.jpg'"></a>
                    <h1 style="font-size:16px;margin-top: 13px;">
                        <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone" style="color: #4c4c4c;font-size: 16px;">王雨13837440999</a>
                    </h1>
                    <p style="font-size:1.4rem;margin-top: 10px;">
                        <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone" style="color:#666;margin:0 5px;">华莱</a>
                        <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone" style="color:#666;">优秀领导人</a>
                    </p>
                </div>
            
        </div>
    
    
    
    
    
    
    				<!--2017-7-29 阅读 点赞--->
    				<div class="little-info">
    					<span>2018-07-22 </span> <span>阅读<em>109364</em></span>
    					
    						
    					
    				</div>
    				<!--2017-7-29 阅读 点赞 end--->
    				<div id="miniDetail">
    					
    					
    
    
    
    
    <input type="hidden" id="num" value = "2">
    
        
            
            
            
    
            
    
            
    
            
    
            
    
            
            
    
            
    
            
            
            
                
                    
                    
                        
                            
                                
                                
                                
    
                                
    
                                
    
                                
    
                                
    
                                
                                
    
                                
    
                                
                                
                                
                                    
                                        
                                            <div class="moduleDoc">
                                                    <div style="background: url('http://help.soqi.cn/dyModule42-2.png') no-repeat center; background-size: contain;"> 
     <p style="font-size: 17px; line-height: 36px; text-align: center;">《特大好消息》华莱早知道</p>
     <p style="font-size: 17px; line-height: 36px; text-align: center;">2018,看华莱</p> 
    </div>
                                            </div>
                                        
                                    
                                
                                
                            
                        
                            
                                
                                    <div class="edit-show" >
                                        <div class="edit-show-txt">
                                            <pre style="font-weight:400;font-style:normal;font-size:1.8rem;color:rgb(174, 0, 1);text-align:left;background-color:rgb(255,255,255);border-style:dashed;border-0px;padding: 10px;border-color:rgb(0,0,0);line-height:180%;">家人们,喜讯7月6日晚上,陶进波《人民日报报社记者》资深荣誉董事告诉大家了好多的华莱喜讯
    一:华莱国际二期董事楼开始动工了
    
    二:荣誉董事的收入翻三翻马上要兑现,拿管理奖的家人收入将陆续增长
    
    三:第四节黑茶文化节发放公司特制的红旗牌轿车,车后座和牌照上全部有华莱标志,每位达标的荣誉董事获得的车都是独一无二的
    
    四:五年内公司要打造一万名荣誉董事
    
    五:华莱银行也开始动工修建中
    
    六:华莱医院兴建之中
    
    七:华莱房地产已初见规模
    
    八:华莱公司将改建为集团
    
    家人们华莱已经为我们准备好了一切,信的甩开膀子加油干!加油加油,不信的,你可以继续看,损失的是自己噢,
    
    成功最大的秘诀,就是留下来</pre>
                                        </div>
                                    </div>
                                
                                
                                
    
                                
    
                                
    
                                
    
                                
    
                                
                                
    
                                
    
                                
                                
                                
                                
                            
                        
                            
                                
                                
                                    <div class="edit-show">
                                        <div class="edit-show-img">
                                            
                                                
                                                
                                                    <img class="shareImg" src="" imgdatasrc="http://7xk5td.com2.z0.glb.qiniucdn.com/MTQzNTIzNjQ2MzE=.jpg?imageMogr2/interlace/1&t=1532270708296">
                                                
                                            
                                        </div>
                                    </div>
                                
                                
    
                                
    
                                
    
                                
    
                                
    
                                
                                
    
                                
    
                                
                                
                                
                                
                            
                        
                            
                                
                                    <div class="edit-show" >
                                        <div class="edit-show-txt">
                                            <pre style="font-weight:400;font-style:normal;font-size:1.6rem;color:rgb(0,0,0);text-align:left;background-color:rgb(255,255,255);border-style:dashed;border-0px;padding: 10px;border-color:rgb(0,0,0);line-height:180%;">市场价50万的红旗轿车,华莱民族企业用民族品牌车,印有华莱logo,颁发400多辆,200平方精装修的荣誉董事楼,带产权两证齐全,颁发200多套!2018,10月28日,华莱9周年庆典,一起见证激动人心的时刻!</pre>
                                        </div>
                                    </div>
                                
                                
                                
    
                                
    
                                
    
                                
    
                                
    
                                
                                
    
                                
    
                                
                                
                                
                                
                            
                        
                            
                                
                                
                                    <div class="edit-show">
                                        <div class="edit-show-img">
                                            
                                                
                                                
                                                    <img class="shareImg" src="" imgdatasrc="http://7xk5td.com2.z0.glb.qiniucdn.com/NzQ1MzA5ODk5OQ==.jpg?imageMogr2/interlace/1&t=1532270708296">
                                                
                                            
                                        </div>
                                    </div>
                                
                                
    
                                
    
                                
    
                                
    
                                
    
                                
                                
    
                                
    
                                
                                
                                
                                
                            
                        
                            
                                
                                
                                
    
                                
    
                                
    
                                
    
                                
    
                                
                                
    
                                
    
                                
                                
                                
                                    
                                        
                                            <div class="moduleDoc">
                                                    <div style="
                            border: 30px solid transparent;
                            -webkit-border-image: url('http://help.soqi.cn/dyModule42-1.png') 60 repeat;
                            text-align: center;
                            font-size: 17px; line-height: 24px;"> 
     <p>《特大好消息》华莱早知道</p>
     <p>2018,看华莱</p>
     <p><br></p>
     <p>一、2018年8月份华莱公司三期建设装修完毕并投入使用,将会有6500人的豪华会场,四个电子屏全场全景投放,加上二期和万隆会场,接待能力每天将达到一万人。</p>
     <p><br></p>
     <p>二、2018年10月份高速通车,直达华莱公司三期门口,高速收费站叫“华莱”,这在民族企业中是第一家。</p>
     <p><br></p>
     <p>三、中国第四届黑茶文化节暨华莱九周年庆典</p>
     <p>同时在华莱万隆广场召开。</p>
     <p><br></p>
     <p>四、今年荣誉董事豪华游是迪拜。</p>
     <p>加油,华莱人!</p> 
    </div>
                                            </div>
                                        
                                    
                                
                                
                            
                        
                            
                                
                                
                                    <div class="edit-show">
                                        <div class="edit-show-img">
                                            
                                                
                                                
                                                    <img class="shareImg" src="" imgdatasrc="http://7xk5td.com2.z0.glb.qiniucdn.com/NDQ2MDk5MzQzNQ==.jpg?imageMogr2/interlace/1&t=1532270708296">
                                                
                                            
                                        </div>
                                    </div>
                                
                                
    
                                
    
                                
    
                                
    
                                
    
                                
                                
    
                                
    
                                
                                
                                
                                
                            
                        
                            
                                
                                
                                    <div class="edit-show">
                                        <div class="edit-show-img">
                                            
                                                
                                                
                                                    <img class="shareImg" src="" imgdatasrc="http://7xk5td.com2.z0.glb.qiniucdn.com/NDQ2MTY4ODM2Nw==.jpg?imageMogr2/interlace/1&t=1532270708297">
                                                
                                            
                                        </div>
                                    </div>
                                
                                
    
                                
    
                                
    
                                
    
                                
    
                                
                                
    
                                
    
                                
                                
                                
                                
                            
                        
                    
                
            
            
            
            
        
    
        
            
            
            
    
            
    
            
    
            
    
            
    
            
            
    
            
    
            
            
            
            
            
            
                
                    
                        <div class="sysDefault-ad1">
                            <div class="sysDefault-ad1-info">
                                <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone" class="faceImgbox">
                                    <img src="//portrait.qiniu.soqi.cn/c5bed152dec24f189d07c74f9ed50577.jpg-img120?t=20171220?t=1532270708297"
                                         onerror="this.src = 'http://help.soqi.cn/qiuzhen-01.jpg'">
                                </a>
                                
                                    <h1 class="name">王雨13837440999</h1>
                                
                                
                                    <h2 class="company-name mt-10">湖南华莱生物科技</h2>
                                
                                <!--   <h2 class="company-name mt-10 disabled">去设置公司名称</h2>-->
                                <p class="info mt-10">
                                    
                                        <span class="department mr-5">华莱</span>
                                    
                                    
                                        <span class="post">优秀领导人</span>
                                    
                                </p>
                                <p class="tellbox flex-center">
                                    <a class="tellNum" href="tel:13837440999">13837440999</a>
                                    <a href="tel:13837440999" class="tellIcon">
                                        <i class="ic-dypub ic-dyTel"></i>
                                    </a>
                                </p>
                                <div class="codeShowbox">
                                    <div class="codeImgbox">
                                        <div class="codeImg flex-center">
                                            <img src="http://qrcode.soqi.cn/MP_WEIXIN_MTgwNTE4NTYz.jpg?t=1518169028000?t=1532270708208?t=1532270708297" onerror="$(this).parents('.codeShowbox').remove()">
                                            <a href="http://mp.soqi.cn/acc/editMpBaseInformation.xhtml?type=1">
                                                <i class="ic-admaterial ic-ad-code"></i>
                                                <p>上传二维码</p>
                                            </a>
                                        </div>
                                    </div>
                                    <p class="codeImgbox-name mt-10">微信二维码</p>
                                </div>
                                <!--自定义二维码-->
                                
                                    
                                
                                    
                                
                                <!--自定义二维码 end-->
                            </div>
    
                            
    
                        </div>
                    
                    
                    
                
            
        
    
    				</div>
    				<!-- 组件结束 -->
    				
    				<!-- 二维码弹出框 -->
    				<div class="codepopmask flex-center">
    					<div class="loadcode">
    						<div class="loadtop flex-top-center">
    							<div class="codebox">
    								<img src=""  alt="">
    							</div>
    						</div>
    						<p style="color:#999;text-align:center;margin-top:10px;margin-bottom: 15px;">长按保存图片</p>
    						<div class="loadbot">
    							<i class="icon-minpage" onclick="$('.codepopmask').hide()">�</i>
    						</div>
    					</div>
    				</div>
    				<!-- 上一篇 下一篇 -->
    				<!--原文出处-->
    				<div class="ReprintSource mt-20">
    					<div class="pub-list">
    						
    						<a  
    							href="/compNotice/ODM0MDcyNzY4" class="complaintxt">投诉</a>
    					</div>
    				</div>
    				<!--原文出处-->
    				<div class="bt-borderbox">
    					<div>
    						<span>已经到底了</span>
    					</div>
    				</div>
    			</div>
    			<!-- 音乐 -->
    			
    
    			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/zepto.min.js"></script>
    			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/zepto.touch.min.js"></script>
    			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/compatible.js"></script>
    			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/swiper.min.js"></script>
    			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/qrcode.js"></script>
    			<script type="text/javascript"  src="/js/common/util.js"></script>
    			
    		</div>
    
    
    		
    <!-- 弹出地图选择 begin-->
    
    <style>
    .ui-load-overlay{
        position: absolute;
         100%;
        height: 100%;
        z-index: 9999;
        display: none;
        top: 0;
        background-color: rgba(0,0,0,0.5);
        }
        .flex-center_loading {
      /*内容水平垂直居中*/
       -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    </style>
    <div id="lbs-geo_map" style="display:none"></div>
    <div id="loading" class="ui-load-overlay flex-center_loading">
    	<div class="ui-load" style="position: absolute;left: 50%;top: 80%;margin-left: -90px;auto;height:auto;">
    	  <div class="ui-load-txt" style="color: #ccc;text-align: center;margin: 10px;font-size: 18px;">
    	   努力定位中,请等待...
    	  </div>
    	</div>
    </div>
    <script src="//api.map.baidu.com/components?ak=004298ef0db6c9cc3f53cbe3b969cd0b&v=1.0"></script>
    <script src="//map.qq.com/api/js?v=2.exp&key=QGVBZ-PRXR3-SIB3V-3B24M-OQSYE-OOBFX&libraries=convertor"></script> <!-- 腾讯地图坐标转换 -->
    <script type="text/javascript">
    	var currentPosition = null;
    	var lbs_geo_map_end = 'no';
    	function lbs_geo_map(){
    		var lbsGeo = document.createElement('lbs-geo');
    		lbsGeo.addEventListener("geofail",function(evt){ //注册事件
    			$('#loading').hide();
    			lbs_geo_map_end = 'false';
    		});
    		lbsGeo.addEventListener("geosuccess",function(evt){ //注册
    			$('#loading').hide();
    			var addr = evt.detail.coords;
    			currentPosition = {lat : addr.lat,lng : addr.lng};
    			lbs_geo_map_end = 'true';
    		});
    		lbsGeo.setAttribute("enable-modified","true");
    		lbsGeo.setAttribute("id","geo");
    		lbsGeo.setAttribute("display","none");
    		document.getElementById('lbs-geo_map').appendChild(lbsGeo);
    		$('#loading').show();
    	}
    </script>
    
    <style>
    	.map {
    		display: none;
    		position: fixed;
    		top: 0;
    		left: 0;
    		z-index: 9998;
    		 100%;
    		height: 100%;
    		background-color: rgba(0,0,0,.6);
    	}
    	.map-ways {
    		position: fixed;
    		top: 50%;
    		z-index: 9999;
    		 80%;
    		left: 10%;
    		height: 232px;
    		margin-top: -126px;
    		background-color: #fff;
    		border-radius: 5px;
    	}
    	.map-ways h3 {
    		padding: 20px 0 0 20px;
    		margin-bottom: 8px;
    		font-size: 18px;
    		font-family: 'Mircrosoft YaHei';
    		color: #000;
    	}
    	.map-ways h3 i,.share h3 i {
    		float: right;
    		margin-right: 15px;
    		color: #999999;
    	}
    	.map-ways ul li {
    		padding: 10px 20px;
    		border-bottom: 1px solid #f2f2f2;
    	}
    	.map-ways ul li:last-child {
    		border: none;
    	}
    	.map-ways ul li a {
    		display: inline-block;
    		 100%;
    		height: 40px;
    		line-height: 40px;
    	}
    	.map-ways ul li a span {
    		float: left;
    		display: block;
    		 40px;
    		height: 40px;
    		margin-right: 12px;
    	}
    	.map-ways ul li a span.tencent {
    		background: url('http://7xiobb.com2.z0.glb.clouddn.com/ways3.png');
    		background-size: 40px;
    	}
    	.map-ways ul li a span.baidu {
    		background: url('http://7xiobb.com2.z0.glb.clouddn.com/ways2.png');
    		background-size: 40px;
    	}
    	.map-ways ul li a span.gaode {
    		background: url('http://7xiobb.com2.z0.glb.clouddn.com/ways1.png');
    		background-size: 40px;
    	}
    </style>
    <div class="map">
    	<div class="map-ways">
    		<h3>使用以下方式找到路线 <i class="iconfont" onclick="this.parentNode.parentNode.parentNode.style.display = 'none';"></i> </h3>
    		<ul>
    			<li><a href="javascript:qqMap();"><span class="tencent"></span>腾讯地图</a></li>
    			<li><a href="javascript:baiduMap();"><span class="baidu"></span>百度地图</a></li>
    			<li><a href="javascript:gaodeMap();"><span class="gaode"></span>高德地图</a></li>
    		</ul>
    	</div> 
    </div>
    <script type="text/javascript" src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/compatible.js"></script>
    <script>
    $('.map').on('click',function(){
    	$(this).hide();
    });
    $('.goHere').on('click',function(){ //活动地址 点击到这里去
    	mapPoint = $(this).parent().find('input');
    	if(mapPoint != null && typeof mapPoint != undefined){
    		$('.map').show();
    	}
    });
    //地图导航
    var mapPoint = null;
    function baiduMap(){
    	if(mapPoint != null){
    		mapPoint.attr('lat',mapPoint.attr('latlng').split(',')[0]);
    		mapPoint.attr('lng',mapPoint.attr('latlng').split(',')[1]);
    		if(IsPC()){
    			encodeUriString('http://api.map.baidu.com/marker?location='+mapPoint.attr('lat') +','+mapPoint.attr('lng') +'&title='+mapPoint.attr('mapname') +'&content='+mapPoint.attr('content')+',联系电话:'+mapPoint.attr('contactNumber')+'&output=html&src=搜企网');
    		}else{
    			lbs_geo_map();
    			var sitl = setInterval(function(){
    				if(lbs_geo_map_end != 'no' || IsPC()){
    					clearInterval(sitl);
    					if(currentPosition == null){
    						encodeUriString('http://api.map.baidu.com/marker?location='+mapPoint.attr('lat') +','+mapPoint.attr('lng') +'&title='+mapPoint.attr('mapname') +'&content='+mapPoint.attr('content')+',联系电话:'+mapPoint.attr('contactNumber')+'&output=html&src=搜企网');
    					}else{
    						//百度地图
    						encodeUriString('http://api.map.baidu.com/direction?origin=latlng:'+currentPosition.lat +','+currentPosition.lng +'|name:我的位置&destination=latlng:'+mapPoint.attr('lat') +','+mapPoint.attr('lng')+ '|name:'+mapPoint.attr('mapname')+'&mode=driving&region='+mapPoint.attr('cityname')+'&output=html&src=搜企网');
    					}
    				}
    			},300);
    		}
    	}
    };
    function gaodeMap(){
    	if(mapPoint != null){
    		mapPoint.attr('lat',mapPoint.attr('latlng').split(',')[0]);
    		mapPoint.attr('lng',mapPoint.attr('latlng').split(',')[1]);
    		if(IsPC()){
    			Popup.noticeTis('此功能请在手机上使用');
    			return;
    		}else{
    			//lbs_geo_map();
    			lbs_geo_map_end = 'yes';
    			var sitl = setInterval(function(){
    				if(lbs_geo_map_end != 'no' || IsPC()){
    					clearInterval(sitl);
    					if (currentPosition == null) {
    						$.ajax({ //转换公司导航点
    							url: "/notfilter/baiduTogaodeMap.xhtml",
    							dataType : "json",
    							type : "post",
    							cache : false,
    							async:false,
    							data :{ "lat" :mapPoint.attr('lat'),
    									"lng" :mapPoint.attr('lng')},
    							success : function(msg){
    								var reqinfo = msg.reqmsg;
    								var obj = JSON.parse(reqinfo);
    								if(obj.info == "ok"){
    									encodeUriString('http://m.amap.com/?mk='+obj.locations + ',' + mapPoint.attr('mapname'));
    								}
    							}
    						});	
    					}else{
    						$.ajax({ //转换公司导航点
    							url: "/notfilter/baiduTogaodeMap.xhtml",
    							dataType : "json",
    							type : "post",
    							cache : false,
    							async:false,
    							data :{ "lat" :mapPoint.attr('lat'),
    									"lng" :mapPoint.attr('lng')},
    							success : function(msg){
    								var reqinfo = msg.reqmsg;
    								var obj = JSON.parse(reqinfo);
    								if(obj.info == "ok"){
    									encodeUriString('http://m.amap.com/?mk='+obj.locations + ',' + mapPoint.attr('mapname'));
    								}
    							}
    						});	
    					}
    				}
    			},300);
    		}
    	}
    };
    function qqMap(){
    	if(mapPoint != null){
    		mapPoint.attr('lat',mapPoint.attr('latlng').split(',')[0]);
    		mapPoint.attr('lng',mapPoint.attr('latlng').split(',')[1]);
    		qq.maps.convertor.translate(new qq.maps.LatLng(mapPoint.attr('lat'),mapPoint.attr('lng')), 3, function(res){
    	        latlng = res[0];
    			encodeUriString('http://apis.map.qq.com/uri/v1/routeplan?type=drive&to='+mapPoint.attr('mapname')+'&tocoord='+latlng.lat +','+latlng.lng+'&policy=0&referer=搜企地图导航');
    	    });
    	}
    };
    function encodeUriString(uriString){
    	uriString = encodeURI(uriString);
    	window.location.href = uriString;
    };
    
    </script>
    <!-- 弹出地图选择 end-->
    
    		
    <style>
    .ui-load-overlay{
        position: absolute;
         100%;
        height: 100%;
        z-index: 9999;
        display: none;
        top: 0;
        background-color: rgba(0,0,0,0.5);
        }
        .flex-center_loading {
      /*内容水平垂直居中*/
       -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    </style>
    <div id="lbs-geo_map" style="display:none"></div>
    <div id="loading" class="ui-load-overlay flex-center_loading">
    	<div class="ui-load" style="position: absolute;left: 50%;top: 80%;margin-left: -90px;auto;height:auto;">
    	  <div class="ui-load-txt" style="color: #ccc;text-align: center;margin: 10px;font-size: 18px;">
    	   努力定位中,请等待...
    	  </div>
    	</div>
    </div>
    <script src="//api.map.baidu.com/components?ak=004298ef0db6c9cc3f53cbe3b969cd0b&v=1.0"></script>
    <script src="//map.qq.com/api/js?v=2.exp&key=QGVBZ-PRXR3-SIB3V-3B24M-OQSYE-OOBFX&libraries=convertor"></script> <!-- 腾讯地图坐标转换 -->
    <script type="text/javascript">
    	var currentPosition = null;
    	var lbs_geo_map_end = 'no';
    	function lbs_geo_map(){
    		var lbsGeo = document.createElement('lbs-geo');
    		lbsGeo.addEventListener("geofail",function(evt){ //注册事件
    			$('#loading').hide();
    			lbs_geo_map_end = 'false';
    		});
    		lbsGeo.addEventListener("geosuccess",function(evt){ //注册
    			$('#loading').hide();
    			var addr = evt.detail.coords;
    			currentPosition = {lat : addr.lat,lng : addr.lng};
    			lbs_geo_map_end = 'true';
    		});
    		lbsGeo.setAttribute("enable-modified","true");
    		lbsGeo.setAttribute("id","geo");
    		lbsGeo.setAttribute("display","none");
    		document.getElementById('lbs-geo_map').appendChild(lbsGeo);
    		$('#loading').show();
    	}
    </script>
    
    	</div>
    	<!-- 返回顶部 -->
    	<div class="back">
    		<i class="icon-minpage"></i>
    	</div>
    
    	<!--2017-7-29 底部按钮修改-->
    	<!--普通单页-->
    	
    		
    		
    		
    		
    			<!--查看其他人的普通单页-->
    			<div class="bt-minpageshow-bt-view pub-list flex-center">
    				<div class="code" data-action="popCode">
    							<span>
    								<i class="icon-minpage ic-micro-code"></i>
    							</span>
    				</div>
    				<!--公司管理非平台管理者-->
    				<div class="flex" id="companyManager" style="display: none">
                        <a href="javascript:" class="btBtn flex-center btBtn-border" data-action="collectCompany"><span class="article"><i class="icon-minpage icon-minpage-page"></i>采集到公司文库</span></a>
                    </div>
    				<!--公司管理公司管理非平台管理者-->
    
    				<!--不是公司管理员是平台管理者-->
    				<div class="flex" id="platfromManager" style="display: none">
                        <a href="javascript:" class="btBtn flex-center btBtn-border" data-action="collectPlatform"><span class="article"><i class="icon-minpage ic-micro-plat"></i>采集到平台</span></a>
                    </div>
    				<!--不是公司管理员是平台管理者--->
    
    				<!--公司管理也是平台管理者-->
    				<div class="flex" id="companyManagerANDplatfromManager" style="display: none">
    					<a href="javascript:" class="btBtn flex-center btBtn-border" data-action="collectBtn"><span class="article"><i class="icon-minpage icon-minpage-page"></i>采集</span></a>
    				</div>
    				<!--公司管理也是平台管理者 end-->
    				<script>
    					window.onload = function () {
                            $.post("/mini/show/getUserManagerInfo.xhtml",null,function(res){
                                if(res.SUCCESS){
                                    var data = res.data;
                                    if(data.companyManager && data.platfromManager){
    									$('#companyManagerANDplatfromManager').show();
    								}else if(data.companyManager){
                                        $('#companyManager').show();
    								}else if(data.platfromManager){
                                        $('#platfromManager').show();
    								}
    							}else{
                                    console.log('未登录')
    							}
                            },'json',true);
                        }
    				</script>
    
    				
    					<div class="flex modifyToMeBtn">
    						<a href="https://mp.soqi.cn/acc/isInducstry.xhtml?registerRecId=6475FAD3F6D2BA377CB0BCD31B48A3E7&referralIdEcr=&registerSource=2&source=2"
    						   class="btBtn flex-center"><span><i class="icon-minpage ic-micro-reprint"></i>修改成我的</span></a>
    					</div>
    				
    				
    			</div>
    			<!--查看其他人的普通单页 end-->
    		
    	
    	<!--2017-7-29 底部按钮修改 end-->
    
    </div>
    <!-- 二维码弹出框 -->
    <div class="codepopmask flex-center">
    	<div class="loadcode">
    		<div class="loadtop flex-top-center">
    			<div class="codebox"><img src="http://7xk39p.com2.z0.glb.qiniucdn.com/qrMyStore_MjQ5MTg1MjI=.png"  alt=""></div>
    		</div>
    		<p style="color:#999;text-align:center;margin-top:10px;margin-bottom: 15px;">长按保存图片</p>
    		<div class="loadbot">
    			<i class="icon-minpage" onclick="$('.codepopmask').hide()">�</i>
    		</div>
    	</div>
    </div>
    
    </div>
    <input type="hidden" id="pgid" class="pgid" value="ODM0MDcyNzY4"/>
    <input type="hidden" id="copyright" value="0"/>
    <input type="hidden" id="mpUser" value="" />
    <input type="hidden" id="pid" value="12727155" />
    <input type="hidden" id="miniDetailNum" value="2">
    <input type="hidden" id="mcp_sharePortraitShow" value="1">
    <input type="hidden" id="porUrl" value="http://7xitth.com2.z0.glb.qiniucdn.com/c5bed152dec24f189d07c74f9ed50577.jpg?t=1532270708297">
    
    <input type="hidden" value="" id="lastMemberFlag" > <!--记录上一次开关状态 0:表示 开关关 1:表示 开关开-->
    
    <script type="text/javascript" src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/mp/minipage/miniPageVoiceShow.js?v=4.1.2"></script>
    <script type="text/javascript" src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/mp/newMinpageShow.js?v=4.1.2"></script>
    
    
    <script type="text/javascript" src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/dycommon/zepto.min.js?v=4.1.2"></script>
    <script type="text/javascript" src="/js/dycommon/sea.js?v=4.1.2"></script>
    <script type="text/javascript" src="/js/dycommon/common.js?v=4.1.2"></script>
    <script type="text/javascript"	src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/newMinpageShow.js?v=4.1.2"></script>
    
    
    <script>
        $(function(){
            var getloading = 0;
            var miniDeatailNum = parseInt($('#miniDetailNum').val());
            $('.page-a').on('scroll',moreMiniDailShow);
            function moreMiniDailShow(){
                var lastNode = $('#miniDetail .edit-show').last();
                var wrapHeight = $('.wrap').height();
                if($('#miniDetail .edit-show').length == 0 || lastNode.offset().top < wrapHeight + 500 ){
                    if(getloading == 1){
                        console.info('后台取数据中。。。');
                    }else if(getloading == 2){
                        console.info('全部数据获取完成');
                    }else{
                        console.info('后台取数据');
                        getloading = 1;
                        $.ajax({
                            url : '/notfilter/moreMiniDailShow.xhtml',
                            type : 'POST',
                            dataType:'html',
                            data :{'pgid':$('#pgid').val(),
                                'miniDeatailNum':miniDeatailNum
                            },
                            async : true,
                            success : function(msg){
                                var num = $(msg).filter('#num').val();
                                miniDeatailNum += parseInt(num);
                                //$('#miniDetailNum').val(parseInt($('#miniDetailNum').val()) + parseInt(num));
                                $('#miniDetail').append(msg);
                                if(parseInt(num) < 5){
                                    console.info('全部数据获取完成');
                                    getloading = 2;
                                    $('.page-a').off('scroll',moreMiniDailShow);
                                }else{
                                    getloading = 0;
                                }
                                console.info('获取完成');
                                moreMiniDailShow();//加载更多组件内容
                                imgonscrollloading();//图片缓加载
                                videoFun();//视频加载
                                artivleImgs();
                            }
                        });
                    }
                }
                artivleImgs();
            }
    //		moreMiniDailShow();
    
            $('#shengchenghaibao').on('click',function(){
                location.href = "/notfilter/posterSelect.xhtml?pgid=" + $('#pgid').val();
            });
        })
    </script>
    <script>
        $(function(){
            seajs.use("share/wxPreview",function(wxPreview){
                $('#miniDetail').on('click','.shareImg:not([data-url="1"]),.moduleDoc img,.weixinDoc img',function () {
                    var imgsObj = $('#miniDetail .shareImg,.moduleDoc img,.weixinDoc img').not('[data-url="1"]');
                    var imgs = new Array();
                    for(var i = 0; i < imgsObj.size(); i++){
                        var src = $.trim(imgsObj.eq(i).attr('imgdatasrc')) == ''?imgsObj.eq(i).attr('src'):imgsObj.eq(i).attr('imgdatasrc');
                        imgs.push(src);
                    }
                    wxPreview.preview($(this).attr('src'),imgs);
                });
            })
        })
    </script>
    
    <script>
        seajs.use("show/implantAd");
    
        
    //	seajs.config({
    //        plugins: ['shim'],
    //        paths:{
    //            "BMap":["http://api.map.baidu.com/api?v=2.0&ak=EAG4E588mYT0cg09WD8Nfy6GWhGOzEGD"]
    //        },
    //        shim: {
    //			'BMap':{
    //                deps: ['jquery'],
    //                exports: 'BMap'
    //			}
    //        }
    //	});
    //    seajs.use("navPoint/navigation");
    </script>
    
    
    
    <script src="/js/common/shareCommon.js"></script>
    <script src="https://staticresources.qiniu.soqi.cn/companyProhibition.js"></script>
    
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?b30d39a8b70a2258c8bef068ad14ca2a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    </body>
    </html>
    

      

    振奋人心好消息》400辆豪车,2018 https://wdy.soqi.cn/m/ODM0MDcyNzY4

     图文区域内容  篇幅比较长、 边scrool边post请求加载图文区域 ??

    模板页

    其他按数据类目:接口

    资源静态文件
    可能是一个微服务的架构,数据完全走微服务,和前端无关了

    每打开一次页面:后台阅读数加[2,10],记录并返回给微服务

  • 相关阅读:
    .net注册iis
    hdu 1081To The Max
    hdu 1312Red and Black
    hdu 1016Prime Ring Problem
    hdu 1159Common Subsequence
    hdu 1372Knight Moves
    hdu 1686Oulipo
    hdu 1241Oil Deposits
    hdu 1171Big Event in HDU
    hdu 4006The kth great number
  • 原文地址:https://www.cnblogs.com/rsapaper/p/9351912.html
Copyright © 2011-2022 走看看