页面 分页加载图文 微服务架构
<!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-width:800px){ .fix-makeposter{width:540px;left:50%;margin-left:-270px;} } .fix-makeposter a{display:block;width: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-width: 800px) { .fix-btnbox{width: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;width: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; width: 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{width: 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;width: 60px;height: 60px;border-radius:50%;overflow:hidden;margin:0 auto;border: 2px solid #fff;"><img style="width: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-width: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-width: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; width: 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;width: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; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); } .map-ways { position: fixed; top: 50%; z-index: 9999; width: 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; width: 100%; height: 40px; line-height: 40px; } .map-ways ul li a span { float: left; display: block; width: 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®ion='+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; width: 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;width: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=®isterSource=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],记录并返回给微服务