数字人

dist/assets/bootstrap-datetimepicker.min.css_vue&type=style&index=2&src&lang.c9bd92a9.js

@@ -0,0 +1 @@
+var A="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAD2UlEQVRoBdWaMU8UQRiGOaggWNCpdMSCf0CDCRRWJpiY2FHQSEtiYUVladSCn6GFsbCBgpIY/wAJSImliUQJFp7Pszcfsid33t7OAfsl783uzsz7vd/OzN7Od9cay2DtdnsSmgdgGcyDe2AG3ALaCfgGDsE+2AU7rVbrlPJ6DNEzYA28Bz9AVbOPfeUw2KGsVbUXzqbo8ww8B3GH2xx/Ah/BEThO+Eqp3QF3E+YoH4IFEP4doZfgDaPykzK/IXwCrINjELbDgdduV/Von9RXjjC55Zuoyte3PYSz4DMI2+Pgft9OFSrlAnKG6Wu2AkXvphAtgLjrXzh+3Lt1vRq5wRHQ9Ok0G94gWAWnQHOoh15sg6rQR/JFUfheHbRvqR2dFR+2xUHeeVnyVj7RF9BnWLUg6OW0iTu/Uaa/ujM0bKQI1DLYdKKhCzbm/FYdufC8EDU5YiTU1H9h08Chi6eNc77WtKF/YTUDUJNaNLX11kTluq0wnza1F2zBxEedAOyrFqAmbf1SPiqmQEydLI9KvWmXOqx4ERofsZoafRsoGxc3rcX2yjXDn3Xo8gSgCrUlzs2SKi46RN9T5WKpssZJ4ssyAsqAbzFxqvXvFOfEN0Jtp4bef7p2KPONQAoiFvSa5+N+YI86xdjbVN7k4l0S19HMXZoEvpv/BpXfKvtFCl9h/dpUrYPQt1i1qnnSebUCtGyLN0R1aPNOIbnVmrhXnEJuAzU3I02x0LpsAO5hNXdSTbHQOm8AbsA1t4FNsdB6zwDieRoXmxBEaJ1xQZylBTGdW3nizfZFFvrgnU7cZ45AWGQI4jxH+UuSCGSA8vWATs+1GoApDc3UR257BWERRGbi0Hri3TlId2Yps5OR0aF3KWk+cAQOkycTT02x0HpoAOYqtblO0YjP0LpvALtJsum+plho3XUNjOxlbhR3A72ll7nxlOLexpmPppVROM3MqUa1bqvdKaR96BRjT1J5k4vQGJqLL5qLW8psSdvcd4HpYxJYK28pdcTF7Jv6EQQQ+4Dypj4FkD2tkjMAbnD/tEoKImtiK1cAiHeKR9p9vScvjbKmFns6qlCRNEUmon9qUV46zILI0NVK7lbQ2bMpWraApqb+yd1goWFz0+sXgmjuDxxdQcQPHc7D2H5Gk+ylPkDMeX2v1nICgdMp1kSzfuSLyAnAhR0/fHBYJJZyJoFN2saXlPz6GmzBhsj/lRD6iPV7IkaDw2Kon1JWTknaB9g3pguHBbc+ev8K0yX0fHPcdb3nKeRV/moQ6Q93UAE3I1f/V4PuiAjExbYGmvVnj+5APCeIa/u7zR84HSDi91YmFgAAAABJRU5ErkJggg==",g="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAACXklEQVRoBe2a20ocQRCGJWg8oUHRiHhAAkkIARF8EvHWS5/DOx9AfA8vQoSAIIIgCUEJCSEET4iIKCa58Mobx+8fu8udJau7Om73yhT8dnftbPVXVcMw2jY1PSVLkmQKraC/qFY75QtvKtWDz7rRbq1BK1x/gX8+sxeOxQoXV+uuZwJiurAEWKjysnM0i3rsw0gmMI2gPWRmaHh028hmzRnRBK4htCNA7PP1kCSGiMPf8zFWfhC+3w76K+MLN88kkPoso0gmQA2gXw54kzEtsFvHnQCQL9FPB/uNsdfX1fniTQDAPvTDgX7X2sNrdP44EwCuF6niMnWgvxQ+6gSA7UFbSKZ7f6AcPtoEgNXTRU8ZmZ46g/+DjzIBYPWa8QXJttFQJfjoEgC2C20gmd6Vhm+DjyoBYDvROpLto9G74KNJANgOtIZkB2isGvgoEgC2Ha0i2SF6VS188ASAbUP+5fGI+eta4IMmAGwr+oRkx+htrfDBEgD2OVpGshP07j7wQRIAtgV9QDL95vb+vvAugUtiXFoMRZWZI8cJYZvRkuJjZ2j8oeGJsSBZHBapmSPHCYFnXPg/jBM5hr4J5TZ4lA5oF+LPocmbHXOePXYCOeNmwj3LrBpwUSQQumlFB0J0gIfOR8n2brSnUClvcQtZGwNNig4EKrxtW3TAShFoUnQgUOFt26IDVopAkyfTgX8qIO8Y0R3ylTe2hDFl9h3YdBdOl38hwrVn9Mxp5RvhoFunNzqE12G8bCpTXBwP/VeDNGqdfixm4P1CWSH94dUffNeJp6ptxCS2bOU9fKOOV0zNd82ovM58AAAAAElFTkSuQmCC";export{A as _,g as a};

dist/assets/index.8d9a5802.js

@@ -0,0 +1 @@
+import{d as e,r as t,a as r,o,c as n,w as s,b as i,e as a,f as l,g as c,h as d,i as u,n as m,V as p}from"./vendor.4ad3eef5.js";!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))t(e);new MutationObserver((e=>{for(const r of e)if("childList"===r.type)for(const e of r.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&t(e)})).observe(document,{childList:!0,subtree:!0})}function t(e){if(e.ep)return;e.ep=!0;const t=function(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerpolicy&&(t.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?t.credentials="include":"anonymous"===e.crossorigin?t.credentials="omit":t.credentials="same-origin",t}(e);fetch(e.href,t)}}();var f=e({setup:e=>(e,c)=>{const d=t("router-view"),u=t("n-message-provider"),m=r("wechat-title");return o(),n(u,null,{default:s((()=>[i(a("div",null,[l(d)],512),[[m,e.$route.meta.title]])])),_:1})}});const h={},_=function(e,t){return t&&0!==t.length?Promise.all(t.map((e=>{if((e=`/h5/${e}`)in h)return;h[e]=!0;const t=e.endsWith(".css"),r=t?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${e}"]${r}`))return;const o=document.createElement("link");return o.rel=t?"stylesheet":"modulepreload",t||(o.as="script",o.crossOrigin=""),o.href=e,document.head.appendChild(o),t?new Promise(((e,t)=>{o.addEventListener("load",e),o.addEventListener("error",t)})):void 0}))).then((()=>e())):e()},g=c({history:d(),routes:[{path:"/",meta:{title:"《今日固始》电子版"},component:()=>_((()=>import("./index.a31fc2f1.js")),["assets/index.a31fc2f1.js","assets/index.8b6189a0.css","assets/jquery.ae2e4fc2.js","assets/vendor.4ad3eef5.js","assets/bootstrap-datetimepicker.min.css_vue&type=style&index=2&src&lang.c9bd92a9.js","assets/bootstrap-datetimepicker.min.css_vue&type=style&index=2&src&lang.9ee69ced.css"])},{path:"/info",meta:{title:"《今日固始》电子版-详情"},component:()=>_((()=>import("./info.00b0219e.js")),["assets/info.00b0219e.js","assets/info.c168a6b6.css","assets/vendor.4ad3eef5.js","assets/jquery.ae2e4fc2.js"])},{path:"/list",meta:{title:"《今日固始》电子版-今日总览"},component:()=>_((()=>import("./list.01aa0fe2.js")),["assets/list.01aa0fe2.js","assets/list.17f8f1a4.css","assets/jquery.ae2e4fc2.js","assets/vendor.4ad3eef5.js","assets/bootstrap-datetimepicker.min.css_vue&type=style&index=2&src&lang.c9bd92a9.js","assets/bootstrap-datetimepicker.min.css_vue&type=style&index=2&src&lang.9ee69ced.css"])},{path:"/knowledge",meta:{title:"《今日固始》电子版-知识库"},component:()=>_((()=>import("./knowledge.9e405137.js")),["assets/knowledge.9e405137.js","assets/knowledge.5d0bee7f.css","assets/vendor.4ad3eef5.js","assets/jquery.ae2e4fc2.js"])}]}),y=u(f);y.use(m),y.use(p),y.use(g),y.mount("#app");export{g as r};

dist/assets/knowledge.5d0bee7f.css

@@ -0,0 +1 @@
+.gdt[data-v-48a744f2]::-webkit-scrollbar{width:5px}.gdt[data-v-48a744f2]::-webkit-scrollbar-track{background:#f1f1f1;display:none}.gdt[data-v-48a744f2]::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.gdt[data-v-48a744f2]::-webkit-scrollbar-thumb:hover{background:#555}

dist/assets/list.01aa0fe2.js

@@ -0,0 +1 @@
+import{a as s,$ as t}from"./jquery.ae2e4fc2.js";import"./index.8d9a5802.js";import{p as e,j as i,o as a,k as c,e as o,t as l,F as n,m as r,l as d,v as m}from"./vendor.4ad3eef5.js";import{_ as p,a as u}from"./bootstrap-datetimepicker.min.css_vue&type=style&index=2&src&lang.c9bd92a9.js";const h={data:()=>({timeId:"",data:"",timeInfo:""}),mounted(){var s=sessionStorage.getItem("ListShow");s&&1==s&&(sessionStorage.setItem("ListShow",0),setTimeout((()=>{window.location.reload()}),100)),this.timeInfo=this.$route.query.time,this.getJson()},methods:{removeScripts(){const s=document.querySelectorAll('script[src^="/h5/public/static/js/"]');document.querySelectorAll('style[src^="/public/static/css/"]').forEach((s=>s.remove())),s.forEach((s=>s.remove()))},openBm(s){sessionStorage.setItem("index",s),sessionStorage.setItem("isShow",1),setTimeout((()=>{window.history.back()}),50)},getJson(){s.post("https://jinrigushi.gushitv.com/api/h5/date/search",{date:this.timeInfo}).then((s=>{this.data=s.data.data,console.log(s),t("#activeDate").val(this.timeInfo),this.loadScripts(["/h5/public/static/js/jquery.min.js","/h5/public/static/js/jquery.mobile.custom.min.js","/h5/public/static/js/bootstrap.min.js","/h5/public/static/js/bootstrap-datetimepicker.min.js","/h5/public/static/js/bootstrap-datetimepicker.zh-CN.js","/h5/public/static/js/jquery.qrcode.min.js","/h5/public/static/js/pinchzoom.min.js","/h5/public/static/js/html2canvas.min.js","/h5/public/static/js/navi.js","/h5/public/static/js/qfstatH5.js","/h5/public/static/js/posterShare.js","/h5/public/static/js/bigHaiBao.js"])})).catch((s=>console.error("Error loading the JSON file:",s)))},loadScripts(s){s.reduce(((s,t)=>s.then((()=>(s=>new Promise((t=>{const e=document.createElement("script");e.src=s,e.type="text/javascript",e.onload=t,document.head.appendChild(e)})))(t)))),Promise.resolve())}}};e("data-v-1106100f");const v=o("input",{type:"hidden",id:"activeDate",value:""},null,-1),j={key:0,class:"topBox"},b={class:"cp"},f=o("div",{class:"divider"},null,-1),y=o("div",{class:"divider"},null,-1),g={class:"thumbnail-left-left clearfix"},S={class:"shortjpg"},I={class:"title"},x=["onClick"],q=["src"],w=o("div",{class:"footerBox"},[o("div",{class:"footerWrap wangqi"},[o("div",{class:"item"},[o("img",{src:p,alt:""}),o("div",{class:"text datetimeBtn"},"往期")])]),o("div",{class:"synthesis share"},[o("div",{class:"item"},[o("img",{src:u,alt:""}),o("div",{class:"text"},"分享")])]),o("input",{type:"text",class:"form_date"}),o("div",{class:"cancelBox",style:{display:"none"}},[o("button",{class:"cancelBtn"},"取消")]),o("div",{class:"synthPage"})],-1),k=o("div",{class:"mask"},null,-1),B={style:{display:"none"},id:"publishDateTime"};i(),h.render=function(s,t,e,i,p,u){return a(),c("div",null,[v,""!==p.data?(a(),c("div",j,[o("div",b,l(p.timeInfo)+" 版面总览",1),f,y,o("div",g,[o("ul",null,[(a(!0),c(n,null,r(p.data.bm,((s,t)=>(a(),c("li",S,[o("p",null,[o("span",I,l(s.bm_name),1)]),o("a",{href:"#",onClick:m((s=>u.openBm(t)),["prevent"])},[o("img",{class:"paperImg",src:s.bm_img,border:"0",style:{width:"100%"}},null,8,q)],8,x)])))),256))])])])):d("",!0),w,k,o("div",B,l(p.timeInfo),1)])},h.__scopeId="data-v-1106100f";export{h as default};

dist/index.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/h5/favicon.ico" />
+    <title></title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="Keywords" content="固始日报·手机版">
+    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <style>
+        html, body {
+            height: 100%;
+            margin: 0;
+        }
+        /* 美化整个滚动条 */
+        ::-webkit-scrollbar {
+            width: 8px; /* 设置滚动条的宽度 */
+            background-color: #f9f9f9; /* 滚动条的背景颜色 */
+        }
+
+        /* 美化滚动条轨道 */
+        ::-webkit-scrollbar-track {
+            background: #e1e1e1; /* 轨道的背景颜色 */
+            border-radius: 10px; /* 轨道的圆角 */
+        }
+
+        /* 美化滚动条的滑块 */
+        ::-webkit-scrollbar-thumb {
+            background-color: #c1c1c1; /* 滑块的背景颜色 */
+            border-radius: 10px; /* 滑块的圆角 */
+            border: 2px solid #ffffff; /* 滑块边框 */
+        }
+
+        /* 当滑块悬停或活动时的样式 */
+        ::-webkit-scrollbar-thumb:hover {
+            background: #a8a8a8; /* 悬停或活动状态下滑块的背景颜色 */
+        }
+        .gjz_css{
+            font-weight: 600;
+            color: #ff0000;
+            text-decoration: underline;
+            position: relative;
+            padding-right: 15px;
+        }
+
+        .gjz_css::after {
+            content: '✚'; /* Font Awesome 的用户图标 Unicode */
+            font-family: 'FontAwesome'; /* 确保使用正确的字体 */
+            font-size: 12px; /* 图标大小 */
+            color: #ff0000; /* 图标颜色 */
+            position: absolute;
+            top: -4px; /* 根据需要调整图标位置 */
+            right: 3px; /* 根据需要调整图标位置 */
+        }
+    </style>
+  <script type="module" crossorigin src="/h5/assets/index.8d9a5802.js"></script>
+    <link rel="modulepreload" href="/h5/assets/vendor.4ad3eef5.js">
+  </head>
+<body style="margin: 0;">
+
+<div id="app"></div>
+
+
+<script>
+    window.addEventListener('popstate', handlePopState);
+    function handlePopState() {
+        var isLogin = sessionStorage.getItem("isShow");
+        //alert(isLogin);
+        if(isLogin && isLogin==1){
+            sessionStorage.setItem("isShow",0);
+            setTimeout(()=>{
+                window.location.reload();
+            },50)
+        }
+    }
+    initPhonePage();
+    function initPhonePage() {
+        var userAgentInfo = navigator.userAgent;
+        console.log(userAgentInfo);
+        var Agents = new Array("Windows", "Win");
+        var local_url = window.location.href;
+        for (var v = 0; v < Agents.length; v++) {
+            if (userAgentInfo.indexOf(Agents[v]) > 0) {
+                var sURL2 = local_url.replace("/h5/#/", "/#/");
+                sURL2 = sURL2.replace("info", "");
+                console.log(sURL2);
+                sessionStorage.removeItem('DateIndexH5');
+                sessionStorage.removeItem('DateIndex');
+                sessionStorage.removeItem('DateListH5');
+                sessionStorage.removeItem('DateList');
+                sessionStorage.removeItem('year');
+                sessionStorage.removeItem('month');
+                sessionStorage.removeItem('day');
+                sessionStorage.removeItem('index');
+                sessionStorage.removeItem('newInfo');
+                sessionStorage.removeItem('H5Index');
+                window.location.href = sURL2;
+            }
+        }
+    }
+</script>
+</body>
+</html>

dist/static/css/content.css

@@ -0,0 +1,339 @@
+body,p,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,td,input,select,textarea,figure{
+	margin:0;
+	padding:0;
+}
+body{
+	font-family:"微软雅黑",Arial;
+    background:#fff;
+    position: relative;
+	-webkit-text-size-adjust: 100% !important;
+}
+html,body{
+    width:100%;
+}
+a{
+	text-decoration:none;
+}
+img{
+	border:none;
+	display:block;
+}
+
+html{
+	font-size:16px !important;
+}
+.header{
+    height:45px;
+    background-color: #ededed;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding:0 16px;
+    font-size: 17px !important;
+}
+.header img:first-child{
+    display: block;
+    width:14px;
+    height:14px;
+}
+.header img:last-child{
+    display: block;
+    width:20px;
+}
+#min{
+	min-height:100vh;
+}
+.content {
+    height: 100%;
+    padding: 0 15px 35px;
+    overflow-y: auto;
+    background-color: #ffffff;
+    margin-bottom: 2%;
+}
+.content h2{
+    font-size: 20px;
+    color:#333333;
+    line-height: 35px;
+}
+.content span{
+    font-size:15px;
+    color:#999999;
+    /*display: block;*/
+    line-height: 20px;
+    padding-top:12px;
+}
+#pageInfo{
+	margin-bottom:10px;
+	text-align: center;
+}
+.content em{
+    font-style: normal;
+    font-size:12px;
+    color:#999999;
+    line-height: 26px;
+    display: inline-block;
+}
+.content em{
+    margin-right:13px;
+}
+.content img{
+    display: block;
+    max-width: 100%;
+    width: auto;
+    height: auto;
+    margin: 0 auto 15px auto;
+}
+.content p{
+    font-size: 16px;
+    color: #333333;
+    letter-spacing: 0px;
+    line-height:30px;
+    margin-bottom:10px;
+	/*text-indent: 2em;*/
+}
+.content .post{
+	font-size: 16px;
+    color: #333333;
+    letter-spacing: 0;
+    line-height:30px;
+}
+.MenuBox{
+    position: fixed;
+    bottom:0;
+    right:20px;
+    z-index:99;/*图片轮播新增样式*/
+}
+.MenuBox img{
+    display: block;
+    width:40px;
+    height:40px;
+    margin-bottom:16px;
+    cursor: pointer;
+    border-radius: 50%;
+}
+.MenuBox a{
+    display: block;
+    width:40px;
+    height:40px;
+    margin-bottom:16px;
+    cursor: pointer;
+    border-radius: 50%;
+    background-size: cover;
+}
+.remark{
+    font-size: 26px;
+    color: red;
+    font-weight: bold;
+    display: none;
+}
+#fullPage{
+    display: none;
+    background: black;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 19930428;
+}
+#fullPage img{
+    display: block;
+    width: 100%;
+}
+#canvas{
+    width: 100%;
+    height: 100%;
+    background: none;
+    display: block;
+}
+/* 遮罩层 */
+.Mask_box{
+    position: relative;
+    display: none;
+}
+.Mask{
+    position: fixed;
+    top: 0;
+    background: rgba(0,0,0,.5);
+    height: 100%;
+    width: 100%;
+}
+.shareBox{
+    position: fixed;
+    bottom: 0;
+    z-index: 111;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 100%;
+    height:100px;
+    background: white;
+
+}
+.shareBox img{
+    display: block;
+    width:35px;
+    height:35px;
+}
+.shareBox a{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+.shareBox span{
+    display: block;
+    color: #333;
+    font-size: 12px;
+    text-align: center;
+    text-decoration: none;
+    line-height:30px;
+}
+#min .optTips{
+    width: 160px;
+    height: 22px;
+    position: fixed;
+    bottom: 25px;
+    left: 50%;
+    margin-left: -80px;
+    background: url('../image20/detailsIptTips.png')no-repeat center / 100% 100%;
+    opacity: 0.8;
+	display:none;
+}
+
+.codeWraper{
+	width:100%;
+	height:auto;
+	margin-top:20px;
+	margin-bottom: 42px;
+}
+.codeWraper .codeTxt{
+	width: 90%;
+    text-align: center;
+    font-size: 12px;
+    color: #fff;
+    background-color: #03499e;
+    line-height: 30px;
+    border-radius: 5px;
+	margin:0 auto;
+	display: block;
+}
+.codeWraper .codeImg{
+	max-width: 70%;
+    height: auto;
+    margin-top: 20px;
+}
+/* 为文章内容前添加版面图显示 */
+.contentLayoutImg {
+    width: 100%;
+    padding: 5px;
+    background: rgba(0,0,0,0.1);
+    box-sizing: border-box;
+    margin-bottom: 10px; /*图片轮播新增样式*/
+}
+.contentLayoutImg .layoutImgbox{
+	width:100%;
+	height:100%;
+	position:relative;
+}
+.contentLayoutImg .layoutImgbox canvas{
+	position:absolute;
+	/* width:100%;
+	height:100%; */
+	top:0;
+	left:0;
+}
+.contentLayoutImg img{
+	width:auto;
+	max-width:100%;
+	height:auto;
+	margin:0 auto;
+}
+.contentLayoutImg p{
+	text-align: center;
+    font-size: 12px;
+    margin-bottom: 0;
+    margin-top: 10px;
+}
+.contentLayoutImg+#imgBox>img:first-child{margin-top:10px;}
+
+
+#synthWrap .synthHeadContent{
+    display: flex;
+    justify-content: space-between;
+    color: #8F8F8F;
+    height: 20px;
+    margin-bottom: 10px;
+    font-size: 12px;
+    line-height: 20px;
+    font-weight: 500;
+}
+
+/*图片轮播新增样式*/
+/*内容详情图片轮播 swiper*/
+.swiper {
+    height: 2rem;
+}
+
+.swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    /* Center slide text vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -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;
+}
+
+.swiper-slide img {
+    display: block;
+    width:auto;
+    max-height:220px;
+    object-fit: inherit !important;
+    position: relative;
+}
+
+.content .bannerDes {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    padding: 10px 10px 20px 10px;
+    box-sizing: border-box;
+    width: 100%;
+    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
+    text-indent: 0rem;
+    color: #fff;
+    font-size: 14px;
+    line-height: 20px;
+    text-align: justify;
+}
+
+.swiper-pagination {
+    color: #fff;
+    text-align:right;
+}
+
+.content .swiper-pagination span {
+    position: absolute;
+    text-align: center;
+    transition: .3s opacity;
+    transform: translate3d(0,0,0);
+    z-index: 10;
+    color: #fff;
+    font-size: 14px;
+    display: contents;
+}
+/*图片轮播新增样式*/
+
+#articleAuthor{display:none;}
+
+/*造字样式*/
+.zaozi{border-style: none!important;display:inline!important;margin:0px!important;}

dist/static/css/index.css

@@ -0,0 +1,867 @@
+@import url("./posterShare.css");
+html,body{
+    height: 100%;
+    width:100%;
+    padding:0;
+    margin:0;
+}
+body{
+	opacity:0;
+}
+.swiper-wrapper{
+	align-items: center;
+}
+.posterMask.gzrbBMshow{
+    display: none;
+}
+div,p,h1,h2,span{
+    padding:0;
+    margin:0;
+}
+.contWrapper{
+    height: 100vh;
+    width: 100%;
+    /* background-color: rgba(125,125,125,0.88); */
+	background:url('/public/static/festival.png') no-repeat center / 100% 100%;
+    padding:12px 18px 5px 18px;
+    box-sizing: border-box;
+    position: relative;
+
+    /* display: grid;  */
+    padding-top:8%;
+}
+
+.newpaper{
+    width: 100%;
+    /* height: calc(100% - 94px);  修改 */
+	/*transform:translate3d(0,0,0);
+    overflow:hidden;*/
+    /* 修改 */
+    /* margin-top:30px; */
+    align-self: start;
+    justify-self: center;
+}
+.newpaper .swiper-slide img{
+	/* width:auto;
+	    max-width:100%;
+	    height: auto;
+	    max-height: 100%;
+	transform:translate3d(0,0,0);
+	-webkit-transform: scale(1) rotate(0) translate3d(0,0,0);
+	transform: scale(1) rotate(0) translate3d(0,0,0);*/
+	opacity: 1;
+}
+/* .swiper-container {
+    width: 100%;
+    height: 300px;
+    margin: 20px auto;
+	margin-top:30px;
+} */
+.swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    background:transparent;
+    /* height: auto !important; */
+    /* Center slide text vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -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;
+	/* transform:translate3d(0,0,0); */
+	overflow:hidden;
+}
+.imgBoxCont{
+	width: auto;
+    max-width: 100%;
+    height: auto;
+    max-height: 100%;
+	position:relative;
+}
+/* .swiper-slide .swiper-zoom-container{display:block;} */
+.imgBoxCont .pichmask{
+	width:auto;
+	max-width:100%;
+	height: auto;
+	max-height: 100%;
+	z-index: 999;
+	opacity: 1;
+    /* position: absolute; */
+}
+.swiper-slide div.pinch-zoom{
+	/* width: 100%; */
+	/* height: 100% !important; */
+	-webkit-user-drag: none;
+	-moz-user-drag: none;
+	-ms-user-drag: none;
+	user-drag: none;
+	}
+.swiper-slide div.pinch-zoom-container {
+	width: 100%;
+	height: 100% !important;
+	position: relative;
+}
+.swiper-slide div.pinch-zoom .paperMap{
+opacity: 0;
+}
+.newsText1{
+    width: 100%;
+    font-size: 16px;
+    line-height: 26px;
+    color:#eee;
+    text-align: center;
+    margin-top:17px;
+}
+.newsText1>img{
+    width: 11px;
+    /* height: 18px; */
+    margin-left: 10px;
+    vertical-align: baseline;
+}
+.headBox {
+    /* position: absolute;
+    top: 38px; */ /*  修改 */
+    width: 100%; /*  修改 calc(100% - 36px)*/
+    /*height: 26px;*/
+    font-size: 20px;
+    line-height: 26px;
+    border-radius: 3px;
+    background-color: #F0F0F0;
+    font-weight: bold;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    /*  修改 */
+    align-self: end;
+    justify-self: center;
+    margin-bottom: 4%;
+}
+.headBox .headTitle{
+    background-color: #d00;
+    color: #FFF;
+    font-size: 14px;
+    /*height: 20px;*/
+    line-height: 16px;
+    margin: 3px;
+    padding: 2px 10px;
+    border-radius: 3px;
+	text-align: justify;
+}
+.footerWrap{
+    position: absolute;
+    /* top: 10px; */
+    left:18px;   /* 修改 */
+    bottom: 36px;
+    width: calc(100% - 120px);
+	height:36px;
+    font-size: 0;
+	line-height:36px;
+    border-radius: 5px;
+    background-color: #d00;
+    display: flex;
+    align-items: center;
+    box-shadow: 0px 10px 6px -8px rgba(243,92,85,0.3);
+}
+.footerWrap .item{
+    display: flex;
+    flex: 1;
+    text-align: center;
+    height: 18px;
+    position: relative;
+	font-size: 16px;
+    color: #fff;
+    line-height: 18px;
+    justify-content: center;
+    align-items: center;
+    border-right: 1px solid #e1e1e1;
+}
+.footerWrap .item:last-child{
+    border-right: none;
+}
+.footerWrap .item>.text{
+    margin-left: 5px;
+	overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.footerWrap .item>img{
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+}
+.footerWrap .item>.text.active{
+    opacity: 1;
+    z-index: 10;
+	color:red;
+	font-size: 18px;
+}
+.footerWrap .item>img.active{
+    opacity: 1;
+    z-index: 10;
+}
+.footerWrap .item .articletips{
+    width:0px;
+    height: 0px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #fff;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    border-top-color: transparent;
+    position: absolute;
+    left: 50%;
+    top: 20px;
+    margin-left: -6px;
+    display: none;
+}
+.footerWrap .item .articletipsDown{
+    width:0px;
+    height: 0px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #c8c4c4;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    position: absolute;
+    left: 50%;
+    top: 24px;
+    margin-left: -6px;
+	display: block;
+}
+.footerWrap .item>.text.active+.articletips{
+    display: block;
+    opacity: 1;
+    z-index: 10;
+}
+.footerWrap .item>.text.active+.articletips+.articletipsDown{
+    display: none;
+}
+.footerWrap.footerItem5 .item{
+    width:20%;
+}
+.footerWrap .exareBox{
+    position: absolute;
+    width:100px;
+    height:auto;
+    background-color: #fff;
+    border-radius: 8px;
+    bottom: 38px;
+    right: 0;
+    z-index: 10;
+    display: none;
+}
+.footerWrap .exareBox.active{
+    display: block;
+}
+.footerWrap .exareBox a{
+    color: #333;
+    font-size: 12px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding:10px 10px;
+    display: block;
+    text-decoration:none;
+}
+.zonglan{
+    position: absolute;
+    right: 18px;
+    bottom: 78px;
+    z-index: 99;
+}
+.zonglan img{
+    width:68px;
+}
+.synthesis{
+    position: absolute;
+    bottom: 36px;
+    right: 18px;
+    width: 72px;
+	height:36px;
+	line-height:36px;
+    border-radius: 5px;
+    background-color: #d00;
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    box-shadow: 0px 10px 6px -8px rgba(243,92,85,0.3);
+}
+.synthesis .item{
+    display: flex;
+    text-align: center;
+    height: 18px;
+    position: relative;
+	font-size: 16px;
+    color: #fff;
+    line-height: 18px;
+    justify-content: center;
+    align-items: center;
+}
+.synthesis .item>.text{
+    margin-left: 5px;
+	overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.synthesis .item>img{
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+}
+/* 版面列表1 */
+.layoutStyleOne{
+    width: 50%;
+    position: fixed;
+    top:0;
+    bottom: 0;
+    left: -50%;
+    background-color: #fff;
+    z-index: 100;
+    padding:0 18px;
+    box-sizing: border-box;
+    overflow-y: auto;
+    transition: left 500ms;
+    -webkit-transition: left 500ms; /* Safari */
+}
+.layoutStyleOne.active{
+    left: 0;
+}
+.layoutStyleOne a{
+    color: #333;
+    font-size: 16px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding:20px 0;
+    display: block;
+    text-decoration:none;
+}
+.layoutStyleOne a.active{
+    color: #da3e4a;
+}
+/* 版面列表二 */
+.layoutStyleTwo{
+    height:70%;
+    position: absolute;
+    bottom: 70px;
+    left: 0;
+    width: 100%;
+    background-color: #fff;
+    border-radius: 10px 10px 0 0;
+    background-color: #fff;
+    z-index: 100;
+    display: none;
+    padding-bottom: 10px;
+}
+.layoutStyleTwo h2{
+    font-size: 20px;
+    text-align: center;
+    margin: 15px 0;
+    font-weight: bold;
+}
+.layoutStyleTwo .listWrapBox{
+    width: 100%;
+    /*height: calc(100% - 22px);*/
+    display: flex;
+    flex-wrap: wrap;
+    overflow-y: auto;
+    padding:0 15px 15px;
+    box-sizing: border-box;
+}
+.layoutStyleTwo .listWrapBox .action{
+    border: 2px solid #FB565D;
+}
+.layoutStyleTwo .listWrapBox .listWrap{
+    box-sizing: border-box;
+    width: 27.33%;
+    margin: 10px;
+}
+.layoutStyleTwo .listWrap img{
+    width: 100%;
+}
+.layoutStyleTwo.active{
+    display: block;
+}
+.layoutStyleTwo a{
+    color: #333;
+    font-size: 14px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding-top:5px;
+    display: block;
+    text-decoration:none;
+    text-align: center;
+}
+/* .layoutStyleTwo  .articletips{
+    width:0px;
+    height: 0px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #fff;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    position: absolute;
+    bottom: -12px;
+    left: 10%;
+} */
+/* 文章列表 */
+.articleList {
+    position: absolute;
+    bottom: 60px;
+    left: 0;
+    width: 100%;
+    max-height: 70%;
+    background-color: #fff;
+    border-radius: 10px 10px 0 0;
+    z-index: 100;
+    display: none;
+}
+
+.articleList .listWrap {
+}
+
+.articleList .listWrap .listTitle {
+    width: 100%;
+    max-height: 350px;
+    /*display: flex;*/
+    flex-wrap: wrap;
+    overflow-y: auto;
+    padding: 0 15px 15px;
+    box-sizing: border-box;
+}
+
+
+
+.articleList.active{
+    display: block;
+}
+.articleList .listWrap .title{
+    position: relative;
+    text-align: center;
+    padding:0 20px;
+}
+.articleList .listWrap .title .tips{
+    width: 100%;
+    position: absolute;
+    display: none;
+    border-top:1px solid #d5d5d5;
+    top:50%;
+    left: 0;
+    z-index: -1;
+}
+.articleList .item{
+    padding:15px 20px;
+    display:none;
+}
+
+.articleList .item.itemActive {
+    display:block;
+}
+
+.articleList .item h1{
+    font-size: 18px;
+    color:#000;
+    text-align: center;
+    display: inline-block;
+    background: #fff;
+    z-index: 10;
+    padding: 0 10px;
+    margin: 0 auto 10px;
+    line-height: 20px;
+    font-weight: bold;
+}
+.articleList .item a{
+    font-size: 18px;
+    text-align: left;
+    color:#333;
+    line-height: 24px;
+    padding:12px 0;
+    display: block;
+    text-decoration:none;
+    border-top: 1px solid #EEE;
+}
+
+.articleList .item a.active{
+    color: #da3e4a;
+}
+/* .articleList .articletips{
+    width:0px;
+    height: 0px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #fff;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    position: absolute;
+    bottom: -12px;
+    left: 61%;
+} */
+/* .articleList .item a{
+
+} */
+.cancelBox{
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    z-index: 99999;
+    height: 70px;
+    background-color: #FFF;
+    text-align: center;
+    padding: 10px;
+    display: none;
+}
+.cancelBox .cancelBtn{
+    width: 80%;
+    margin: 0 auto;
+    text-align: center;
+    font-size: 18px;
+    font-weight: 500;
+    height: 45px;
+    line-height: 45px;
+    background-color: #EEE;
+    border-radius: 10px;
+    border: none;
+}
+/* 日历 */
+.form_date {
+    position: fixed;
+    bottom: 0;
+    /* left: 12%; */
+    width: 0;
+    height: 70px;
+    z-index: -20;
+    border: 0px solid #FFF;
+    background-color: transparent;
+    color: transparent;
+}
+.dropdown-menu{
+    border: none !important;
+    box-shadow: none !important;
+}
+.datetimepicker{
+    /* width:520px; */
+    width:100%;
+    left: 0 !important;
+    /* bottom: 47px; */
+    /* top: 40px !important; */
+}
+.datetimepicker-days .table-condensed{
+    width:100%;
+}
+.datetimepicker-days .table-condensed tbody tr td.day.active{
+    background-color: #da3e4a!important;
+    border-radius: 24px;
+    background-image: none;
+}
+.datetimepicker-days .table-condensed thead tr th.dow.active{
+    color: #999999;
+}
+.datetimepicker-dropdown-top-left:after{
+    left: 33%;
+    right:initial !important;
+}
+.datetimepicker-months .table-condensed{
+    width:100%;
+}
+.datetimepicker-months .table-condensed tbody tr .month.active{
+    background-color: #da3e4a;
+    border-radius: 10px;
+    background-image: none;
+}
+.datetimepicker-years .table-condensed{
+    width:100%;
+}
+.datetimepicker-years .table-condensed tbody tr .year.active{
+    background-color: #da3e4a;
+    border-radius: 10px;
+    background-image: none;
+}
+/* 遮罩 */
+.mask{
+    position: fixed;
+    top:0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.5);
+    z-index: 9;
+    display: none;
+}
+.mask.active{
+    display: block;
+}
+
+/* 下载页面 */
+.synthPage{
+    width: 100%;
+    height:100%;
+    position: absolute;
+    top:0;
+    left: 0;
+    bottom: 0;
+    z-index: 9999;
+    padding: 13px 13px 5px 13px;
+    box-sizing: border-box;
+    display: none;
+    overflow: auto;
+}
+.synthPage.active{
+    display: block;
+    background: url('/public/static/bg.png') repeat center / auto auto;
+}
+.synthPage .closeBtn{
+    text-align: right;
+    padding-bottom: 10px;
+}
+.synthPage .closeBtn i{
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background: url('/public/static/guanbi.png') no-repeat center / 15px 15px;
+    cursor: pointer;
+}
+#synthImg {
+    display: none;
+    border:1px solid #d00;
+}
+#synthImg img{
+    width:auto;
+    max-width: 100%;
+}
+
+.saveTipsBtn{
+    width: 80%;
+    height: 30px;
+    margin: 10px auto;
+    background-color: #d00;
+    border-radius: 15px;
+    text-align: center;
+    line-height: 30px;
+    color: #FFF;
+    font-size: 14px;
+}
+
+#synthWrap{
+    width:100%;
+    padding:10px;
+    height: auto;
+    max-height: calc(100% - 40px);
+    background-color: #ffffff;
+    position: relative;
+	box-sizing:border-box;
+}
+#synthWrap .synthHead{
+    display: flex;
+    justify-content: space-between;
+    color: #8F8F8F;
+    height: 20px;
+    margin-bottom: 10px;
+    font-size: 12px;
+    line-height: 20px;
+    font-weight: 500;
+}
+#synthWrap .synthHead img{
+    width: 33.33%;
+    height: 100%;
+}
+#synthWrap img.synthPaper{
+    width:100%;
+    height: auto;
+    max-width: 100%;
+    max-height:calc(100% - 100px);
+    margin: 0 auto;
+    display: block;
+    box-shadow: 0px 4px 21px 3px
+		rgba(195, 187, 187, 0.4);
+    border-radius: 4px;
+    border:1px solid rgba(195, 187, 187, 0.3);
+}
+#synthWrap .imgBottom{
+    width:85%;
+    height: 10px;
+    background-color: rgba(244,244,244,1);
+	box-shadow: 0px 4px 21px 3px
+		rgba(195, 187, 187, 0.4);
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    margin:0 auto;
+    border:1px solid rgba(195, 187, 187, 0.2);
+    border-top-color: transparent;
+
+}
+#synthWrap .footer{
+    width:100%;
+    height: 60px;
+    padding:10px 0;
+    box-sizing: border-box;
+    font-size: 12px;
+    color: #8F8F8F;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 10px;
+}
+
+#synthWrap .footer .left{
+    width:50%;
+    text-align: center;
+}
+#synthWrap .footer .left img{
+    width:auto;
+    height: auto;
+    max-width: 100%;
+    max-height:50px;
+}
+#synthWrap .footer .center{
+    font-size: 12px;
+	line-height: 50px;
+    color: #666666;
+    text-align: center;
+    width:calc(50% - 25px);
+}
+#synthWrap .footer .right{
+    width:50%;
+    height: 100%;
+    text-align: right;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+}
+#synthWrap .footer .right .text{
+    width: 50%;
+    text-align: right;
+}
+#synthWrap .footer .right .qr{
+    width:55px;
+    height: 55px;
+    margin-left: 10px;
+}
+
+#synthWrap .footer .right img{
+    width:100%;
+    height: 100%;
+}
+
+#synthWrap .footer .right#qrcode table{
+    transform: scale(0.6, 0.6);
+    -webkit-transform: scale(0.6, 0.6);
+    -moz-transform: scale(0.6, 0.6);
+    -o-transform: scale(0.6, 0.6);
+    margin-top: -15px;
+    margin-left: -15px;
+}
+.tipsBtn{
+    display: block;
+    width:100px;
+    height:40px;
+    background: url('/public/static/saveBtn1.png') no-repeat center / 100px 40px;
+    position: absolute;
+    top:50%;
+    left:50%;
+    transform: translate(-50%,-115%);
+}
+.synthmask{
+    width:100%;
+    height: 100%;
+    position: fixed;
+    top:0;
+    left: 0;
+    z-index: 99;
+    background-color: rgba(0,0,0,0.5);
+}
+.synthmask img{
+    position: absolute;
+    top:50%;
+    left:50%;
+    transform: translate(-50%,-115%);
+}
+
+
+/* 日历牌样式二 */
+#Datefour {
+	position: fixed;
+	bottom: -100%;
+	left: 18px;
+	width: calc(100% - 36px);
+    /*height: 100%;*/
+    overflow: auto;
+    background: #fff;
+	z-index:100;
+	border-radius: 8px;
+    -webkit-overflow-scrolling: touch;
+}
+#Datefour>div{position: relative;}
+#Datefour>div a{
+	position: absolute;
+    line-height: 40px;
+    display: inline-block;
+    height: 40px;
+    width: 16.6%;
+    text-align: center;
+	background-repeat: no-repeat;
+    background-position: center;
+}
+#Datefour>div a:last-child{right: 0;top:0;}
+#Datefour>div a span{margin-top: 11px;}
+#Datefour>div p{
+	text-align: center;
+    line-height: 40px;
+    margin-bottom: 0;
+	font-size:16px;
+	padding-bottom:15px;
+}
+#Datefour ul{
+    width: 100%;
+	max-height: 70vh;
+	overflow-y: auto;
+	list-style: none;
+    /* margin-bottom: 45px; */
+	padding:5px;
+
+}
+#Datefour li {
+	width: 23%;
+	height: 32px;
+	font-size: 12px;
+	display: inline-block;
+	float: left;
+	line-height: 45px;
+    text-align: center;
+	border-radius: 3px;
+	margin:1%;
+    border:1px solid #dcdcdc;
+}
+#Datefour .clearfix a {
+	display: block;
+	width: 100%;
+	color: #333;
+	font-size: 14px;
+	text-decoration: none;
+	line-height: 30px;
+	background-color: #FFF;
+	/* border-bottom: 1px solid #CCC; */
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow:hidden;
+}
+#Datefour a.on{
+    color: #FFF;
+    background-color: #D9383D;
+}
+
+.year{display:block; height:40px;}
+.curDate{padding-right:20px;}

dist/static/css/index_list.css

@@ -0,0 +1,867 @@
+@import url("./posterShare.css");
+html,body{
+    height: 100%;
+    width:100%;
+    padding:0;
+    margin:0;
+}
+body{
+	opacity:0;
+}
+.swiper-wrapper{
+	align-items: center;
+}
+.posterMask.gzrbBMshow{
+    display: none;
+}
+div,p,h1,h2,span{
+    padding:0;
+    margin:0;
+}
+.contWrapper{
+    height: 100%;
+    width: 100%;
+    /* background-color: rgba(125,125,125,0.88); */
+	background:url('../image20/festival.png') no-repeat center / 100% 100%;
+    padding:12px 18px 5px 18px;
+    box-sizing: border-box;
+    position: relative;
+
+    /* display: grid;  */
+    padding-top:8%;
+}
+
+.newpaper{
+    width: 100%;
+    /* height: calc(100% - 94px);  修改 */
+	/*transform:translate3d(0,0,0);
+    overflow:hidden;*/
+    /* 修改 */
+    /* margin-top:30px; */
+    align-self: start;
+    justify-self: center;
+}
+.newpaper .swiper-slide img{
+	/* width:auto;
+	    max-width:100%;
+	    height: auto;
+	    max-height: 100%;
+	transform:translate3d(0,0,0);
+	-webkit-transform: scale(1) rotate(0) translate3d(0,0,0);
+	transform: scale(1) rotate(0) translate3d(0,0,0);*/
+	opacity: 1;
+}
+/* .swiper-container {
+    width: 100%;
+    height: 300px;
+    margin: 20px auto;
+	margin-top:30px;
+} */
+.swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    background:transparent;
+    /* height: auto !important; */
+    /* Center slide text vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -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;
+	/* transform:translate3d(0,0,0); */
+	overflow:hidden;
+}
+.imgBoxCont{
+	width: auto;
+    max-width: 100%;
+    height: auto;
+    max-height: 100%;
+	position:relative;
+}
+/* .swiper-slide .swiper-zoom-container{display:block;} */
+.imgBoxCont .pichmask{
+	width:auto;
+	max-width:100%;
+	height: auto;
+	max-height: 100%;
+	z-index: 999;
+	opacity: 1;
+    /* position: absolute; */
+}
+.swiper-slide div.pinch-zoom{
+	/* width: 100%; */
+	/* height: 100% !important; */
+	-webkit-user-drag: none;
+	-moz-user-drag: none;
+	-ms-user-drag: none;
+	user-drag: none;
+	}
+.swiper-slide div.pinch-zoom-container {
+	width: 100%;
+	height: 100% !important;
+	position: relative;
+}
+.swiper-slide div.pinch-zoom .paperMap{
+opacity: 0;
+}
+.newsText1{
+    width: 100%;
+    font-size: 16px;
+    line-height: 26px;
+    color:#eee;
+    text-align: center;
+    margin-top:17px;
+}
+.newsText1>img{
+    width: 11px;
+    /* height: 18px; */
+    margin-left: 10px;
+    vertical-align: baseline;
+}
+.headBox {
+    /* position: absolute;
+    top: 38px; */ /*  修改 */
+    width: 100%; /*  修改 calc(100% - 36px)*/
+    /*height: 26px;*/
+    font-size: 20px;
+    line-height: 26px;
+    border-radius: 3px;
+    background-color: #F0F0F0;
+    font-weight: bold;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    /*  修改 */
+    align-self: end;
+    justify-self: center;
+    margin-bottom: 4%;
+}
+.headBox .headTitle{
+    background-color: #d00;
+    color: #FFF;
+    font-size: 14px;
+    /*height: 20px;*/
+    line-height: 16px;
+    margin: 3px;
+    padding: 2px 10px;
+    border-radius: 3px;
+	text-align: justify;
+}
+.footerWrap{
+    position: absolute;
+    /* top: 10px; */
+    left:18px;   /* 修改 */
+    bottom: 36px;
+    width: calc(100% - 120px);
+	height:36px;
+    font-size: 0;
+	line-height:36px;
+    border-radius: 5px;
+    background-color: #d00;
+    display: flex;
+    align-items: center;
+    box-shadow: 0px 10px 6px -8px rgba(243,92,85,0.3);
+}
+.footerWrap .item{
+    display: flex;
+    flex: 1;
+    text-align: center;
+    height: 18px;
+    position: relative;
+	font-size: 16px;
+    color: #fff;
+    line-height: 18px;
+    justify-content: center;
+    align-items: center;
+    border-right: 1px solid #e1e1e1;
+}
+.footerWrap .item:last-child{
+    border-right: none;
+}
+.footerWrap .item>.text{
+    margin-left: 5px;
+	overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.footerWrap .item>img{
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+}
+.footerWrap .item>.text.active{
+    opacity: 1;
+    z-index: 10;
+	color:red;
+	font-size: 18px;
+}
+.footerWrap .item>img.active{
+    opacity: 1;
+    z-index: 10;
+}
+.footerWrap .item .articletips{
+    width:0px;
+    height: 0px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #fff;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    border-top-color: transparent;
+    position: absolute;
+    left: 50%;
+    top: 20px;
+    margin-left: -6px;
+    display: none;
+}
+.footerWrap .item .articletipsDown{
+    width:0px;
+    height: 0px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #c8c4c4;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    position: absolute;
+    left: 50%;
+    top: 24px;
+    margin-left: -6px;
+	display: block;
+}
+.footerWrap .item>.text.active+.articletips{
+    display: block;
+    opacity: 1;
+    z-index: 10;
+}
+.footerWrap .item>.text.active+.articletips+.articletipsDown{
+    display: none;
+}
+.footerWrap.footerItem5 .item{
+    width:20%;
+}
+.footerWrap .exareBox{
+    position: absolute;
+    width:100px;
+    height:auto;
+    background-color: #fff;
+    border-radius: 8px;
+    bottom: 38px;
+    right: 0;
+    z-index: 10;
+    display: none;
+}
+.footerWrap .exareBox.active{
+    display: block;
+}
+.footerWrap .exareBox a{
+    color: #333;
+    font-size: 12px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding:10px 10px;
+    display: block;
+    text-decoration:none;
+}
+.zonglan{
+    position: absolute;
+    right: 18px;
+    bottom: 78px;
+    z-index: 99;
+}
+.zonglan img{
+    width:68px;
+}
+.synthesis{
+    position: absolute;
+    bottom: 36px;
+    right: 18px;
+    width: 72px;
+	height:36px;
+	line-height:36px;
+    border-radius: 5px;
+    background-color: #d00;
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    box-shadow: 0px 10px 6px -8px rgba(243,92,85,0.3);
+}
+.synthesis .item{
+    display: flex;
+    text-align: center;
+    height: 18px;
+    position: relative;
+	font-size: 16px;
+    color: #fff;
+    line-height: 18px;
+    justify-content: center;
+    align-items: center;
+}
+.synthesis .item>.text{
+    margin-left: 5px;
+	overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.synthesis .item>img{
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+}
+/* 版面列表1 */
+.layoutStyleOne{
+    width: 50%;
+    position: fixed;
+    top:0;
+    bottom: 0;
+    left: -50%;
+    background-color: #fff;
+    z-index: 100;
+    padding:0 18px;
+    box-sizing: border-box;
+    overflow-y: auto;
+    transition: left 500ms;
+    -webkit-transition: left 500ms; /* Safari */
+}
+.layoutStyleOne.active{
+    left: 0;
+}
+.layoutStyleOne a{
+    color: #333;
+    font-size: 16px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding:20px 0;
+    display: block;
+    text-decoration:none;
+}
+.layoutStyleOne a.active{
+    color: #da3e4a;
+}
+/* 版面列表二 */
+.layoutStyleTwo{
+    height:70%;
+    position: absolute;
+    bottom: 70px;
+    left: 0;
+    width: 100%;
+    background-color: #fff;
+    border-radius: 10px 10px 0 0;
+    background-color: #fff;
+    z-index: 100;
+    display: none;
+    padding-bottom: 10px;
+}
+.layoutStyleTwo h2{
+    font-size: 20px;
+    text-align: center;
+    margin: 15px 0;
+    font-weight: bold;
+}
+.layoutStyleTwo .listWrapBox{
+    width: 100%;
+    height: calc(100% - 22px);
+    display: flex;
+    flex-wrap: wrap;
+    overflow-y: auto;
+    padding:0 15px 15px;
+    box-sizing: border-box;
+}
+.layoutStyleTwo .listWrapBox .action{
+    border: 2px solid #FB565D;
+}
+.layoutStyleTwo .listWrapBox .listWrap{
+    box-sizing: border-box;
+    width: 27.33%;
+    margin: 10px;
+}
+.layoutStyleTwo .listWrap img{
+    width: 100%;
+}
+.layoutStyleTwo.active{
+    display: block;
+}
+.layoutStyleTwo a{
+    color: #333;
+    font-size: 14px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding-top:5px;
+    display: block;
+    text-decoration:none;
+    text-align: center;
+}
+/* .layoutStyleTwo  .articletips{
+    width:0px;
+    height: 0px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #fff;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    position: absolute;
+    bottom: -12px;
+    left: 10%;
+} */
+/* 文章列表 */
+.articleList {
+    position: absolute;
+    bottom: 60px;
+    left: 0;
+    width: 100%;
+    max-height: 70%;
+    background-color: #fff;
+    border-radius: 10px 10px 0 0;
+    z-index: 100;
+    display: none;
+}
+
+.articleList .listWrap {
+}
+
+.articleList .listWrap .listTitle {
+    width: 100%;
+    max-height: 350px;
+    /*display: flex;*/
+    flex-wrap: wrap;
+    overflow-y: auto;
+    padding: 0 15px 15px;
+    box-sizing: border-box;
+}
+
+
+
+.articleList.active{
+    display: block;
+}
+.articleList .listWrap .title{
+    position: relative;
+    text-align: center;
+    padding:0 20px;
+}
+.articleList .listWrap .title .tips{
+    width: 100%;
+    position: absolute;
+    display: none;
+    border-top:1px solid #d5d5d5;
+    top:50%;
+    left: 0;
+    z-index: -1;
+}
+.articleList .item{
+    padding:15px 20px;
+    display:none;
+}
+
+.articleList .item.itemActive {
+    display:block;
+}
+
+.articleList .item h1{
+    font-size: 18px;
+    color:#000;
+    text-align: center;
+    display: inline-block;
+    background: #fff;
+    z-index: 10;
+    padding: 0 10px;
+    margin: 0 auto 10px;
+    line-height: 20px;
+    font-weight: bold;
+}
+.articleList .item a{
+    font-size: 18px;
+    text-align: left;
+    color:#333;
+    line-height: 24px;
+    padding:12px 0;
+    display: block;
+    text-decoration:none;
+    border-top: 1px solid #EEE;
+}
+
+.articleList .item a.active{
+    color: #da3e4a;
+}
+/* .articleList .articletips{
+    width:0px;
+    height: 0px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #fff;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    position: absolute;
+    bottom: -12px;
+    left: 61%;
+} */
+/* .articleList .item a{
+
+} */
+.cancelBox{
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    z-index: 99999;
+    height: 70px;
+    background-color: #FFF;
+    text-align: center;
+    padding: 10px;
+    display: none;
+}
+.cancelBox .cancelBtn{
+    width: 80%;
+    margin: 0 auto;
+    text-align: center;
+    font-size: 18px;
+    font-weight: 500;
+    height: 45px;
+    line-height: 45px;
+    background-color: #EEE;
+    border-radius: 10px;
+    border: none;
+}
+/* 日历 */
+.form_date {
+    position: fixed;
+    bottom: 0;
+    /* left: 12%; */
+    width: 0;
+    height: 70px;
+    z-index: -20;
+    border: 0px solid #FFF;
+    background-color: transparent;
+    color: transparent;
+}
+.dropdown-menu{
+    border: none !important;
+    box-shadow: none !important;
+}
+.datetimepicker{
+    /* width:520px; */
+    width:100%;
+    left: 0 !important;
+    /* bottom: 47px; */
+    /* top: 40px !important; */
+}
+.datetimepicker-days .table-condensed{
+    width:100%;
+}
+.datetimepicker-days .table-condensed tbody tr td.day.active{
+    background-color: #da3e4a!important;
+    border-radius: 24px;
+    background-image: none;
+}
+.datetimepicker-days .table-condensed thead tr th.dow.active{
+    color: #999999;
+}
+.datetimepicker-dropdown-top-left:after{
+    left: 33%;
+    right:initial !important;
+}
+.datetimepicker-months .table-condensed{
+    width:100%;
+}
+.datetimepicker-months .table-condensed tbody tr .month.active{
+    background-color: #da3e4a;
+    border-radius: 10px;
+    background-image: none;
+}
+.datetimepicker-years .table-condensed{
+    width:100%;
+}
+.datetimepicker-years .table-condensed tbody tr .year.active{
+    background-color: #da3e4a;
+    border-radius: 10px;
+    background-image: none;
+}
+/* 遮罩 */
+.mask{
+    position: fixed;
+    top:0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.5);
+    z-index: 9;
+    display: none;
+}
+.mask.active{
+    display: block;
+}
+
+/* 下载页面 */
+.synthPage{
+    width: 100%;
+    height:100%;
+    position: absolute;
+    top:0;
+    left: 0;
+    bottom: 0;
+    z-index: 9999;
+    padding: 13px 13px 5px 13px;
+    box-sizing: border-box;
+    display: none;
+    overflow: auto;
+}
+.synthPage.active{
+    display: block;
+    background: url('../image20/bg.png') repeat center / auto auto;
+}
+.synthPage .closeBtn{
+    text-align: right;
+    padding-bottom: 10px;
+}
+.synthPage .closeBtn i{
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background: url('../image20/guanbi.png') no-repeat center / 15px 15px;
+    cursor: pointer;
+}
+#synthImg {
+    display: none;
+    border:1px solid #d00;
+}
+#synthImg img{
+    width:auto;
+    max-width: 100%;
+}
+
+.saveTipsBtn{
+    width: 80%;
+    height: 30px;
+    margin: 10px auto;
+    background-color: #d00;
+    border-radius: 15px;
+    text-align: center;
+    line-height: 30px;
+    color: #FFF;
+    font-size: 14px;
+}
+
+#synthWrap{
+    width:100%;
+    padding:10px;
+    height: auto;
+    max-height: calc(100% - 40px);
+    background-color: #ffffff;
+    position: relative;
+	box-sizing:border-box;
+}
+#synthWrap .synthHead{
+    display: flex;
+    justify-content: space-between;
+    color: #8F8F8F;
+    height: 20px;
+    margin-bottom: 10px;
+    font-size: 12px;
+    line-height: 20px;
+    font-weight: 500;
+}
+#synthWrap .synthHead img{
+    width: 33.33%;
+    height: 100%;
+}
+#synthWrap img.synthPaper{
+    width:100%;
+    height: auto;
+    max-width: 100%;
+    max-height:calc(100% - 100px);
+    margin: 0 auto;
+    display: block;
+    box-shadow: 0px 4px 21px 3px
+		rgba(195, 187, 187, 0.4);
+    border-radius: 4px;
+    border:1px solid rgba(195, 187, 187, 0.3);
+}
+#synthWrap .imgBottom{
+    width:85%;
+    height: 10px;
+    background-color: rgba(244,244,244,1);
+	box-shadow: 0px 4px 21px 3px
+		rgba(195, 187, 187, 0.4);
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    margin:0 auto;
+    border:1px solid rgba(195, 187, 187, 0.2);
+    border-top-color: transparent;
+
+}
+#synthWrap .footer{
+    width:100%;
+    height: 60px;
+    padding:10px 0;
+    box-sizing: border-box;
+    font-size: 12px;
+    color: #8F8F8F;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 10px;
+}
+
+#synthWrap .footer .left{
+    width:50%;
+    text-align: center;
+}
+#synthWrap .footer .left img{
+    width:auto;
+    height: auto;
+    max-width: 100%;
+    max-height:50px;
+}
+#synthWrap .footer .center{
+    font-size: 12px;
+	line-height: 50px;
+    color: #666666;
+    text-align: center;
+    width:calc(50% - 25px);
+}
+#synthWrap .footer .right{
+    width:50%;
+    height: 100%;
+    text-align: right;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+}
+#synthWrap .footer .right .text{
+    width: 50%;
+    text-align: right;
+}
+#synthWrap .footer .right .qr{
+    width:55px;
+    height: 55px;
+    margin-left: 10px;
+}
+
+#synthWrap .footer .right img{
+    width:100%;
+    height: 100%;
+}
+
+#synthWrap .footer .right#qrcode table{
+    transform: scale(0.6, 0.6);
+    -webkit-transform: scale(0.6, 0.6);
+    -moz-transform: scale(0.6, 0.6);
+    -o-transform: scale(0.6, 0.6);
+    margin-top: -15px;
+    margin-left: -15px;
+}
+.tipsBtn{
+    display: block;
+    width:100px;
+    height:40px;
+    background: url('../image20/saveBtn1.png') no-repeat center / 100px 40px;
+    position: absolute;
+    top:50%;
+    left:50%;
+    transform: translate(-50%,-115%);
+}
+.synthmask{
+    width:100%;
+    height: 100%;
+    position: fixed;
+    top:0;
+    left: 0;
+    z-index: 99;
+    background-color: rgba(0,0,0,0.5);
+}
+.synthmask img{
+    position: absolute;
+    top:50%;
+    left:50%;
+    transform: translate(-50%,-115%);
+}
+
+
+/* 日历牌样式二 */
+#Datefour {
+	position: fixed;
+	bottom: -100%;
+	left: 18px;
+	width: calc(100% - 36px);
+    /*height: 100%;*/
+    overflow: auto;
+    background: #fff;
+	z-index:100;
+	border-radius: 8px;
+    -webkit-overflow-scrolling: touch;
+}
+#Datefour>div{position: relative;}
+#Datefour>div a{
+	position: absolute;
+    line-height: 40px;
+    display: inline-block;
+    height: 40px;
+    width: 16.6%;
+    text-align: center;
+	background-repeat: no-repeat;
+    background-position: center;
+}
+#Datefour>div a:last-child{right: 0;top:0;}
+#Datefour>div a span{margin-top: 11px;}
+#Datefour>div p{
+	text-align: center;
+    line-height: 40px;
+    margin-bottom: 0;
+	font-size:16px;
+	padding-bottom:15px;
+}
+#Datefour ul{
+    width: 100%;
+	max-height: 70vh;
+	overflow-y: auto;
+	list-style: none;
+    /* margin-bottom: 45px; */
+	padding:5px;
+
+}
+#Datefour li {
+	width: 23%;
+	height: 32px;
+	font-size: 12px;
+	display: inline-block;
+	float: left;
+	line-height: 45px;
+    text-align: center;
+	border-radius: 3px;
+	margin:1%;
+    border:1px solid #dcdcdc;
+}
+#Datefour .clearfix a {
+	display: block;
+	width: 100%;
+	color: #333;
+	font-size: 14px;
+	text-decoration: none;
+	line-height: 30px;
+	background-color: #FFF;
+	/* border-bottom: 1px solid #CCC; */
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow:hidden;
+}
+#Datefour a.on{
+    color: #FFF;
+    background-color: #D9383D;
+}
+
+.year{display:block; height:40px;}
+.curDate{padding-right:20px;}

dist/static/css/navi.css

@@ -0,0 +1,104 @@
+body,html,p{
+    padding: 0;
+    margin:0;
+}
+body{
+    height: 100%;
+}
+.topBox{
+    height: calc(100vh - 65px);
+    overflow: scroll;
+}
+
+/* Chrome, Safari, Edge */
+.topBox::-webkit-scrollbar {
+    width: 10px; /* 滚动条宽度 */
+}
+
+.topBox::-webkit-scrollbar-track {
+    background: #ffffff; /* 轨道背景颜色 */
+}
+
+.topBox::-webkit-scrollbar-thumb {
+    background: #888; /* 滚动条颜色 */
+    border-radius: 5px; /* 滚动条圆角 */
+}
+
+.topBox::-webkit-scrollbar-thumb:hover {
+    background: #555; /* 滚动条悬停时的颜色 */
+}
+.xm_top{
+    text-align: center;
+    padding-top: 10px;
+}
+.xm_top .item img{
+    width: 120px;
+}
+.xm_top .item p{
+    height: 42px;
+    font-size: 30px;
+    font-weight: 600;
+    color: #000000;
+    line-height: 42px;
+    margin: 8px 0 12px 0;
+}
+.divider{
+    height: 1px;
+    border-bottom: 1px solid #E6E6E6;
+    margin: 0 15px 3px 15px;
+    box-sizing: border-box;
+}
+.thumbnail-left-left{
+    padding:15px;
+}
+.thumbnail-left-left ul{
+    padding: 0;
+    margin:0;
+    list-style: none;
+}
+.shortjpg{
+    margin-bottom: 20px;
+}
+.shortjpg p{
+    font-size: 18px;
+    font-weight: bold;
+    color: #000000;
+    line-height: 25px;
+    margin-bottom: 10px;
+    display: flex;
+
+}
+.shortjpg p span{
+    display: inline-block;
+    flex-shrink: 0;
+}
+.shortjpg p .title{
+    display: inline-block;
+    background: #d00;
+    border-radius: 2px;
+    color: #fff;
+    font-size: 12px;
+    line-height: 14px;
+    padding: 2px 10px;
+    flex-shrink: 1;
+    text-align: justify;
+    height: fit-content;
+    margin-top: 4px;
+}
+.shortjpg a{
+    display: block;
+    width: 100%;
+    box-shadow: 0px 5px 3px #eee;
+}
+.shortjpg a img{
+    width: 100%;
+}
+.wangqi{
+    width: calc(50% - 40px);
+    bottom:22px;
+}
+.share{
+    width: calc(50% - 60px);
+    justify-content:center;
+    bottom:22px;
+}

dist/static/css/posterShare.css

@@ -0,0 +1,471 @@
+.posterMask{
+    position: fixed;
+    z-index: 9999;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: #fff;
+    background-image: url(/public/static/loading.gif);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 50px 50px;
+    display: none;
+}
+.posterMask.active{
+    display: block;
+}
+.posterSplicingWrap *{
+    box-sizing: border-box;
+    margin:0;
+    padding: 0;
+}
+.posterSplicingWrap{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 100;
+    font-size: 0;
+    background:#72787c;
+}
+.closePoster {
+    text-align: right;
+    padding: 2rem 4rem 1rem;
+}
+.closePoster i{
+    width: 4.2rem;
+    height: 4.2rem;
+    display: inline-block;
+    background: url("/public/static/closeIcon1.png")no-repeat center / 3.2rem 3.2rem;
+    cursor: pointer;
+}
+.posterChoseWrap{
+    width: 100%;
+    height: 100%;
+    padding:1rem 2rem 36.8rem 2rem;
+    width: 100%;
+    position: relative;
+    overflow-y: auto;
+    display: flex;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    /* justify-content: space-between; */
+}
+.posterChoseWrap>.item{
+    width: 21.6rem;
+    height: 31.4rem;
+    background: #FFFFFF;
+    display: inline-block;
+    margin-top: 10px;
+    position: relative;
+    vertical-align: top;
+    padding: 1rem;
+    border-radius: 0.2rem;
+    margin:1rem;
+    cursor: pointer;
+}
+.posterChoseWrap>.item .itemPic{
+    width: calc(100% - 2rem);
+    height: auto;
+    max-height: 100%;
+    position: absolute;
+    left: 1rem;
+    top: 50%;
+    transform: translateY(-50%);
+}
+.posterChoseWrap>.item .itemMask{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top:0;
+    left:0;
+}
+.posterChoseWrap>.item .itemMask .choseBtn{
+    display: block;
+    position: absolute;
+    width: 3rem;
+    height: 3rem;
+    background: url('/public/static/icon1.png')no-repeat center / 3rem 3rem;
+    right: 1.6rem;
+    top: 0.8rem;
+}
+.posterChoseWrap>.item.active .itemMask{
+    background:rgba(0,0,0,0.4);
+}
+.posterChoseWrap>.item.active .itemMask .choseBtn{
+    background: url('/public/static/icon1_active.png')no-repeat center / 3rem 3rem;
+}
+
+.chosedBoxList{
+    position: absolute;
+    width: 100%;
+    border-radius: 1.5rem 1.5rem 0px 0px;
+    background: #FFFFFF;
+    bottom: 0;
+}
+.chosedBoxList .chosedHead{
+    padding: 4rem 3rem;
+    display: -webkit-flex; /* Safari */
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.chosedBoxList .chosedHead .tips{
+    font-size: 2.8rem;
+    font-family: PingFang-SC-Medium;
+    line-height: 2.2rem;
+    color: #333333;
+    display: inline-block;
+}
+.chosedBoxList .chosedHead .allPageBtn{
+    width: 15.2rem;
+    height: 5.6rem;
+    line-height: 5.6rem;
+    text-align: center;
+    background: #d00;
+    border-radius: 3.6rem;
+    display: inline-block;
+    font-size: 2.4rem;
+    font-family: PingFang SC;
+    font-weight: 800;
+    color: #FFFFFF;
+    background: #d00;
+}
+.chosedBoxList .chosedHead .chosedBtn{
+    width: 15.2rem;
+    height: 5.6rem;
+    line-height: 5.6rem;
+    text-align: center;
+    background: #d00;
+    border-radius: 3.6rem;
+    display: inline-block;
+    font-size: 2.4rem;
+    font-family: PingFang SC;
+    font-weight: 800;
+    color: #FFFFFF;
+}
+.chosedBoxList .chosedHead .chosedBtn.active{
+    background: #d00;
+    cursor: pointer;
+}
+.chosedBoxList .chosedPicList{
+    width: 100%;
+    padding:1rem 1.8rem 3.2rem 1.8rem;
+    /* height: 24rem; */
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
+}
+.chosedBoxList .chosedPicList .item{
+    width: 13.5rem;
+    height: 19.0rem;
+    background: rgba(255, 255, 255, 0.39);
+    border: 0.1rem solid #C1C1C1;
+    border-radius: .2rem;
+    padding:1rem;
+    margin:0 1.2rem;
+    display: inline-block;
+    position: relative;
+}
+.chosedBoxList .chosedPicList .item .itemPic{
+    width: 100%;
+    height: 100%;
+}
+.chosedBoxList .chosedPicList .choseBtn{
+    display: block;
+    position: absolute;
+    width: 3rem;
+    height: 3rem;
+    background: url('/public/static/closeIcon2.png')no-repeat center / 3rem 3rem;
+    right: 0;
+    top:0;
+    cursor: pointer;
+}
+
+.wraringWrapper{
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.5);
+    z-index: 2;
+}
+.wraningBox{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    min-width: 54rem;
+    min-height: 28rem;
+    background-color: #fff;
+    text-align: center;
+    border-radius: 1.5rem;
+    z-index: 9;
+}
+.wraningBox.active{
+    display: block;
+}
+.wraningBox .title{
+    font-size: 3.4rem;
+    color: #333333;
+    line-height: 4.8rem;
+    margin:4rem 2.4rem;
+}
+.wraningBox .tips{
+    font-size: 2.8rem;
+    color: #666666;
+    line-height: 4rem;
+    margin-bottom: 4.0rem;
+}
+.wraningBox .btn{
+    cursor: pointer;
+    width: 100%;
+    font-size: 3.2rem;
+    line-height: 8.8rem;
+    color: #DA3E4A;
+    border-top: .1rem solid #E4E4E4;
+}
+
+.posterWrapper{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    background-color: #7d7d7d;
+    z-index: 99;
+    padding:2.2rem 3.6rem;
+}
+.posterWrapper .closeBtn{
+    width: 100%;
+    text-align: right;
+    margin-bottom: 2.2rem;
+}
+.posterWrapper .closeBtn i{
+    display: inline-block;
+    width: 4.2rem;
+    height: 4.2rem;
+    background: url(/public/static/closeIcon1.png) no-repeat center / 3.2rem 3.2rem;
+    cursor: pointer;
+}
+.originalWrapper{
+    width: 100%;
+    height: auto;
+}
+
+.originalWrapper .synthHead{
+    display: flex;
+    justify-content: space-between;
+    color: #8F8F8F;
+    height: 20px;
+    margin-bottom: 10px;
+    font-size: 12px;
+    line-height: 20px;
+    font-weight: 500;
+}
+.originalWrapper .synthHead img{
+    width: 33.33%;
+    height: 100%;
+}
+
+.defalutLayoutPoster{
+    width: 100%;
+    padding: 2.2rem 3rem;
+    background-color: #f2f2f2;
+}
+.verticalPoster,
+.horizontalPoster{
+    display: none;
+}
+.verticalPoster.active,
+.horizontalPoster.active{
+    display: block;
+}
+.onePoster .defalutLayoutPoster .imageBox{
+    width: 100%;
+    height: auto;
+    /* background-color: #fff; */
+    padding: 2.4rem 2.8rem 5rem 2.8rem;
+    /* box-shadow: 0px .4rem 2.4rem rgba(195, 187, 187, 0.4); */
+    border-radius: .8rem;
+    margin-bottom: 1.5rem;
+    background: url("/public/static/boxbg.png")no-repeat center;
+    background-size: contain;
+}
+.horizontalPoster .defalutLayoutPoster .imageBox{
+    width: calc(50% - 0.4rem);
+    display: inline-block;
+    margin: .4rem 0.2rem;
+    padding: 1.4rem 1.8rem 2rem 1.8rem;
+    height: auto;
+    /* background-color: #fff;
+    box-shadow: 0px .4rem 2.4rem rgba(195, 187, 187, 0.4); */
+    border-radius: .8rem;
+    background: url("/public/static/boxbg.png")no-repeat center;
+    background-size: contain;
+}
+.fourPoster .defalutLayoutPoster .imageBox{
+    width: calc(50% - 0.8rem);
+    display: inline-block;
+    margin: .4rem 0.4rem;
+    padding: 1.4rem 1.8rem 2rem 1.8rem;
+    height: auto;
+    /* background-color: #fff;
+    box-shadow: 0px .4rem 2.4rem rgba(195, 187, 187, 0.4); */
+    border-radius: .8rem;
+    background: url("/public/static/boxbg.png")no-repeat center;
+    background-size: contain;
+}
+.eightPoster .defalutLayoutPoster{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+}
+.eightPoster .defalutLayoutPoster .imageBox{
+    width: calc(33.33% - 0.8rem);
+    display: inline-block;
+    margin: .4rem 0.4rem;
+    padding: 1rem;
+    height: 30rem;
+    /* background-color: #fff;
+    box-shadow: 0px .4rem 2.4rem rgba(195, 187, 187, 0.4); */
+    border-radius: .8rem;
+    background: url("/public/static/boxbg.png")no-repeat center;
+    background-size: contain;
+}
+.originalWrapper .defalutLayoutPoster .imageBox img.imgPic{
+    width: 100%;
+    height: auto;
+}
+.originalWrapper .footer{
+    width: 100%;
+    height: 100%;
+    font-size: 2.4rem;
+    color: #666666;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.originalWrapper .footer .logo img{
+    max-height: 8rem;
+    max-width: 22rem;
+}
+.originalWrapper .footer .code{
+    text-align: center;
+    margin-left: -150rem;
+}
+.originalWrapper .footer .time{
+    text-align: right;
+}
+.originalWrapper .footer .code.active{
+    background-color: #fff;
+    width: 12rem;
+    height: 12rem;
+    padding: 0.6rem;
+    border-radius: 0.8rem;
+    margin-left: 0;
+}
+.originalWrapper .footer .code.active img{
+    width: 100%;
+    height: auto;
+    max-height: 100%;
+}
+.eightPoster .imageBox{
+    padding: 3.2rem 1.5rem !important;
+}
+.eightPoster .imageBox .code{
+    position: absolute;
+}
+.eightPoster .imageBox .code.active{
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background: url("/public/static/codebg.png")no-repeat center / 100% 100%;
+}
+.eightPoster .code.active img{
+    position: absolute;
+    top:50%;
+    left: 50%;
+    transform: translate(-50% ,-50%);
+    width: 100%;
+    height: auto;
+    max-height: 100%;
+}
+.eightPoster .footer{
+    margin-top: 2.4rem;
+}
+.eightPoster.originalWrapper .footer .logo{
+    width: 50%;
+}
+.eightPoster.originalWrapper .footer .logo img{
+    max-width: 100%;
+}
+
+.newPosterWrapper{
+    width: 100%;
+    height: auto;
+    position: relative;
+}
+.newPosterWrapper .tips{
+    width: 20rem;
+    height: 8rem;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 4rem;
+    font-size: 2.4rem;
+    line-height: 8rem;
+    color: #fff;
+    text-align: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+}
+.newPosterWrapper .buttomtips{
+    width: 80%;
+    height: 30px;
+    margin: 10px auto;
+    background-color: #F05A59;
+    border-radius: 15px;
+    text-align: center;
+    line-height: 30px;
+    color: #FFF;
+    font-size: 14px;
+}
+.newPosterWrapper img{
+    max-width: 100%;
+}
+
+.choseDirectionBox{
+    width: 100%;
+    height: auto;
+    border-radius: 1.5rem 1.5rem 0px 0px;
+    background: #fff;
+    padding: 7rem 0;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+}
+.choseDirectionBox .left{
+    width: 18rem ;
+    height:14.4rem;
+    content: url("/public/static/verticalDefault.png");
+}
+.choseDirectionBox .left.active{
+    content: url("/public/static/verticalActive.png");
+}
+.choseDirectionBox .right{
+    width: 18rem ;
+    height:14.4rem;
+    content: url("/public/static/transverseDefault.png");
+}
+.choseDirectionBox .right.active{
+    content: url("/public/static/transverseActive.png");
+}

dist/static/js/Phototoys.js

@@ -0,0 +1,211 @@
+function ImgInfo(params){
+	this.pageW=params.pageW;
+	this.pageH=params.pageH;
+	this.pageScale=this.pageH/this.pageW;
+}
+ImgInfo.prototype={
+	constructor:ImgInfo,
+	reset:function(el){   //重置选中的图片，获取该图片以及它的宽高
+		this.img=el;
+		var boundClient=this.img.getBoundingClientRect();
+		this.scale=boundClient.height/boundClient.width;
+		this.ifFullByHeight=this.scale>this.pageScale;    //true:高度铺满屏幕   false:宽度铺满屏幕
+		this.ifFullByHeight ? this.setHeight(this.pageH) : this.setWidth(this.pageW);	
+		this.startAnitScale=0.2;
+	},
+	setWidth:function(w){   //缩放时候设置宽度
+		this.w=w;
+		this.h=this.w*this.scale;
+		this.x=(this.pageW-this.w)/2;
+		this.y=(this.pageH-this.h)/2;
+	},
+	setHeight:function(w){   //缩放时候设置宽度
+		this.h=this.pageH;
+		this.w=this.h/this.scale;
+		this.y=0;
+		this.x=(this.pageW-this.w)/2;
+	},
+	endScale:function(){
+		if(this.w>this.pageW||this.h>this.pageH){
+			return;
+		}
+		this.ifFullByHeight ? this.setHeight(this.pageH) : this.setWidth(this.pageW);
+	},
+	moveX:function(distX){
+		//X轴方向的移动
+		if(this.x>0 || (this.x+this.w)<this.pageW){   //超出屏幕时候弹性回收
+			this.x+=distX/5;
+		}
+		else{
+			this.x+=distX;
+		}
+	},
+	moveY:function(distY){
+		//Y轴方向的移动
+		if(this.h<=this.pageH){
+			return;
+		}
+		if((this.h>this.pageH && this.y>0) || (this.h>this.pageH && (this.y+this.h)<this.pageH)){
+			this.y+=distY/5;
+		}
+		else{
+			this.y+=distY;
+		}
+	},
+	move:function(distX,distY){
+		this.moveX(distX);
+		this.moveY(distY);
+	},
+	endMove:function(){
+		//手指松开的时候，X轴回弹
+		if(this.x>0){
+			this.x=this.ifFullByHeight&&this.w<this.pageW ? (this.pageW-this.w)/2 : 0;
+		}
+		else if((this.x+this.w)<this.pageW){
+			this.x=this.ifFullByHeight&&this.w<this.pageW ? (this.pageW-this.w)/2 :  (this.pageW-this.w);
+		}
+		//手指松开的时候，Y轴回弹
+		if(this.h>this.pageH && this.y>0){
+			this.y=0;
+		}
+		else if(this.h>this.pageH && (this.y+this.h)<this.pageH){
+			this.y=this.pageH-this.h;
+		}
+	},
+	startAnit:function(ctx){   //点击图片放大的动画
+		var _this=this;
+		this.startAnitScale+=0.05;
+		this.startAnitDraw(ctx);
+		if(this.startAnitScale>=1){
+			this.startAnitScale=1;
+			this.startAnitDraw(ctx);
+			this.startAnitScale=0.2;
+			return;
+		}
+		requestAnimationFrame(function(){
+			_this.startAnit(ctx);
+		})
+	},
+	startAnitDraw:function(ctx){
+		ctx.clearRect(0,0,this.pageW,this.pageH);
+		ctx.save();
+		var w=this.w*this.startAnitScale;
+		var h=this.h*this.startAnitScale;
+		ctx.translate((this.pageW-w)/2,(this.pageH-h)/2);
+		ctx.beginPath();
+		ctx.drawImage(this.img,0,0,w,h);
+		ctx.closePath();
+		ctx.restore();
+	},
+	draw:function(ctx){
+		ctx.clearRect(0,0,this.pageW,this.pageH);
+		ctx.save();
+		ctx.beginPath();
+		ctx.drawImage(this.img,this.x,this.y,this.w,this.h);
+		ctx.closePath();
+		ctx.restore();
+	}
+}
+
+function WxScale(params){
+	this.moveData={   //单指移动数据
+		ifStart:false,    //是否开始移动
+		startX:1,   //手指开始接触的x坐标
+		startY:1,   //手指开始接触的y坐标
+	};
+	this.scaleData={   //双指缩放数据
+		ifStart:false,    //是否开始移动
+		startDist:1,     //手机开始接触时双指的距离，用来计算缩放比例
+	};
+	this.init(params);
+	this.bindEvent();
+}
+WxScale.prototype={
+	constructor:WxScale,
+	init:function(params){
+		this.fullPage=params.fullPage;
+		this.canvas=params.canvas;
+		this.fullPage.style.display="block";  //如果不先显示出fullpage那么会获取不到fullpage的宽高
+		var clientRect=this.canvas.getBoundingClientRect();
+		this.w=this.canvas.width=clientRect.width;
+		this.h=this.canvas.height=clientRect.height;
+		this.ctx=canvas.getContext("2d");
+		this.img=new ImgInfo({
+			pageW:this.w,
+			pageH:this.h
+		});
+		this.fullPage.style.display="none"; 
+	},
+	start:function(el){
+		this.fullPage.style.display="block";
+		this.img.reset(el);
+		this.img.startAnit(this.ctx);
+	},
+	bindEvent:function(){
+		var _this=this;
+		this.fullPage.addEventListener("touchstart",function(e){
+			_this.touchstart(e);
+		},false)
+		this.fullPage.addEventListener("touchmove",function(e){
+			_this.touchmove(e);
+		},false)
+		this.fullPage.addEventListener("touchend",function(e){
+			_this.touchend(e);
+		},false)
+		this.fullPage.addEventListener("click",function(){
+			this.style.display="none";
+		},false)
+	},
+	touchstart:function(e){
+		if(e.touches.length==1){   //单指移动
+			this.moveData.ifStart=true;
+			this.moveData.startX=e.touches[0].pageX;
+			this.moveData.startY=e.touches[0].pageY;
+		}
+		else if(e.touches.length>=2){   //双指缩放
+			this.scaleData.ifStart=true;
+			this.scaleData.startDist=this.getDistance(e.touches[0],e.touches[1]);
+			this.imgBaseWidth=this.img.w;
+		}
+	},
+	touchmove:function(e){
+		e.preventDefault();
+		if(this.moveData.ifStart&&e.touches.length==1){   //单指移动
+			var distX=e.touches[0].pageX-this.moveData.startX;
+			var distY=e.touches[0].pageY-this.moveData.startY;
+			this.moveData.startX=e.touches[0].pageX;
+			this.moveData.startY=e.touches[0].pageY;
+			this.img.move(distX,distY);
+		}
+		else if(this.scaleData.ifStart&&e.touches.length>=2){   //双指缩放
+            var moveDist=this.getDistance(e.touches[0],e.touches[1]);
+            var scale=(moveDist/this.scaleData.startDist).toFixed(2); //得到缩放比例
+            this.img.setWidth(this.imgBaseWidth*scale);
+		}
+		this.img.draw(this.ctx);
+	},
+	touchend:function(e){
+		if(this.scaleData.ifStart){  //双指缩放
+			this.scaleData.ifStart=false;
+			this.moveData.ifStart=false;
+			this.img.endScale();
+			this.img.draw(this.ctx);
+		}
+		else if(this.moveData.ifStart){  //单指移动
+			this.moveData.ifStart=false;
+			this.img.endMove();
+			this.img.draw(this.ctx);
+		}
+		
+	},
+	getDistance:function(p1, p2){
+		var x=p2.pageX-p1.pageX,
+	        y=p2.pageY-p1.pageY;
+	    return Math.sqrt(x*x+y*y);
+	}
+}
+
+
+
+
+

dist/static/js/PhototoysDsg.js

@@ -0,0 +1,11 @@
+// 图片预览
+var wxScale = new WxScale({
+    fullPage: document.querySelector("#fullPage"),
+    canvas: document.querySelector("#canvas")
+});
+var imgBox = document.querySelectorAll("#imgBox img");
+for (var i = 0; i < imgBox.length; i++) {
+    imgBox[i].onclick = function (e) {
+        wxScale.start(this);   //这里的this指向需要放大的这张图片
+    }
+}

dist/static/js/bigHaiBao.js

@@ -0,0 +1,154 @@
+//下载弹层
+function bigHaibao() {
+	var imgUrl = $('.swiper-wrapper .swiper-slide-active img').attr('src') + '?=v1';
+	var date =$("#publishDateTime").html();
+	var week = getWeekBig($("#NewsArticleTime").html());   //星期
+	console.log($("#publishDateTime").html());
+	var html =
+		'<div class="closeBtn"><i></i></div>' +
+		'<div id="synthWrap" style="width:1500px; position:absolute; top:-100000px; max-height:max-content; padding:30px;">' +
+		'	<div class="synthHead" style="height:80px; margin-bottom:30px; font-size:48px;line-height:80px;">' +
+		'		<img src="/h5/public/static/logo.png" style="height: 50px;width: 50px" alt=""/>' +
+		'		<div>' + date +'&nbsp;&nbsp;&nbsp;' + week +'</div>' +
+		'	</div>' +
+		'	<img src = ' + imgUrl +' class="synthPaper" alt=""/>' +
+		'	<div class="footer" style="height:180px; padding:30px 0;font-size:48px; margin-top:30px;">' +
+		'		<div class="left">' +
+		'			<img style="max-height:150px;max-width:150px;" src="/h5/public/static/logo.png" alt=""/>' +
+		'		</div>' +
+		'		<div class="right">' +
+		'			<div class="text">' +
+		'				<div>识别二维码</div>' +
+		'				<div>查看该版内容</div>' +
+		'			</div>' +
+		'			<div class="qr" style="width:180px; height:180px; margin-left:30px;">' +
+		'				<img src="" id="qcImg"/>' +
+		'			</div>' +
+		'		</div>' +
+		'	</div>' +
+		'</div>' +
+		'<div id="synthImg"><img src="" alt=""/></div>' +
+		'<div class="saveTipsBtn" style="display:none;">点击图片，长按分享给好友</div>' +
+		'<div class="synthmask"><img src="/h5/public/static/loading.gif" alt=""/></div>' +
+		'<div id="qrcode" style="visibility:hidden;"></div>';
+
+	$('.synthPage').append(html);
+	var url = window.location.href;
+	var index = url.substring(0, url.lastIndexOf('/') + 1);
+	console.log(index + '?' + getCaption())
+	$('body').find('#qrcode').qrcode({
+		render: 'canvas',
+		width: 180,
+		height: 180,
+		// margin: '0 auto',
+		text: index + '?' + getCaption()
+	});
+	document.getElementById('qcImg').src = document.querySelector('canvas').toDataURL("image/webp");
+    synthesisImgLoadBig();
+
+    $('.tipsBtn').unbind("touchstart");
+    $('.tipsBtn').unbind("touchend");
+    $('.tipsBtn').bind("touchstart", function () {
+        $(this).hide();
+    });
+
+    $('.tipsBtn').bind("touchend", function () {
+        $(this).show();
+    });
+}
+//判断图片是否加载完成
+function synthesisImgLoadBig() {
+	var img = $('.synthPage .synthPaper');
+	if (img && img.length != 0) {
+		if (img[0].complete) {
+			var synBoxH = $('#synthWrap').height();
+			var imgH = $('#synthWrap').height() - 100;
+			$('#synthWrap>img.synthPaper').css('max-height', imgH + 'px');
+			$('#qrcode').hide()
+			synthesisImgBig();
+		} else {
+			setTimeout(function () { synthesisImgLoadBig() }, 300);
+		}
+	} else {
+		setTimeout(function () { synthesisImgLoadBig() }, 300);
+	}
+}
+//生成图片
+function synthesisImgBig() {
+	//clearInterval(synthesisImgLoadBig)
+	var canvas = document.createElement('canvas'); // 创建一个canvas节点
+	var shareContent = document.getElementById('synthWrap'); // 需要截图的包裹的（原生的）DOM 对象
+	var width = shareContent.offsetWidth; // 获取dom 宽度
+	var height = shareContent.offsetHeight; // 获取dom 高度
+	var scale = 1.5; // 定义任意放大倍数 支持小数
+	canvas.getContext('2d').scale(scale, scale); // 获取context,设置scale
+	var rect = shareContent.getBoundingClientRect(); // 获取元素相对于视口的
+	html2canvas(document.getElementById('synthWrap'), {
+		x: rect.left, // 绘制的dom元素相对于视口的位置
+		y: rect.top,
+		width: width, // dom 原始宽度
+		height: height,
+		windowWidth: document.body.scrollWidth,
+		windowHeight: document.body.scrollHeight,
+		// x: 0,
+		// y: 0,
+		useCORS: true, // 开启跨域
+		dpi: window.devicePixelRatio * 2,
+		scale: scale, // 添加的scale 参数
+	}).then((canvas) => {
+		var context = canvas.getContext('2d')
+		//关闭抗锯齿
+		context.mozImageSmoothingEnabled = false
+		context.msImageSmoothingEnabled = false
+		context.imageSmoothingEnabled = false
+		$('#synthImg img').attr('src', canvas.toDataURL());
+		$('#synthWrap').hide();
+		$('#synthImg').show();
+        $('.synthPage .synthmask').hide();
+        $('.saveTipsBtn').show();
+	})
+}
+
+//星期日期计算
+function getWeekBig(timedat) { //timedat参数格式： "2018-09-11"
+	let t = new Date(timedat);
+	let week;
+	if (t.getDay() === 0) week = "星期日";
+	if (t.getDay() === 1) week = "星期一";
+	if (t.getDay() === 2) week = "星期二";
+	if (t.getDay() === 3) week = "星期三";
+	if (t.getDay() === 4) week = "星期四";
+	if (t.getDay() === 5) week = "星期五";
+	if (t.getDay() === 6) week = "星期六";
+	return week;
+};
+
+//判断当前时间和报纸刊期之间的时间差。 如在MaxshowData天内，返回true,否则返回false
+// type=1,忽略dtStartStr，日期根据浏览器地址获取;type=2，根据前一个参数，格式(YYYY/MM/DD)
+function DateMaxDiffBig(type, dtStartStr) {
+	if (!ifMaxShowDate) { return true; }
+	var maxinterval = MaxshowData;//允许看的天数
+	var re = /(\d{4})-(\d{2})\/(\d{2})/i;
+	var sUrl = location.href;
+	var r = sUrl.match(re);
+	var dtEnd = new Date();
+	var dtStart;
+	if (type == 1) {
+		if (r) {
+			dtStart = new Date(r[1] + "/" + r[2] + "/" + r[3]);
+		} else {
+			dtStart = new Date();
+		}
+	} else if (type == 2) {
+		dtStart = new Date(dtStartStr);
+		if (isNaN(dtStart)) dtStart = new Date();
+	}
+
+	var date3 = dtEnd.getTime() - dtStart.getTime();  //时间差的毫秒数
+	var days = Math.floor(date3 / (24 * 3600 * 1000));//计算出相差天数
+	if ((days) >= maxinterval) {
+		return false;
+	} else {
+		return true;
+	}
+}

dist/static/js/bootstrap-datetimepicker.zh-CN.js

@@ -0,0 +1,16 @@
+/**
+ * Simplified Chinese translation for bootstrap-datetimepicker
+ * Yuan Cheung <advanimal@gmail.com>
+ */
+;(function($){
+	$.fn.datetimepicker.dates['zh-CN'] = {
+			days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
+			daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+			daysMin:  ["日", "一", "二", "三", "四", "五", "六", "日"],
+			months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+			monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+			today: "今天",
+			suffix: [],
+			meridiem: ["上午", "下午"]
+	};
+}(jQuery));

dist/static/js/index.js

@@ -0,0 +1,872 @@
+
+document.write("<script src='../../../js20/qfstatH5.js'></script>");
+document.write("<script src='../../../js20/poster/posterShare.js'></script>");
+document.write("<script src='../../../js20/bigHaiBao.js?v=1'></script>");
+var swiper =null;
+// 以下参数根据需求进行配置
+var BMListModeType = 2;  // 版面列表显示类型。1:左侧弹出  2：居中显示
+var calendarMode = 1;	//1：传统日历	2：列表日历需要配合自定义json日历数据
+var ifMaxShowDate = false;//是否开启过滤日期（开启：true,关闭：false）
+var MaxshowData = 10; //最多能看7天
+var pageDirection = "horizontal";	// 版面图滑动 horizontal横向滚动，vertical竖向滚动
+var layoutStyle = "festival"   //版面图样式  routine:常规， festival：节日，solemn：庄严
+var HaiBaoType = "single";  //single:单版模板	multi:多版模式，多版面时：需要加载：document.write("<script src='../../../js20/poster/posterShare.js'></script>");	@import url("../js20/poster/posterShare.css");
+
+// 主程序
+
+var month = getDate("month");//获取当前月份
+$('img[usemap]').rwdImageMaps();//设置图片热区
+
+
+
+$(function () {
+	// var wrapWidth=document.body.clientWidth-36;
+	// var imgWidth=$('.paperMap')[0].offsetWidth,imgHeight=$('.paperMap')[0].offsetHeight;
+	// var wrapHeight=(wrapWidth*imgHeight)/imgWidth
+	// console.log(wrapHeight)
+	// $('.newpaper').css('height',wrapHeight)
+	// return false
+	//if (layoutStyle == "routine") {
+ //       $('.contWrapper').css("background", "#FFF");
+ //       $('.headBox').css("background", "#F0F0F0");
+	//} else if (layoutStyle == "festival") {
+	//	$('.contWrapper').css("background", "url(../../../image20/festival.png) no-repeat")
+ //       $('.contWrapper').css("background-size", "100% 100%");
+ //       $('.headBox').css("background", "#F0F0F0");
+	//} else if (layoutStyle == "solemn") {
+ //       $('body').css("filter", "grayscale(1)");
+ //       $('.headBox').css("background", "#F0F0F0");
+	//}
+	if (!DateMaxDiff(1)) {
+		alert("对不起，只能查看最新七天数据！");
+		//location.href = "../../../paperindex.htm";
+		return;
+	}
+
+	// 模式2初始化年份日历
+	if (calendarMode == 2) {
+		initYearList();
+	}
+
+    //$($('.articleList .listWrap .item')[0]).toggleClass('itemActive');
+	// Initialize Swiper
+	swiper = new Swiper('.swiper-container', {
+		//zoom: true,
+		direction: pageDirection,//horizontal横向滚动，vertical竖向滚动
+		initialSlide: getURLParams() ? getURLParams(): 0,//默认显示第几个
+		//loop : true,//循环滚动
+		on: {
+			init: function (swiper) {
+				console.log('init');
+				// $('body').css('opacity',1)
+
+                pinchZoom();
+				//autoChangeTitle(true);
+				//alert($('img.pichmask').height())
+				// $('img.pichmask').css("height", $(".swiper-wrapper").height());
+			},
+			slideChangeTransitionEnd: function (swiper) {
+				//console.log(swiper);
+				var index=swiper.activeIndex;
+				//$("#dataIndex").val(index);
+				window.dispatchEvent(new CustomEvent('dataIndexChanged', { detail: index }));
+                //动态显示页面title信息
+                //autoChangeTitle(false);
+				new RTP.PinchZoom($('.swiper-slide.swiper-slide-active .pinch-zoom'), { maxZoom: 4 });
+			},
+		}
+	});
+
+	//$('.newpaper').ready(function(){
+	//	setTimeout(function(){
+	//		$(".posterMask").removeClass('active');
+	//	},10);
+	//})
+	$('.contWrapper').ready(function(){
+		//setTimeout(function(){$(".posterMask").removeClass('active');},1000);
+		setTimeout(function(){$('body').css('opacity',1);},500);
+		//$('body').css('opacity',1);
+	})
+	//版面放大的区域与图片自适应显示区域一致
+	// $('img.pichmask').load(function(){
+	// 	alert($('img.pichmask').height())
+	// })
+	// $('img.pichmask').css("height", $(".swiper-wrapper").height());
+
+	//日历实例化
+	$('.form_date').datetimepicker({
+		pickerPosition: "top-right",
+		bootcssVer: 3,
+		format: "yyyy-mm-dd",
+		language: "zh-CN",
+		weekStart: 1,
+		autoclose: 1,
+		startView: 2,
+		minView: 2,
+		forceParse: 0,
+		viewSelect: "month",
+		initialDate: getDate("day"),
+	}).on("show", function (ev) {
+		let dateStr = month;
+		let parts = dateStr.split('-');
+		let newDateStr = `${parts[0]}-${parts[1].padStart(2, '0')}`;
+		console.log('000000000000',newDateStr);
+		displayDate(newDateStr);
+		//$(".datetimepicker-days th.switch").addClass("disabled");
+	}).on('changeDate', function (ev) {
+		var date = new Date(ev.date.valueOf());
+		var year = date.getFullYear();
+		var month = date.getMonth() + 1;
+		month = month < 10 ? ("0" + month) : month;
+		var day = date.getDate();
+		day = day < 10 ? ("0" + day) : day;
+		var url = "https://jinrigushi.gushitv.com/h5/#/?date="+`${year}-${month}-${day}`;
+		sessionStorage.setItem('isShow',1);
+		//var curDate = year+""+appendZero(month)+""+appendZero(day);
+		//if (curDate<=20191231){
+		//	location.href = "https://epaper.guanhai.com.cn/qdrb/"+curDate;
+		//}
+		console.log(url)
+		//var isUseful = checkUrl(url);
+		//console.log(isUseful)
+		//if (isUseful) {
+			location.href = url;
+		//}
+		hideAll();
+		//$('.mask').removeClass('active');
+	});
+	//导航栏日期显示
+	// $('body .datetimeBtn').text(getDate("day"));
+	// 底部按钮切换
+	$('.footerWrap').on('click', '.item', function () {
+		//$(this).toggleClass('active');
+		//$(this).parent('.item').siblings('.item').find('.text').removeClass('active');
+		$('.mask').toggleClass('active');
+		// 版面列表显示
+		var btn=$(this).children()[1];
+
+		if (btn.classList.contains('layoutBtn')) {
+			if (BMListModeType == 1) {
+				$('.layoutStyleOne').toggleClass('active');
+			} else if (BMListModeType == 2) {
+				$('.layoutStyleTwo').toggleClass('active');
+				$(".cancelBox").show()
+			}
+		}
+		// 版面文章目录显示
+        if (btn.classList.contains('articleBtn')) {
+			$('.articleList').toggleClass('active');
+            $(".cancelBox").show();
+		}
+		//日历显示
+		if (btn.classList.contains('datetimeBtn')) {
+			showDate();
+		}
+		// 跳转下载页面
+		//if (btn.classList.contains('synthesis')) {
+		//	// window.location.href='synthesis.html';
+		//	// $('.mask').removeClass('active');
+		//	$('.synthPage').addClass('active');
+		//	synthBox();
+		//}
+
+		//更多显示的弹层
+		if (btn.classList.contains('more')) {
+			$(this).siblings('.exareBox').toggleClass('active');
+		}
+	})
+
+	// 点击遮罩
+	$('.contWrapper .mask').on('click', function () {
+		hideAll();
+	})
+
+	// 点击取消按钮
+	$('.contWrapper .cancelBox').on('click', function () {
+		hideAll();
+	})
+
+	// 点击总览页面
+	// $('.zonglan').on('click', function () {
+	// 	var rqStr = window.location.href.match(/(\d{4}-\d{2})\/(\d{2})/i);
+	// 	var zonglanUrl = "index_"+rqStr[1]+"-"+rqStr[2]+".htm";
+	// 	window.location.href = zonglanUrl;
+	// })
+
+	//文章目录显示样式
+	// $('.articleList .item a').on('click', function () {
+	// 	$(this).addClass('active').siblings().removeClass('active');
+	// 	$(this).parents('.item').siblings('.item').find('a').removeClass('active')
+	// })
+
+	//给版面目录页面加上高亮（样式一）
+	// var curUrl = window.location.href;
+	// $('.layoutList a').each(function (i, elem) {
+	// 	if ($(elem).attr('href') == curUrl) {
+	// 		$(elem).addClass('active').siblings().removeClass('active');
+	// 	}
+	// });
+	//给版面目录页面加上高亮（样式二）
+	// $('.layoutList .listWrapBox .listWrap').each(function (i, elem) {
+	// 	if (curUrl.includes($(elem).children('a').attr('href'))) {
+	// 		$(elem).addClass('action').siblings().removeClass('action');
+	// 	}
+	// });
+	// 点击版面
+	// $('.layoutList .listWrapBox .listWrap').on('click', function (e) {
+	// 	location.href = $(this).children('a').attr('href')
+	// })
+
+	//监听切换月份
+    var i = 0;
+    // 选择您想要监听子节点变动的元素
+    var targetNode = document.querySelector('.datetimepicker-days tbody');
+    // 创建一个观察者实例并传入回调函数
+    var observer = new MutationObserver(function(mutations) {
+        mutations.forEach(function(mutation) {
+            if (mutation.type === 'childList') {
+                if (i == 5) {
+                    var date = $(".datetimepicker-days thead th.switch").text().split(" ");
+                    switch (date[0]) {
+                        case "一月":
+                            month = date[1] + "-01";
+                            break;
+                        case "二月":
+                            month = date[1] + "-02";
+                            break;
+                        case "三月":
+                            month = date[1] + "-03";
+                            break;
+                        case "四月":
+                            month = date[1] + "-04";
+                            break;
+                        case "五月":
+                            month = date[1] + "-05";
+                            break;
+                        case "六月":
+                            month = date[1] + "-06";
+                            break;
+                        case "七月":
+                            month = date[1] + "-07";
+                            break;
+                        case "八月":
+                            month = date[1] + "-08";
+                            break;
+                        case "九月":
+                            month = date[1] + "-09";
+                            break;
+                        case "十月":
+                            month = date[1] + "-10";
+                            break;
+                        case "十一月":
+                            month = date[1] + "-11";
+                            break;
+                        case "十二月":
+                            month = date[1] + "-12";
+                            break;
+                    }
+                    displayDate(month);
+                    i = -1;
+                }
+                i++;
+            }
+        });
+    });
+
+    // 配置观察选项:
+    // 子节点的添加或删除将触发观察者的回调
+    var config = { attributes: false, childList: true, subtree: true };
+    // 传入目标节点和观察选项
+    observer.observe(targetNode, config);
+
+
+	//点击分享按钮
+	$('.synthesis').on('click', function () {
+		if(HaiBaoType=="single"){//单版分享
+			$('.mask').toggleClass('active');
+			$('.synthPage').addClass('active');
+			//synthBox();
+			bigHaibao();
+		}else if (HaiBaoType=="multi"){	//多版分享
+			var poster = POSTER('paperMap').show('');
+		}
+	});
+
+	//关闭下载图片的弹层
+	$('.synthPage').on('click', '.closeBtn', function () {
+		$('.synthPage').html('');
+		$('.synthPage,.mask,.synthesis').removeClass('active');
+
+	});
+
+	var currentSwiperZoom = [];
+	var currentSwiperZoom2 = [];
+	//存储页面所有图片原始的缩放比例
+	window.onload = function () {
+		$('.swiper-slide').find('.pinch-zoom').each(function () {
+			currentSwiperZoom2.push({ zoomhtml: $(this)[0].outerHTML });
+		});
+		new RTP.PinchZoom($('.swiper-slide.swiper-slide-active .pinch-zoom'), { maxZoom: 4 });
+		//$('.swiper-slide').find('.pinch-zoom').each(function(){
+		//currentSwiperZoom.push({transform:$(this)[0].style.transform,transformOrigin:$(this)[0].style.transformOrigin});
+		//})
+	}
+	//点击除了已有的元素之外的区域缩小放大
+	$('body').click(function (e) {
+		var target = $(e.target);
+		if (!target.is('.imgBoxCont *') && !target.is('.footerWrap *') && !target.is('.newsText1 *') && !target.is('.synthesis') && !target.is('.layoutList *') && !target.is('.articleList *') && !target.is('.text') && !target.is('.synthPage *') && !target.is('.mask') && currentSwiperZoom2.length != 0) {
+			//不是点击指定区域执行的操作
+			var scaleIndex = getURLParams() ? getURLParams() : 0
+			$('.swiper-slide.swiper-slide-active .pinch-zoom-container').remove();
+			$('.swiper-slide.swiper-slide-active .imgBoxCont').append(currentSwiperZoom2[scaleIndex].zoomhtml)
+			new RTP.PinchZoom($('.swiper-slide.swiper-slide-active .pinch-zoom'), { maxZoom: 4 });
+		}
+	});
+
+	//xml判断图片加载情况
+	xmlhttpAction();
+
+})
+
+//图片放大初始化
+function pinchZoom() {
+	window.z_drag = 0;
+	$('div.pinch-zoom').each(function (v, i) {
+		new RTP.PinchZoom($(this), { maxZoom: 4 });
+		$(this).on('pz_zoomstart', function () {
+			window.z_drag = 1
+		});
+
+		$(this).on('pz_dragstart', function () {
+			window.z_drag = 1
+		});
+
+		$(this).on('pz_zoomend', function () {
+			setTimeout(function () {
+				window.z_drag = 0
+			}, 500);
+		});
+		$(this).on('pz_dragend', function () {
+			setTimeout(function () {
+				window.z_drag = 0
+			}, 500);
+		});
+	});
+}
+
+//xml判断图片加载情况
+function xmlhttpAction() {
+	var xmlhttp;
+	if (window.XMLHttpRequest) {
+		// code for IE7+, Firefox, Chrome, Opera, Safari
+		xmlhttp = new XMLHttpRequest();
+	} else {
+		// code for IE6, IE5
+		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+	}
+	xmlhttp.abort();
+	//停止继续加载页面，相当于点击stop按钮。
+	if (!!(window.attachEvent && !window.opera)) {
+		console.log('ie')
+		//alert('ie')
+		//document.execCommand("stop");// code for IE
+	} else {
+		console.log('chrome');
+		//alert('chrome');
+		$('.swiper-wrapper .swiper-slide').each(function (i, v) {
+			//console.log($(v).children('.pinch-zoom'))
+			if (!$(v).find('.paperMap')[0].complete) {
+				if (i == 0) {
+					//alert($(v).find('.pinch-zoom')[0].clientHeight,$(v).find('.paperMap')[0].clientHeight);
+					console.log('[[[[[', $(v).find('.pinch-zoom')[0].clientHeight, $(v).find('.paperMap')[0].clientHeight)
+				}
+				$(v).find('.paperMap').attr('src', $(v).find('.paperMap')[0].src)
+			}
+		})
+		/**
+		 * stops window loading
+		 * code for  Firefox, Chrome, Opera, Safari
+		 */
+		//window.stop();
+	}
+
+}
+
+
+//判断图片是否加载完成
+function ImgLoad(imgsys, id) {
+	console.log('加载：', imgsys, imgsys.attr('id'))
+	let img = imgsys;
+	let imgId = imgsys.attr('id');
+	if (img && img.length != 0) {
+		console.log('加载完成之后：', img, $("img#" + imgId).parent('.pinch-zoom'));
+
+		let transform2d = "scale(" + img[0].naturalWidth / img.context.clientWidth + ", " + img[0].naturalHeight / img.context.clientHeight + ") " + "translate(0px, 0px) !important";
+		$("img#" + imgId).parent('.pinch-zoom').css({
+			"-webkit-transform": transform2d,
+			"-o-transform": transform2d,
+			"-ms-transform": transform2d,
+			"-moz-transform": transform2d,
+			transform: transform2d
+		});
+	} else {
+		setTimeout(function () { ImgLoad() }, 300);
+	}
+}
+
+// 日历相关设置
+//显示日期
+function showDate() {
+	if (calendarMode == 1) {
+		$('.form_date').datetimepicker('update');
+		$(".form_date").datetimepicker("show");
+		$(".cancelBox").show()
+	} else if (calendarMode == 2) {
+		$("#Datefour").animate({ bottom: "48" }, "normal");
+	}
+}
+//隐藏日期
+function hideDate() {
+	if (calendarMode == 1) {
+		$(".form_date").val(getDate("day"));
+		$(".form_date").datetimepicker("hide");
+	} else if (calendarMode == 2) {
+		$("#Datefour").animate({ bottom: "-100%" }, "normal");
+	}
+}
+
+//获取当前页日期
+function getDate(str) {
+	var activeDate = $('#activeDate').val();
+	console.log('获取当前页日期',activeDate);
+	activeDate = new Date(activeDate);
+	var initYear = activeDate.getFullYear();
+	var initMonth = activeDate.getMonth() + 1;
+	var initDay = activeDate.getDate();
+	// var url = location.href;
+	// var re = /(\d{4})\-(\d{2})\/(\d{2})/;
+	// var r = url.match(re);
+	//精确到日
+	if (str == "day") {
+		var date = initYear + "-" + initMonth + "-" + initDay;
+		//精确到月
+	} else if (str == "month") {
+		var date = initYear + "-" + initMonth;
+	}
+	return date
+}
+
+//获取当前月份报纸xml数据
+function getPaper(date) {
+	console.log(date);
+	//var myXmlUrl = `/h5/public/static/data/${date}.json`;
+	//var myXmlUrl = "../../../html5/" + date + "/navi.xml?time=" + Date.parse(new Date());
+	var data = { 'day': [], 'url': [] };
+	$.ajax({
+		data:{'date':date},
+		url: "https://jinrigushi.gushitv.com/api/dzb/date/dateList",
+		type: 'POST',
+		dataType: 'json',
+		async: false,
+		timeout: 1000,
+		success: function (xml) {
+			console.log(xml)
+			var date = new Array();
+			var day = new Array();
+			var url = new Array();
+			// $(xml).find("date").each(function () {
+			// 	date.push($(this).text());
+			// 	day.push(parseInt($(this).text().split("-")[2]))
+			// });
+			// $(xml).find("url").each(function () {
+			// 	url.push($(this).text());
+			// });
+			xml.data.forEach(function (item) {
+				date.push(item.datetime);
+				day.push(parseInt(item.datetime.split("-")[2]));
+			});
+			data = {"day": day, "url": url, "date": date};
+			//data = { "day": day, "url": url }
+		}
+	});
+	//console.log('获取当前月份报纸xml数据:',date)
+	return data
+}
+
+//需要黑色显示的日期数组
+function displayDate(date) {
+	console.log('-----',date);
+	var data = getPaper(date);
+	var day = 1, count = 0, count2 = 0;
+	$(".datetimepicker-days .day").each(function (i) {
+		if (parseInt($(this).text()) > day) {
+			$(this).html("");
+			count++
+		} else {
+			day = parseInt($(this).text()) + 1;
+			if ((i > 20) && (parseInt($(this).text()) < 14)) {
+				$(this).html("").removeClass("active");
+				count2++;
+			}
+		}
+	});
+	if (count == 7) { $(".datetimepicker-days tr:eq(2)").hide(); }
+	if (count2 >= 7) { $(".datetimepicker-days tr:eq(7)").hide(); }
+
+	$(".datetimepicker-days .day").each(function () {
+		var index = data["day"].indexOf(parseInt($(this).text()))
+		if (index == -1) {
+			//var curDate = date.replace("-","")+appendZero(parseInt($(this).text()));
+			//if (curDate<=20191231){
+			//	$(this).attr('url',"");
+			//}else{
+			$(this).addClass('old');
+			$(this).addClass('disabled');
+			//}
+		} else {
+			if (!ifMaxShowDate) {
+				$(this).attr('url', data["url"][index]);
+			} else {
+				var temp = date.split("-");
+				temp = temp[0] + "/" + temp[1] + "/" + parseInt($(this).text());
+				if (DateMaxDiff(2, temp)) {
+					$(this).attr('url', data["url"][index]);
+				} else {
+					$(this).addClass('old');
+					$(this).addClass('disabled');
+				}
+			}
+		}
+	});
+}
+
+
+function appendZero(n) {
+	return (("00" + n).substr(("00" + n).length - 2));
+}
+
+// 隐藏首页所有的弹层
+function hideAll() {
+	$('.layoutList').removeClass('active');
+	$('.footerWrap .item .text').removeClass('active')
+	$('.mask').removeClass('active');
+	$('.articleList').removeClass('active');
+	$('.exareBox').removeClass('active')
+	hideDate();
+	$(".cancelBox").hide()
+}
+
+//检查链接是否有效
+function checkUrl(url) {
+	isUseful = false;
+	$.ajax({
+		url: url,
+		type: 'GET',
+		async: false,
+		success: function (xml) {
+			isUseful = true;
+		}
+	});
+	return isUseful
+}
+
+//取版面的ID
+function getCaption(obj) {
+	var date=$("#activeDate").val();
+	var index=$("#dataIndex").val();
+	var yearMonth = date.slice(0, 7);
+	//var index = obj.lastIndexOf("p");
+	//obj = obj.substring(index + 1, obj.length);
+	// console.log(obj);
+	return `date=${date}&year_month=${yearMonth}&index=${index}`;
+}
+
+//下载弹层
+function synthBox() {
+	var imgUrl = $('.swiper-wrapper .swiper-slide-active img').attr('src') + '?=v1';
+	var date = window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("-", "年").replace("/", "月") + '日';  //日期
+	var week = getWeek(window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("/", "-"));   //星期
+	// var html = '<div class="closeBtn"><i></i></div>' +
+	// 	'<div id="synthWrap">' +// <!-- 下载内容html -->
+	// 	'<img src = ' + imgUrl + ' class="synthPaper" alt=""/>' +
+	// 	'<div class="imgBottom"></div>' +
+	// 	'<div class="footer">' +
+	// 	'<div class="left"><img src="../../../image20/logo.png" alt=""/></div>' +
+	// 	'<div class="center">' +
+	// 	window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("-", ".").replace("/", ".") +
+	// 	'&nbsp;' +
+	// 	getWeek(window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("/", "-")) + '</div>' +
+	// 	'<div class="right" id="qrcode"></div>' +
+	// 	'</div>' +
+	// 	'</div>' +
+	// 	'<div class="tipsBtn"></div>' +//<!-- 保存提示按钮 -->
+	// 	'<div id="synthImg"><img src="" alt=""/></div>' +//<!-- 合成的图片 -->
+	// 	'<div class="synthmask"><img src="../../../image20/loading.gif" alt=""/></div>';//<!-- 加载中的蒙层 -->
+	var html = `
+		<div class="closeBtn"><i></i></div>
+		<div id="synthWrap">
+			<div class="synthHead">
+				<img src="../../../image20/logoSmall.png" alt=""/>
+				<div>${date}&nbsp;&nbsp;&nbsp;${week}</div>
+			</div>
+			<img src = '${imgUrl}' class="synthPaper" alt=""/>
+			<div class="footer">
+				<div class="left">
+					<img src="../../../image20/logoBig.png" alt=""/>
+				</div>
+				<div class="right">
+					<div class="text">
+						<div>识别二维码</div>
+						<div>查看该版内容</div>
+					</div>
+					<div class="qr">
+						<img src="" id="qcImg"/>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div id="synthImg"><img src="" alt=""/></div>
+		<div class="saveTipsBtn">点击图片，长按分享给好友</div>
+		<div class="synthmask"><img src="/public/static/loading.gif" alt=""/></div>
+		<div id="qrcode" style="visibility:hidden;"></div>
+	`
+	$('.synthPage').append(html);
+	var url = window.location.href;
+	var index = url.substring(0, url.lastIndexOf('/') + 1);
+	console.log(index + '?' + getCaption())
+	$('body').find('#qrcode').qrcode({
+		render: 'canvas',
+		width: 180,
+		height: 180,
+		// margin: '0 auto',
+		text: index + '?' + getCaption()
+	});
+	document.getElementById('qcImg').src = document.querySelector('canvas').toDataURL("image/webp");
+    synthesisImgLoad();
+
+    $('.tipsBtn').unbind("touchstart");
+    $('.tipsBtn').unbind("touchend");
+    $('.tipsBtn').bind("touchstart", function () {
+        $(this).hide();
+    });
+
+    $('.tipsBtn').bind("touchend", function () {
+        $(this).show();
+    });
+}
+//判断图片是否加载完成
+function synthesisImgLoad() {
+	var img = $('.synthPage .synthPaper');
+	if (img && img.length != 0) {
+		if (img[0].complete) {
+			var synBoxH = $('#synthWrap').height();
+			var imgH = $('#synthWrap').height() - 100;
+			$('#synthWrap>img.synthPaper').css('max-height', imgH + 'px');
+			$('#qrcode').hide()
+			synthesisImg();
+		} else {
+			setTimeout(function () { synthesisImgLoad() }, 300);
+		}
+	} else {
+		setTimeout(function () { synthesisImgLoad() }, 300);
+	}
+}
+//生成图片
+function synthesisImg() {
+	//clearInterval(synthesisImgLoad)
+	var canvas = document.createElement('canvas') // 创建一个canvas节点
+	var shareContent = document.getElementById('synthWrap') // 需要截图的包裹的（原生的）DOM 对象
+	var width = shareContent.offsetWidth // 获取dom 宽度
+	var height = shareContent.offsetHeight // 获取dom 高度
+	var scale = 2 // 定义任意放大倍数 支持小数
+	canvas.getContext('2d').scale(scale, scale) // 获取context,设置scale
+	var rect = shareContent.getBoundingClientRect() // 获取元素相对于视口的
+	html2canvas(document.getElementById('synthWrap'), {
+		x: rect.left, // 绘制的dom元素相对于视口的位置
+		y: rect.top,
+		width: width, // dom 原始宽度
+		height: height,
+		windowWidth: document.body.scrollWidth,
+		windowHeight: document.body.scrollHeight,
+		// x: 0,
+		// y: 0,
+		useCORS: true, // 开启跨域
+		dpi: window.devicePixelRatio * 2,
+		scale: scale, // 添加的scale 参数
+	}).then((canvas) => {
+		var context = canvas.getContext('2d')
+		//关闭抗锯齿
+		context.mozImageSmoothingEnabled = false
+		context.msImageSmoothingEnabled = false
+		context.imageSmoothingEnabled = false
+		$('#synthImg img').attr('src', canvas.toDataURL());
+		$('#synthWrap').hide();
+		$('#synthImg').show();
+		$('.synthPage .synthmask').hide();
+	})
+}
+
+//星期日期计算
+function getWeek(timedat) { //timedat参数格式： "2018-09-11"
+	let t = new Date(timedat);
+	let week;
+	if (t.getDay() === 0) week = "星期日";
+	if (t.getDay() === 1) week = "星期一";
+	if (t.getDay() === 2) week = "星期二";
+	if (t.getDay() === 3) week = "星期三";
+	if (t.getDay() === 4) week = "星期四";
+	if (t.getDay() === 5) week = "星期五";
+	if (t.getDay() === 6) week = "星期六";
+	return week;
+};
+
+//判断当前时间和报纸刊期之间的时间差。 如在MaxshowData天内，返回true,否则返回false
+// type=1,忽略dtStartStr，日期根据浏览器地址获取;type=2，根据前一个参数，格式(YYYY/MM/DD)
+function DateMaxDiff(type, dtStartStr) {
+	if (!ifMaxShowDate) { return true; }
+	var maxinterval = MaxshowData;//允许看的天数
+	var re = /(\d{4})-(\d{2})\/(\d{2})/i;
+	var sUrl = location.href;
+	var r = sUrl.match(re);
+	var dtEnd = new Date();
+	var dtStart;
+	if (type == 1) {
+		if (r) {
+			dtStart = new Date(r[1] + "/" + r[2] + "/" + r[3]);
+		} else {
+			dtStart = new Date();
+		}
+	} else if (type == 2) {
+		dtStart = new Date(dtStartStr);
+		if (isNaN(dtStart)) dtStart = new Date();
+	}
+
+	var date3 = dtEnd.getTime() - dtStart.getTime();  //时间差的毫秒数
+	var days = Math.floor(date3 / (24 * 3600 * 1000));//计算出相差天数
+	if ((days) >= maxinterval) {
+		return false;
+	} else {
+		return true;
+	}
+}
+
+
+
+
+
+//日历牌替换====================
+function initYearList() {//加载年份
+	var html = "";
+	html += "    <div id='Datefour'>";
+	html += "        <div class='year'>";
+	html += "            <a href='#' class='prev'></a>";
+	html += "            <p id='paperYear'></p>";
+	html += "            <a href='#' class='next'></a>";
+	html += "        </div>";
+	html += "        <ul class='clearfix'>";
+	html += "        </ul>";
+	html += "    </div>";
+	$("body").append(html);
+
+	var url = location.href;
+	var re = /\/(\d{4})-(\d{2})\/(\d{2})\/node_(\d+).htm/im;
+	var r = url.match(re);
+	getYearList(r[1], r[1] + "-" + r[2] + "-" + r[3]);//按年份显示导航
+
+}
+
+//获取当前月份报纸xml数据
+function getYearList(year, curDate) {//按年份显示导航
+	$("#Datefour p").html("<span onclick=\"showYearList(" + year + ",'" + curDate + "');\"><img src='../../../image20/calenderSmall.png' border=0 />" + year + "年</span>");//显示年份
+	var myXmlUrl = "../../../paperXml/yearList.js?time=" + new Date().getTime();
+	var curIndex = -1, css = "", len, perYear = 0, nextYear = 0;
+
+	$.getJSON(myXmlUrl, function (json) {
+		//解析列表
+		$.each(json, function (i, item) {
+			if (item.active == 1) {
+				if (year == item.yearNo) { curIndex = i; }
+				if (curIndex == -1) { perYear = item.yearNo; }
+				if (curIndex + 1 == i) { nextYear = item.yearNo; }
+			}
+		});
+
+		len = json.length - 1;
+		// 往左事件
+		if (perYear > 0) {
+			//$("#Datefour .prev span").css("color","#04C");//年份左导航箭头颜色
+			$("#Datefour .prev").css("background-image", "url('../../../image20/left-1.png')");
+			$("#Datefour .prev").attr("href", "javascript:getYearList(" + perYear + ",'" + curDate + "')");//年份左导航箭头颜
+		} else {
+			//$("#Datefour .prev span").css("color","#eee");//年份左导航箭头颜
+			$("#Datefour .prev").css("background-image", "url('../../../image20/left-2.png')");
+			$("#Datefour .prev").attr("href", "javascript:void();");//年份左导航箭头颜
+		}
+		// 往右事件
+		if (len != curIndex) {
+			$//("#Datefour .next span").css("color","#04C");//年份左导航箭头颜色
+			$("#Datefour .next").css("background-image", "url('../../../image20/right-1.png')");
+			$("#Datefour .next").attr("href", "javascript:getYearList(" + nextYear + ",'" + curDate + "')");//年份左导航箭头颜
+		} else {
+			//$("#Datefour .next span").css("color","#eee");//年份左导航箭头颜
+			$("#Datefour .next").css("background-image", "url('../../../image20/right-2.png')");
+			$("#Datefour .next").attr("href", "javascript:void();");//年份左导航箭头颜
+		}
+	});
+	getDateList(year, curDate);//按当前页面年份加载对应期次数据
+}
+
+
+function showYearList(perYear, curDate) {//显示年份列表
+	var myXmlUrl = "../../../paperXml/yearList.js?time=" + new Date().getTime();
+	$('#Datefour ul').empty();
+	$(".prev,.next").hide();
+
+	var liCss;
+	$.getJSON(myXmlUrl, function (json) {
+		$.each(json, function (i, item) {
+			if (item.active == 1) {
+				liCss = " style='color:#000;'";
+				$('#Datefour ul').append("<li style='width:25%'><a href=\"javascript:getYearList(" + item.yearNo + ",'" + curDate + "');\"" + liCss + " >" + item.yearNo + "年</a></li>");
+			} else {
+				liCss = " style='color:gray;'";
+				$('#Datefour ul').append("<li style='width:25%'><a href='javascript:void(0);'" + liCss + " >" + item.yearNo + "年</a></li>");
+			}
+		});
+	});
+}
+
+function getDateList(year, curDate) {//按当前页面年份加载对应期次数据
+	var myXmlUrl = "../../../paperXml/" + year + "_paperList.js";
+	var xmlDate, paperUrl, liCss;
+	$('#Datefour ul').empty();
+	$(".prev,.next").show();
+
+	var xmlDate, paperUrl, liCss;
+	$.getJSON(myXmlUrl, function (json) {
+		$.each(json, function (i, item) {
+			xmlDate = item.date;
+			paperUrl = "../../" + xmlDate.split("-")[0] + "-" + xmlDate.split("-")[1] + "/" + xmlDate.split("-")[2] + "/node_1.htm";
+			liCss = " style='" + (item.active == 1 ? "background-color:#eee;" : "") + (curDate == item.date ? "color:#F00;" : "") + "'";
+			//console.log(liCss);
+			$('#Datefour ul').append("<li><a href='" + paperUrl + "' " + liCss + " >" + item.name + "</a></li>");
+		});
+	});
+}
+
+//获取url中"?"符后的字串
+function getURLParams() {
+	var index = sessionStorage.getItem("index");
+	return index?index:0;
+	// let url = decodeURI(window.location.href); //获取url中"?"符后的字串
+	// let theRequest = {};
+	// if (url.lastIndexOf("?") !== -1) {
+	// 	let str = url.substr(url.lastIndexOf("?") + 1);
+	// 	//let str = substr(url,instr(url,"?",-1)+1);
+	// 	let strs = str.split("&");
+	// 	for (var i = 0; i < strs.length; i++) {
+	// 		theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
+	// 	}
+	// }
+	// return theRequest;
+};

dist/static/js/jquery.qrcode.min.js

@@ -0,0 +1,28 @@
+(function(r){r.fn.qrcode=function(h){var s;function u(a){this.mode=s;this.data=a}function o(a,c){this.typeNumber=a;this.errorCorrectLevel=c;this.modules=null;this.moduleCount=0;this.dataCache=null;this.dataList=[]}function q(a,c){if(void 0==a.length)throw Error(a.length+"/"+c);for(var d=0;d<a.length&&0==a[d];)d++;this.num=Array(a.length-d+c);for(var b=0;b<a.length-d;b++)this.num[b]=a[b+d]}function p(a,c){this.totalCount=a;this.dataCount=c}function t(){this.buffer=[];this.length=0}u.prototype={getLength:function(){return this.data.length},
+write:function(a){for(var c=0;c<this.data.length;c++)a.put(this.data.charCodeAt(c),8)}};o.prototype={addData:function(a){this.dataList.push(new u(a));this.dataCache=null},isDark:function(a,c){if(0>a||this.moduleCount<=a||0>c||this.moduleCount<=c)throw Error(a+","+c);return this.modules[a][c]},getModuleCount:function(){return this.moduleCount},make:function(){if(1>this.typeNumber){for(var a=1,a=1;40>a;a++){for(var c=p.getRSBlocks(a,this.errorCorrectLevel),d=new t,b=0,e=0;e<c.length;e++)b+=c[e].dataCount;
+for(e=0;e<this.dataList.length;e++)c=this.dataList[e],d.put(c.mode,4),d.put(c.getLength(),j.getLengthInBits(c.mode,a)),c.write(d);if(d.getLengthInBits()<=8*b)break}this.typeNumber=a}this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17;this.modules=Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=Array(this.moduleCount);for(var b=0;b<this.moduleCount;b++)this.modules[d][b]=null}this.setupPositionProbePattern(0,0);this.setupPositionProbePattern(this.moduleCount-
+7,0);this.setupPositionProbePattern(0,this.moduleCount-7);this.setupPositionAdjustPattern();this.setupTimingPattern();this.setupTypeInfo(a,c);7<=this.typeNumber&&this.setupTypeNumber(a);null==this.dataCache&&(this.dataCache=o.createData(this.typeNumber,this.errorCorrectLevel,this.dataList));this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,c){for(var d=-1;7>=d;d++)if(!(-1>=a+d||this.moduleCount<=a+d))for(var b=-1;7>=b;b++)-1>=c+b||this.moduleCount<=c+b||(this.modules[a+d][c+b]=
+0<=d&&6>=d&&(0==b||6==b)||0<=b&&6>=b&&(0==d||6==d)||2<=d&&4>=d&&2<=b&&4>=b?!0:!1)},getBestMaskPattern:function(){for(var a=0,c=0,d=0;8>d;d++){this.makeImpl(!0,d);var b=j.getLostPoint(this);if(0==d||a>b)a=b,c=d}return c},createMovieClip:function(a,c,d){a=a.createEmptyMovieClip(c,d);this.make();for(c=0;c<this.modules.length;c++)for(var d=1*c,b=0;b<this.modules[c].length;b++){var e=1*b;this.modules[c][b]&&(a.beginFill(0,100),a.moveTo(e,d),a.lineTo(e+1,d),a.lineTo(e+1,d+1),a.lineTo(e,d+1),a.endFill())}return a},
+setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=0==a%2);for(a=8;a<this.moduleCount-8;a++)null==this.modules[6][a]&&(this.modules[6][a]=0==a%2)},setupPositionAdjustPattern:function(){for(var a=j.getPatternPosition(this.typeNumber),c=0;c<a.length;c++)for(var d=0;d<a.length;d++){var b=a[c],e=a[d];if(null==this.modules[b][e])for(var f=-2;2>=f;f++)for(var i=-2;2>=i;i++)this.modules[b+f][e+i]=-2==f||2==f||-2==i||2==i||0==f&&0==i?!0:!1}},setupTypeNumber:function(a){for(var c=
+j.getBCHTypeNumber(this.typeNumber),d=0;18>d;d++){var b=!a&&1==(c>>d&1);this.modules[Math.floor(d/3)][d%3+this.moduleCount-8-3]=b}for(d=0;18>d;d++)b=!a&&1==(c>>d&1),this.modules[d%3+this.moduleCount-8-3][Math.floor(d/3)]=b},setupTypeInfo:function(a,c){for(var d=j.getBCHTypeInfo(this.errorCorrectLevel<<3|c),b=0;15>b;b++){var e=!a&&1==(d>>b&1);6>b?this.modules[b][8]=e:8>b?this.modules[b+1][8]=e:this.modules[this.moduleCount-15+b][8]=e}for(b=0;15>b;b++)e=!a&&1==(d>>b&1),8>b?this.modules[8][this.moduleCount-
+b-1]=e:9>b?this.modules[8][15-b-1+1]=e:this.modules[8][15-b-1]=e;this.modules[this.moduleCount-8][8]=!a},mapData:function(a,c){for(var d=-1,b=this.moduleCount-1,e=7,f=0,i=this.moduleCount-1;0<i;i-=2)for(6==i&&i--;;){for(var g=0;2>g;g++)if(null==this.modules[b][i-g]){var n=!1;f<a.length&&(n=1==(a[f]>>>e&1));j.getMask(c,b,i-g)&&(n=!n);this.modules[b][i-g]=n;e--; -1==e&&(f++,e=7)}b+=d;if(0>b||this.moduleCount<=b){b-=d;d=-d;break}}}};o.PAD0=236;o.PAD1=17;o.createData=function(a,c,d){for(var c=p.getRSBlocks(a,
+c),b=new t,e=0;e<d.length;e++){var f=d[e];b.put(f.mode,4);b.put(f.getLength(),j.getLengthInBits(f.mode,a));f.write(b)}for(e=a=0;e<c.length;e++)a+=c[e].dataCount;if(b.getLengthInBits()>8*a)throw Error("code length overflow. ("+b.getLengthInBits()+">"+8*a+")");for(b.getLengthInBits()+4<=8*a&&b.put(0,4);0!=b.getLengthInBits()%8;)b.putBit(!1);for(;!(b.getLengthInBits()>=8*a);){b.put(o.PAD0,8);if(b.getLengthInBits()>=8*a)break;b.put(o.PAD1,8)}return o.createBytes(b,c)};o.createBytes=function(a,c){for(var d=
+0,b=0,e=0,f=Array(c.length),i=Array(c.length),g=0;g<c.length;g++){var n=c[g].dataCount,h=c[g].totalCount-n,b=Math.max(b,n),e=Math.max(e,h);f[g]=Array(n);for(var k=0;k<f[g].length;k++)f[g][k]=255&a.buffer[k+d];d+=n;k=j.getErrorCorrectPolynomial(h);n=(new q(f[g],k.getLength()-1)).mod(k);i[g]=Array(k.getLength()-1);for(k=0;k<i[g].length;k++)h=k+n.getLength()-i[g].length,i[g][k]=0<=h?n.get(h):0}for(k=g=0;k<c.length;k++)g+=c[k].totalCount;d=Array(g);for(k=n=0;k<b;k++)for(g=0;g<c.length;g++)k<f[g].length&&
+(d[n++]=f[g][k]);for(k=0;k<e;k++)for(g=0;g<c.length;g++)k<i[g].length&&(d[n++]=i[g][k]);return d};s=4;for(var j={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,
+78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var c=a<<10;0<=j.getBCHDigit(c)-j.getBCHDigit(j.G15);)c^=j.G15<<j.getBCHDigit(c)-j.getBCHDigit(j.G15);return(a<<10|c)^j.G15_MASK},getBCHTypeNumber:function(a){for(var c=a<<12;0<=j.getBCHDigit(c)-
+j.getBCHDigit(j.G18);)c^=j.G18<<j.getBCHDigit(c)-j.getBCHDigit(j.G18);return a<<12|c},getBCHDigit:function(a){for(var c=0;0!=a;)c++,a>>>=1;return c},getPatternPosition:function(a){return j.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,c,d){switch(a){case 0:return 0==(c+d)%2;case 1:return 0==c%2;case 2:return 0==d%3;case 3:return 0==(c+d)%3;case 4:return 0==(Math.floor(c/2)+Math.floor(d/3))%2;case 5:return 0==c*d%2+c*d%3;case 6:return 0==(c*d%2+c*d%3)%2;case 7:return 0==(c*d%3+(c+d)%2)%2;default:throw Error("bad maskPattern:"+
+a);}},getErrorCorrectPolynomial:function(a){for(var c=new q([1],0),d=0;d<a;d++)c=c.multiply(new q([1,l.gexp(d)],0));return c},getLengthInBits:function(a,c){if(1<=c&&10>c)switch(a){case 1:return 10;case 2:return 9;case s:return 8;case 8:return 8;default:throw Error("mode:"+a);}else if(27>c)switch(a){case 1:return 12;case 2:return 11;case s:return 16;case 8:return 10;default:throw Error("mode:"+a);}else if(41>c)switch(a){case 1:return 14;case 2:return 13;case s:return 16;case 8:return 12;default:throw Error("mode:"+
+a);}else throw Error("type:"+c);},getLostPoint:function(a){for(var c=a.getModuleCount(),d=0,b=0;b<c;b++)for(var e=0;e<c;e++){for(var f=0,i=a.isDark(b,e),g=-1;1>=g;g++)if(!(0>b+g||c<=b+g))for(var h=-1;1>=h;h++)0>e+h||c<=e+h||0==g&&0==h||i==a.isDark(b+g,e+h)&&f++;5<f&&(d+=3+f-5)}for(b=0;b<c-1;b++)for(e=0;e<c-1;e++)if(f=0,a.isDark(b,e)&&f++,a.isDark(b+1,e)&&f++,a.isDark(b,e+1)&&f++,a.isDark(b+1,e+1)&&f++,0==f||4==f)d+=3;for(b=0;b<c;b++)for(e=0;e<c-6;e++)a.isDark(b,e)&&!a.isDark(b,e+1)&&a.isDark(b,e+
+2)&&a.isDark(b,e+3)&&a.isDark(b,e+4)&&!a.isDark(b,e+5)&&a.isDark(b,e+6)&&(d+=40);for(e=0;e<c;e++)for(b=0;b<c-6;b++)a.isDark(b,e)&&!a.isDark(b+1,e)&&a.isDark(b+2,e)&&a.isDark(b+3,e)&&a.isDark(b+4,e)&&!a.isDark(b+5,e)&&a.isDark(b+6,e)&&(d+=40);for(e=f=0;e<c;e++)for(b=0;b<c;b++)a.isDark(b,e)&&f++;a=Math.abs(100*f/c/c-50)/5;return d+10*a}},l={glog:function(a){if(1>a)throw Error("glog("+a+")");return l.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;256<=a;)a-=255;return l.EXP_TABLE[a]},EXP_TABLE:Array(256),
+LOG_TABLE:Array(256)},m=0;8>m;m++)l.EXP_TABLE[m]=1<<m;for(m=8;256>m;m++)l.EXP_TABLE[m]=l.EXP_TABLE[m-4]^l.EXP_TABLE[m-5]^l.EXP_TABLE[m-6]^l.EXP_TABLE[m-8];for(m=0;255>m;m++)l.LOG_TABLE[l.EXP_TABLE[m]]=m;q.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var c=Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var b=0;b<a.getLength();b++)c[d+b]^=l.gexp(l.glog(this.get(d))+l.glog(a.get(b)));return new q(c,0)},mod:function(a){if(0>
+this.getLength()-a.getLength())return this;for(var c=l.glog(this.get(0))-l.glog(a.get(0)),d=Array(this.getLength()),b=0;b<this.getLength();b++)d[b]=this.get(b);for(b=0;b<a.getLength();b++)d[b]^=l.gexp(l.glog(a.get(b))+c);return(new q(d,0)).mod(a)}};p.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],
+[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,
+116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,
+43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,
+3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,
+55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,
+45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]];p.getRSBlocks=function(a,c){var d=p.getRsBlockTable(a,c);if(void 0==d)throw Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+c);for(var b=d.length/3,e=[],f=0;f<b;f++)for(var h=d[3*f+0],g=d[3*f+1],j=d[3*f+2],l=0;l<h;l++)e.push(new p(g,j));return e};p.getRsBlockTable=function(a,c){switch(c){case 1:return p.RS_BLOCK_TABLE[4*(a-1)+0];case 0:return p.RS_BLOCK_TABLE[4*(a-1)+1];case 3:return p.RS_BLOCK_TABLE[4*
+(a-1)+2];case 2:return p.RS_BLOCK_TABLE[4*(a-1)+3]}};t.prototype={get:function(a){return 1==(this.buffer[Math.floor(a/8)]>>>7-a%8&1)},put:function(a,c){for(var d=0;d<c;d++)this.putBit(1==(a>>>c-d-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var c=Math.floor(this.length/8);this.buffer.length<=c&&this.buffer.push(0);a&&(this.buffer[c]|=128>>>this.length%8);this.length++}};"string"===typeof h&&(h={text:h});h=r.extend({},{table:"canvas",width:256,height:256,typeNumber:-1,
+correctLevel:2,background:"#ffffff",foreground:"#000000"},h);return this.each(function(){var a;if("canvas"==h.render){a=new o(h.typeNumber,h.correctLevel);a.addData(h.text);a.make();var c=document.createElement("canvas");c.width=h.width;c.height=h.height;for(var d=c.getContext("2d"),b=h.width/a.getModuleCount(),e=h.height/a.getModuleCount(),f=0;f<a.getModuleCount();f++)for(var i=0;i<a.getModuleCount();i++){d.fillStyle=a.isDark(f,i)?h.foreground:h.background;var g=Math.ceil((i+1)*b)-Math.floor(i*b),
+j=Math.ceil((f+1)*b)-Math.floor(f*b);d.fillRect(Math.round(i*b),Math.round(f*e),g,j)}}else{a=new o(h.typeNumber,h.correctLevel);a.addData(h.text);a.make();c=r("<table></table>").css("width",h.width+"px").css("height",h.height+"px").css("border","0px").css("border-collapse","collapse").css("background-color",h.background);d=h.width/a.getModuleCount();b=h.height/a.getModuleCount();for(e=0;e<a.getModuleCount();e++){f=r("<tr></tr>").css("height",b+"px").appendTo(c);for(i=0;i<a.getModuleCount();i++)r("<td></td>").css("width",
+d+"px").css("background-color",a.isDark(e,i)?h.foreground:h.background).appendTo(f)}}a=c;jQuery(a).appendTo(this)})}})(jQuery);

dist/static/js/jquery.rwdImageMaps.min.js

@@ -0,0 +1 @@
+(function($){$.fn.rwdImageMaps=function(){var $img=this;var rwdImageMap=function(){$img.each(function(){if(typeof($(this).attr("usemap"))=="undefined"){return}var that=this,$that=$(that);$("<img />").load(function(){var temp=new Image();temp.src=$that.attr("src");var w1=temp.width;var w2=$that.width();var map=$that.attr("usemap").replace("#",""),c="coords";$('map[name="'+map+'"]').find("area").each(function(){var $this=$(this);if(!$this.data(c)){$this.data(c,$this.attr(c))}var coords=$this.data(c).split(","),coordsPercent=new Array(coords.length);for(var i=0;i<coordsPercent.length;++i){coordsPercent[i]=parseInt((coords[i]/w1)*w2)}$this.attr(c,coordsPercent.toString())})}).attr("src",$that.attr("src"))})};$(window).resize(rwdImageMap).trigger("resize");return this}})(jQuery);

dist/static/js/navi.js

@@ -0,0 +1,657 @@
+document.write("<script src='../../../js20/qfstatH5.js'></script>");
+document.write("<script src='../../../js20/poster/posterShare.js'></script>");
+
+// 以下参数根据需求进行配置
+var BMListModeType = 2;  // 版面列表显示类型。1:左侧弹出  2：居中显示
+var calendarMode = 1;	//1：传统日历	2：列表日历需要配合自定义json日历数据
+var ifMaxShowDate = false;//是否开启过滤日期（开启：true,关闭：false）
+var MaxshowData = 10; //最多能看7天
+var pageDirection = "horizontal";	// 版面图滑动 horizontal横向滚动，vertical竖向滚动
+var layoutStyle = "festival"   //版面图样式  routine:常规， festival：节日，solemn：庄严
+var HaiBaoType = "multi";  //single:单版模板	multi:多版模式，多版面时：需要加载：document.write("<script src='../../../js20/poster/posterShare.js'></script>");	@import url("../js20/poster/posterShare.css");
+
+// 主程序
+
+var month = getDate("month");//获取当前月份
+
+$(function () {
+
+	$('body').css('opacity',1);
+
+	if (!DateMaxDiff(1)) {
+		alert("对不起，只能查看最新七天数据！");
+		location.href = "../../../paperindex.htm";
+		return;
+	}
+
+	// 模式2初始化年份日历
+	if (calendarMode == 2) {
+		initYearList();
+	}
+
+
+
+	//日历实例化
+	$('.form_date').datetimepicker({
+		pickerPosition: "top-right",
+		bootcssVer: 3,
+		format: "yyyy-mm-dd",
+		language: "zh-CN",
+		weekStart: 1,
+		autoclose: 1,
+		startView: 2,
+		minView: 2,
+		forceParse: 0,
+		viewSelect: "month",
+		initialDate: getDate("day"),
+	}).on("show", function (ev) {
+		console.log(month);
+		displayDate(month);
+		//$(".datetimepicker-days th.switch").addClass("disabled");
+	}).on('changeDate', function (ev) {
+		var date = new Date(ev.date.valueOf());
+		var year = date.getFullYear();
+		var month = date.getMonth() + 1;
+		month = month < 10 ? ("0" + month) : month;
+		var day = date.getDate();
+		day = day < 10 ? ("0" + day) : day;
+		//var url = "#";
+		var url = "https://jinrigushi.gushitv.com/h5/#/list/?time="+`${year}-${month}-${day}`;
+		//var curDate = year+""+appendZero(month)+""+appendZero(day);
+		//if (curDate<=20191231){
+		//	location.href = "https://epaper.guanhai.com.cn/qdrb/"+curDate;
+		//}
+		//var isUseful = checkUrl(url);
+
+		//if (isUseful) {
+			location.href = url;
+		hideAll();
+		setTimeout(()=>{
+			window.location.reload();
+		},100)
+		//}
+
+		//$('.mask').removeClass('active');
+	});
+	//导航栏日期显示
+	// $('body .datetimeBtn').text(getDate("day"));
+	// 底部按钮切换
+	$('.footerWrap').on('click', '.item', function () {
+		//$(this).toggleClass('active');
+		//$(this).parent('.item').siblings('.item').find('.text').removeClass('active');
+		$('.mask').toggleClass('active');
+		// 版面列表显示
+		var btn=$(this).children()[1];
+
+		if (btn.classList.contains('layoutBtn')) {
+			if (BMListModeType == 1) {
+				$('.layoutStyleOne').toggleClass('active');
+			} else if (BMListModeType == 2) {
+				$('.layoutStyleTwo').toggleClass('active');
+				$(".cancelBox").show()
+			}
+		}
+		// 版面文章目录显示
+        if (btn.classList.contains('articleBtn')) {
+			$('.articleList').toggleClass('active');
+            $(".cancelBox").show();
+		}
+		//日历显示
+		if (btn.classList.contains('datetimeBtn')) {
+			showDate();
+		}
+		// 跳转下载页面
+		if (btn.classList.contains('synthesis')) {
+			// window.location.href='synthesis.html';
+			// $('.mask').removeClass('active');
+			$('.synthPage').addClass('active');
+			synthBox();
+		}
+
+		//更多显示的弹层
+		if (btn.classList.contains('more')) {
+			$(this).siblings('.exareBox').toggleClass('active');
+		}
+	})
+
+	// 点击遮罩
+	$('.mask').on('click', function () {
+		hideAll();
+	})
+
+	// 点击取消按钮
+	$('.cancelBox').on('click', function () {
+		hideAll();
+	})
+
+
+
+
+	//监听切换月份
+	var i = 0;
+	$(".datetimepicker-days tbody").bind("DOMNodeInserted", function () {
+		if (i == 5) {
+			var date = $(".datetimepicker-days thead th.switch").text().split(" ");
+			console.log('2222222222222222',date)
+			switch (date[0]) {
+				case "一月":
+					month = date[1] + "-01";
+					break;
+				case "二月":
+					month = date[1] + "-02";
+					break;
+				case "三月":
+					month = date[1] + "-03";
+					break;
+				case "四月":
+					month = date[1] + "-04";
+					break;
+				case "五月":
+					month = date[1] + "-05";
+					break;
+				case "六月":
+					month = date[1] + "-06";
+					break;
+				case "七月":
+					month = date[1] + "-07";
+					break;
+				case "八月":
+					month = date[1] + "-08";
+					break;
+				case "九月":
+					month = date[1] + "-09";
+					break;
+				case "十月":
+					month = date[1] + "-10";
+					break;
+				case "十一月":
+					month = date[1] + "-11";
+					break;
+				case "十二月":
+					month = date[1] + "-12";
+					break;
+			}
+			const cleanedString = month.replace(/[^0-9-]/g, '');
+			console.log('111111111111',cleanedString)
+			displayDate(cleanedString);
+			i = -1;
+		}
+		i++;
+	});
+
+	//点击分享按钮
+	$('.synthesis').on('click', function () {
+		if(HaiBaoType=="single"){//单版分享
+			$('.mask').toggleClass('active');
+			$('.synthPage').addClass('active');
+			synthBox();
+		}else if (HaiBaoType=="multi"){	//多版分享
+			var poster = POSTER('paperImg').show('');
+		}
+	});
+
+	//关闭下载图片的弹层
+	$('.synthPage').on('click', '.closeBtn', function () {
+		$('.synthPage').html('');
+		$('.synthPage,.mask,.synthesis').removeClass('active');
+
+	});
+
+})
+
+// 日历相关设置
+//显示日期
+function showDate() {
+	if (calendarMode == 1) {
+		$('.form_date').datetimepicker('update');
+		$(".form_date").datetimepicker("show");
+		$(".cancelBox").show()
+	} else if (calendarMode == 2) {
+		$("#Datefour").animate({ bottom: "48" }, "normal");
+	}
+}
+//隐藏日期
+function hideDate() {
+	if (calendarMode == 1) {
+		$(".form_date").val(getDate("day"));
+		$(".form_date").datetimepicker("hide");
+	} else if (calendarMode == 2) {
+		$("#Datefour").animate({ bottom: "-100%" }, "normal");
+	}
+}
+
+//获取当前页日期
+function getDate(str) {
+	var activeDate = $('#activeDate').val();
+	console.log(activeDate);
+	activeDate = new Date(activeDate);
+
+	var initYear = activeDate.getFullYear();
+	var initMonth = activeDate.getMonth() + 1;
+	var initDay = activeDate.getDate();
+
+	// var url = location.href;
+	// var re = /(\d{4})\-(\d{2})\/(\d{2})/;
+	// var r = url.match(re);
+	//精确到日
+	if (str == "day") {
+		var date = initYear + "-" + initMonth + "-" + initDay;
+		//精确到月
+	} else if (str == "month") {
+		var date = initYear + "-" + initMonth;
+	}
+	console.log(date);
+	return date
+}
+
+//获取当前月份报纸xml数据
+function getPaper(date) {
+	//var myXmlUrl = `/public/static/data/${date}.json`;
+	var data = { 'day': [], 'url': [] };
+	$.ajax({
+		data:{'date':date},
+		url: "https://jinrigushi.gushitv.com/api/dzb/date/index",
+		type: 'POST',
+		dataType: 'json',
+		async: false,
+		timeout: 1000,
+		error: function (xml) {
+		},
+		success: function (xml) {
+			var date = new Array();
+			var day = new Array();
+			var url = new Array();
+			// $(xml).find("date").each(function () {
+			// 	date.push($(this).text());
+			// 	day.push(parseInt($(this).text().split("-")[2]))
+			// });
+			// $(xml).find("url").each(function () {
+			// 	url.push($(this).text());
+			// });
+			// data = { "day": day, "url": url }
+			xml.data.forEach(function (item) {
+				date.push(item.datetime);
+				day.push(parseInt(item.datetime.split("-")[2]));
+			});
+			data = {"day": day, "url": url, "date": date};
+		}
+	});
+	console.log('获取当前月份报纸xml数据:',date)
+	return data
+}
+
+//需要黑色显示的日期数组
+function displayDate(date) {
+	date = date.replace(/[^0-9-]/g, '');
+	console.log('需要黑色显示的日期数组:',date)
+	var data = getPaper(date);
+	console.log('*******',data)
+	var day = 1, count = 0, count2 = 0;
+	$(".datetimepicker-days .day").each(function (i) {
+		//console.log('////',$(this).text())
+		if (parseInt($(this).text()) > day) {
+			$(this).html("");
+			count++
+		} else {
+			day = parseInt($(this).text()) + 1;
+			if ((i > 20) && (parseInt($(this).text()) < 14)) {
+				$(this).html("").removeClass("active");
+				count2++;
+			}
+		}
+	});
+	if (count == 7) { $(".datetimepicker-days tr:eq(2)").hide(); }
+	if (count2 >= 7) { $(".datetimepicker-days tr:eq(7)").hide(); }
+
+	$(".datetimepicker-days .day").each(function () {
+		var index = data["day"].indexOf(parseInt($(this).text()))
+		if (index == -1) {
+			//var curDate = date.replace("-","")+appendZero(parseInt($(this).text()));
+			//if (curDate<=20191231){
+			//	$(this).attr('url',"");
+			//}else{
+			$(this).addClass('old');
+			$(this).addClass('disabled');
+			//}
+		} else {
+			if (!ifMaxShowDate) {
+				$(this).attr('url', data["url"][index]);
+			} else {
+				var temp = date.split("-");
+				temp = temp[0] + "/" + temp[1] + "/" + parseInt($(this).text());
+				if (DateMaxDiff(2, temp)) {
+					$(this).attr('url', data["url"][index]);
+				} else {
+					$(this).addClass('old');
+					$(this).addClass('disabled');
+				}
+			}
+		}
+	});
+}
+
+
+function appendZero(n) {
+	return (("00" + n).substr(("00" + n).length - 2));
+}
+
+// 隐藏首页所有的弹层
+function hideAll() {
+	$('.layoutList').removeClass('active');
+	$('.footerWrap .item .text').removeClass('active')
+	$('.mask').removeClass('active');
+	$('.articleList').removeClass('active');
+	$('.exareBox').removeClass('active')
+	hideDate();
+	$(".cancelBox").hide()
+}
+
+//检查链接是否有效
+function checkUrl(url) {
+	isUseful = false;
+	$.ajax({
+		url: url,
+		type: 'GET',
+		async: false,
+		success: function (xml) {
+			isUseful = true;
+		}
+	});
+	return isUseful
+}
+
+//取版面的ID
+function getCaption(obj) {
+	var index = obj.lastIndexOf("_");
+    obj = obj.substring(index + 1, obj.length);
+    obj=obj?obj.split('.')[0]:''
+	// console.log(obj);
+	return obj;
+}
+
+//下载弹层
+function synthBox() {
+	var imgUrl = $('.thumbnail-left-left a img').attr('src') + '?=v1';
+	var date = window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("-", "年").replace("/", "月") + '日';  //日期
+	var week = getWeek(window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("/", "-"));   //星期
+	// var html = '<div class="closeBtn"><i></i></div>' +
+	// 	'<div id="synthWrap">' +// <!-- 下载内容html -->
+	// 	'<img src = ' + imgUrl + ' class="synthPaper" alt=""/>' +
+	// 	'<div class="imgBottom"></div>' +
+	// 	'<div class="footer">' +
+	// 	'<div class="left"><img src="../../../image20/logo.png" alt=""/></div>' +
+	// 	'<div class="center">' +
+	// 	window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("-", ".").replace("/", ".") +
+	// 	'&nbsp;' +
+	// 	getWeek(window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("/", "-")) + '</div>' +
+	// 	'<div class="right" id="qrcode"></div>' +
+	// 	'</div>' +
+	// 	'</div>' +
+	// 	'<div class="tipsBtn"></div>' +//<!-- 保存提示按钮 -->
+	// 	'<div id="synthImg"><img src="" alt=""/></div>' +//<!-- 合成的图片 -->
+	// 	'<div class="synthmask"><img src="../../../image20/loading.gif" alt=""/></div>';//<!-- 加载中的蒙层 -->
+	var html = `
+		<div class="closeBtn"><i></i></div>
+		<div id="synthWrap">
+			<div class="synthHead">
+				<img src="../../../image20/logoSmall.png" alt=""/>
+				<div>${date}&nbsp;&nbsp;&nbsp;${week}</div>
+			</div>
+			<img src = '${imgUrl}' class="synthPaper" alt=""/>
+			<div class="footer">
+				<div class="left">
+					<img src="../../../image20/logoBig.png" alt=""/>
+				</div>
+				<div class="right">
+					<div class="text">
+						<div>识别二维码</div>
+						<div>查看该版内容</div>
+					</div>
+					<div class="qr">
+						<img src="" id="qcImg"/>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div id="synthImg"><img src="" alt=""/></div>
+		<div class="saveTipsBtn">点击图片，长按分享给好友</div>
+		<div class="synthmask"><img src="../../../image20/loading.gif" alt=""/></div>
+		<div id="qrcode" style="visibility:hidden;"></div>
+	`
+	$('.synthPage').append(html);
+	var url = window.location.href;
+    var index = url.substring(0, url.lastIndexOf('/') + 1);
+	$('body').find('#qrcode').qrcode({
+		render: 'canvas',
+		width: 180,
+		height: 180,
+		// margin: '0 auto',
+		text: url
+	});
+	document.getElementById('qcImg').src = document.querySelector('canvas').toDataURL("image/webp");
+    synthesisImgLoad();
+
+    $('.tipsBtn').unbind("touchstart");
+    $('.tipsBtn').unbind("touchend");
+    $('.tipsBtn').bind("touchstart", function () {
+        $(this).hide();
+    });
+
+    $('.tipsBtn').bind("touchend", function () {
+        $(this).show();
+    });
+}
+//判断图片是否加载完成
+function synthesisImgLoad() {
+	var img = $('.synthPage .synthPaper');
+	if (img && img.length != 0) {
+		if (img[0].complete) {
+			var synBoxH = $('#synthWrap').height();
+			var imgH = $('#synthWrap').height() - 100;
+			$('#synthWrap>img.synthPaper').css('max-height', imgH + 'px');
+			$('#qrcode').hide()
+			synthesisImg();
+		} else {
+			setTimeout(function () { synthesisImgLoad() }, 300);
+		}
+	} else {
+		setTimeout(function () { synthesisImgLoad() }, 300);
+	}
+}
+//生成图片
+function synthesisImg() {
+	//clearInterval(synthesisImgLoad)
+	var canvas = document.createElement('canvas') // 创建一个canvas节点
+	var shareContent = document.getElementById('synthWrap') // 需要截图的包裹的（原生的）DOM 对象
+	var width = shareContent.offsetWidth // 获取dom 宽度
+	var height = shareContent.offsetHeight // 获取dom 高度
+	var scale = 2 // 定义任意放大倍数 支持小数
+	canvas.getContext('2d').scale(scale, scale) // 获取context,设置scale
+	var rect = shareContent.getBoundingClientRect() // 获取元素相对于视口的
+	html2canvas(document.getElementById('synthWrap'), {
+		x: rect.left, // 绘制的dom元素相对于视口的位置
+		y: rect.top,
+		width: width, // dom 原始宽度
+		height: height,
+		windowWidth: document.body.scrollWidth,
+		windowHeight: document.body.scrollHeight,
+		// x: 0,
+		// y: 0,
+		useCORS: true, // 开启跨域
+		dpi: window.devicePixelRatio * 2,
+		scale: scale, // 添加的scale 参数
+	}).then((canvas) => {
+		var context = canvas.getContext('2d')
+		//关闭抗锯齿
+		context.mozImageSmoothingEnabled = false
+		context.msImageSmoothingEnabled = false
+		context.imageSmoothingEnabled = false
+		$('#synthImg img').attr('src', canvas.toDataURL());
+		$('#synthWrap').hide();
+		$('#synthImg').show();
+		$('.synthPage .synthmask').hide();
+	})
+}
+
+//星期日期计算
+function getWeek(timedat) { //timedat参数格式： "2018-09-11"
+	let t = new Date(timedat);
+	let week;
+	if (t.getDay() === 0) week = "星期日";
+	if (t.getDay() === 1) week = "星期一";
+	if (t.getDay() === 2) week = "星期二";
+	if (t.getDay() === 3) week = "星期三";
+	if (t.getDay() === 4) week = "星期四";
+	if (t.getDay() === 5) week = "星期五";
+	if (t.getDay() === 6) week = "星期六";
+	return week;
+};
+
+//判断当前时间和报纸刊期之间的时间差。 如在MaxshowData天内，返回true,否则返回false
+// type=1,忽略dtStartStr，日期根据浏览器地址获取;type=2，根据前一个参数，格式(YYYY/MM/DD)
+function DateMaxDiff(type, dtStartStr) {
+	if (!ifMaxShowDate) { return true; }
+	var maxinterval = MaxshowData;//允许看的天数
+	var re = /(\d{4})-(\d{2})\/(\d{2})/i;
+	var sUrl = location.href;
+	var r = sUrl.match(re);
+	var dtEnd = new Date();
+	var dtStart;
+	if (type == 1) {
+		if (r) {
+			dtStart = new Date(r[1] + "/" + r[2] + "/" + r[3]);
+		} else {
+			dtStart = new Date();
+		}
+	} else if (type == 2) {
+		dtStart = new Date(dtStartStr);
+		if (isNaN(dtStart)) dtStart = new Date();
+	}
+
+	var date3 = dtEnd.getTime() - dtStart.getTime();  //时间差的毫秒数
+	var days = Math.floor(date3 / (24 * 3600 * 1000));//计算出相差天数
+	if ((days) >= maxinterval) {
+		return false;
+	} else {
+		return true;
+	}
+}
+
+
+
+
+
+//日历牌替换====================
+function initYearList() {//加载年份
+	var html = "";
+	html += "    <div id='Datefour'>";
+	html += "        <div class='year'>";
+	html += "            <a href='#' class='prev'></a>";
+	html += "            <p id='paperYear'></p>";
+	html += "            <a href='#' class='next'></a>";
+	html += "        </div>";
+	html += "        <ul class='clearfix'>";
+	html += "        </ul>";
+	html += "    </div>";
+	$("body").append(html);
+
+	var url = location.href;
+	var re = /\/(\d{4})-(\d{2})\/(\d{2})\/node_(\d+).htm/im;
+	var r = url.match(re);
+	getYearList(r[1], r[1] + "-" + r[2] + "-" + r[3]);//按年份显示导航
+
+}
+
+//获取当前月份报纸xml数据
+function getYearList(year, curDate) {//按年份显示导航
+	$("#Datefour p").html("<span onclick=\"showYearList(" + year + ",'" + curDate + "');\"><img src='../../../image20/calenderSmall.png' border=0 />" + year + "年</span>");//显示年份
+	var myXmlUrl = "../../../paperXml/yearList.js?time=" + new Date().getTime();
+	var curIndex = -1, css = "", len, perYear = 0, nextYear = 0;
+
+	$.getJSON(myXmlUrl, function (json) {
+		//解析列表
+		$.each(json, function (i, item) {
+			if (item.active == 1) {
+				if (year == item.yearNo) { curIndex = i; }
+				if (curIndex == -1) { perYear = item.yearNo; }
+				if (curIndex + 1 == i) { nextYear = item.yearNo; }
+			}
+		});
+
+		len = json.length - 1;
+		// 往左事件
+		if (perYear > 0) {
+			//$("#Datefour .prev span").css("color","#04C");//年份左导航箭头颜色
+			$("#Datefour .prev").css("background-image", "url('../../../image20/left-1.png')");
+			$("#Datefour .prev").attr("href", "javascript:getYearList(" + perYear + ",'" + curDate + "')");//年份左导航箭头颜
+		} else {
+			//$("#Datefour .prev span").css("color","#eee");//年份左导航箭头颜
+			$("#Datefour .prev").css("background-image", "url('../../../image20/left-2.png')");
+			$("#Datefour .prev").attr("href", "javascript:void();");//年份左导航箭头颜
+		}
+		// 往右事件
+		if (len != curIndex) {
+			$//("#Datefour .next span").css("color","#04C");//年份左导航箭头颜色
+			$("#Datefour .next").css("background-image", "url('../../../image20/right-1.png')");
+			$("#Datefour .next").attr("href", "javascript:getYearList(" + nextYear + ",'" + curDate + "')");//年份左导航箭头颜
+		} else {
+			//$("#Datefour .next span").css("color","#eee");//年份左导航箭头颜
+			$("#Datefour .next").css("background-image", "url('../../../image20/right-2.png')");
+			$("#Datefour .next").attr("href", "javascript:void();");//年份左导航箭头颜
+		}
+	});
+	getDateList(year, curDate);//按当前页面年份加载对应期次数据
+}
+
+
+function showYearList(perYear, curDate) {//显示年份列表
+	var myXmlUrl = "../../../paperXml/yearList.js?time=" + new Date().getTime();
+	$('#Datefour ul').empty();
+	$(".prev,.next").hide();
+
+	var liCss;
+	$.getJSON(myXmlUrl, function (json) {
+		$.each(json, function (i, item) {
+			if (item.active == 1) {
+				liCss = " style='color:#000;'";
+				$('#Datefour ul').append("<li style='width:25%'><a href=\"javascript:getYearList(" + item.yearNo + ",'" + curDate + "');\"" + liCss + " >" + item.yearNo + "年</a></li>");
+			} else {
+				liCss = " style='color:gray;'";
+				$('#Datefour ul').append("<li style='width:25%'><a href='javascript:void(0);'" + liCss + " >" + item.yearNo + "年</a></li>");
+			}
+		});
+	});
+}
+
+function getDateList(year, curDate) {//按当前页面年份加载对应期次数据
+	var myXmlUrl = "../../../paperXml/" + year + "_paperList.js";
+	var xmlDate, paperUrl, liCss;
+	$('#Datefour ul').empty();
+	$(".prev,.next").show();
+
+	var xmlDate, paperUrl, liCss;
+	$.getJSON(myXmlUrl, function (json) {
+		$.each(json, function (i, item) {
+			xmlDate = item.date;
+			paperUrl = "../../" + xmlDate.split("-")[0] + "-" + xmlDate.split("-")[1] + "/" + xmlDate.split("-")[2] + "/node_1.htm";
+			liCss = " style='" + (item.active == 1 ? "background-color:#eee;" : "") + (curDate == item.date ? "color:#F00;" : "") + "'";
+			//console.log(liCss);
+			$('#Datefour ul').append("<li><a href='" + paperUrl + "' " + liCss + " >" + item.name + "</a></li>");
+		});
+	});
+}
+
+//获取url中"?"符后的字串
+function getURLParams() {
+	let url = decodeURI(window.location.href); //获取url中"?"符后的字串
+	let theRequest = {};
+	if (url.lastIndexOf("?") !== -1) {
+		let str = url.substr(url.lastIndexOf("?") + 1);
+		//let str = substr(url,instr(url,"?",-1)+1);
+		let strs = str.split("&");
+		for (var i = 0; i < strs.length; i++) {
+			theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
+		}
+	}
+	return theRequest;
+};

dist/static/js/pinchzoom.min.js

@@ -0,0 +1,504 @@
+(function() {
+	"use strict";
+	var definePinchZoom = function($) {
+			var PinchZoom = function(el, options) {
+					this.el = $(el);
+					this.zoomFactor = 1;
+					this.lastScale = 1;
+					this.offset = {
+						x: 0,
+						y: 0
+					};
+					this.options = $.extend({}, this.defaults, options);
+					this.setupMarkup();
+					this.bindEvents();
+					this.update();
+					this.enable()
+				},
+				sum = function(a, b) {
+					return a + b
+				},
+				isCloseTo = function(value, expected) {
+					return value > expected - .01 && value < expected + .01
+				};
+			PinchZoom.prototype = {
+				defaults: {
+					tapZoomFactor: 2,
+					zoomOutFactor: 1.3,
+					animationDuration: 300,
+					animationInterval: 5,
+					maxZoom: 4,
+					minZoom: .5,
+					lockDragAxis: false,
+					use2d: true,
+					zoomStartEventName: "pz_zoomstart",
+					zoomEndEventName: "pz_zoomend",
+					dragStartEventName: "pz_dragstart",
+					dragEndEventName: "pz_dragend",
+					doubleTapEventName: "pz_doubletap"
+				},
+				handleDragStart: function(event) {
+					this.el.trigger(this.options.dragStartEventName);
+					this.stopAnimation();
+					this.lastDragPosition = false;
+					this.hasInteraction = true;
+					this.handleDrag(event)
+				},
+				handleDrag: function(event) {
+					if (this.zoomFactor > 1) {
+						var touch = this.getTouches(event)[0];
+						this.drag(touch, this.lastDragPosition);
+						this.offset = this.sanitizeOffset(this.offset);
+						this.lastDragPosition = touch
+					}
+				},
+				handleDragEnd: function() {
+					this.el.trigger(this.options.dragEndEventName);
+					this.end()
+				},
+				handleZoomStart: function(event) {
+					this.el.trigger(this.options.zoomStartEventName);
+					this.stopAnimation();
+					this.lastScale = 1;
+					this.nthZoom = 0;
+					this.lastZoomCenter = false;
+					this.hasInteraction = true
+				},
+				handleZoom: function(event, newScale) {
+					var touchCenter = this.getTouchCenter(this.getTouches(event)),
+						scale = newScale / this.lastScale;
+					this.lastScale = newScale;
+					this.nthZoom += 1;
+					if (this.nthZoom > 3) {
+						this.scale(scale, touchCenter);
+						this.drag(touchCenter, this.lastZoomCenter)
+					}
+					this.lastZoomCenter = touchCenter
+				},
+				handleZoomEnd: function() {
+					this.el.trigger(this.options.zoomEndEventName);
+					this.end()
+				},
+				handleDoubleTap: function(event) {
+					var center = this.getTouches(event)[0],
+						zoomFactor = this.zoomFactor > 1 ? 1 : this.options.tapZoomFactor,
+						startZoomFactor = this.zoomFactor,
+						updateProgress = function(progress) {
+							this.scaleTo(startZoomFactor + progress * (zoomFactor - startZoomFactor), center)
+						}.bind(this);
+					if (this.hasInteraction) {
+						return
+					}
+					if (startZoomFactor > zoomFactor) {
+						center = this.getCurrentZoomCenter()
+					}
+					this.animate(this.options.animationDuration, this.options.animationInterval, updateProgress, this.swing);
+					this.el.trigger(this.options.doubleTapEventName)
+				},
+				sanitizeOffset: function(offset) {
+					var maxX = (this.zoomFactor - 1) * this.getContainerX(),
+						maxY = (this.zoomFactor - 1) * this.getContainerY(),
+						maxOffsetX = Math.max(maxX, 0),
+						maxOffsetY = Math.max(maxY, 0),
+						minOffsetX = Math.min(maxX, 0),
+						minOffsetY = Math.min(maxY, 0);
+					return {
+						x: Math.min(Math.max(offset.x, minOffsetX), maxOffsetX),
+						y: Math.min(Math.max(offset.y, minOffsetY), maxOffsetY)
+					}
+				},
+				scaleTo: function(zoomFactor, center) {
+					this.scale(zoomFactor / this.zoomFactor, center)
+				},
+				scale: function(scale, center) {
+					scale = this.scaleZoomFactor(scale);
+					this.addOffset({
+						x: (scale - 1) * (center.x + this.offset.x),
+						y: (scale - 1) * (center.y + this.offset.y)
+					})
+				},
+				scaleZoomFactor: function(scale) {
+					var originalZoomFactor = this.zoomFactor;
+					this.zoomFactor *= scale;
+					this.zoomFactor = Math.min(this.options.maxZoom, Math.max(this.zoomFactor, this.options.minZoom));
+					return this.zoomFactor / originalZoomFactor
+				},
+				drag: function(center, lastCenter) {
+					if (lastCenter) {
+						if (this.options.lockDragAxis) {
+							if (Math.abs(center.x - lastCenter.x) > Math.abs(center.y - lastCenter.y)) {
+								this.addOffset({
+									x: -(center.x - lastCenter.x),
+									y: 0
+								})
+							} else {
+								this.addOffset({
+									y: -(center.y - lastCenter.y),
+									x: 0
+								})
+							}
+						} else {
+							this.addOffset({
+								y: -(center.y - lastCenter.y),
+								x: -(center.x - lastCenter.x)
+							})
+						}
+					}
+				},
+				getTouchCenter: function(touches) {
+					return this.getVectorAvg(touches)
+				},
+				getVectorAvg: function(vectors) {
+					return {
+						x: vectors.map(function(v) {
+							return v.x
+						}).reduce(sum) / vectors.length,
+						y: vectors.map(function(v) {
+							return v.y
+						}).reduce(sum) / vectors.length
+					}
+				},
+				addOffset: function(offset) {
+					this.offset = {
+						x: this.offset.x + offset.x,
+						y: this.offset.y + offset.y
+					}
+				},
+				sanitize: function() {
+					if (this.zoomFactor < this.options.zoomOutFactor) {
+						this.zoomOutAnimation()
+					} else if (this.isInsaneOffset(this.offset)) {
+						this.sanitizeOffsetAnimation()
+					}
+				},
+				isInsaneOffset: function(offset) {
+					var sanitizedOffset = this.sanitizeOffset(offset);
+					return sanitizedOffset.x !== offset.x || sanitizedOffset.y !== offset.y
+				},
+				sanitizeOffsetAnimation: function() {
+					var targetOffset = this.sanitizeOffset(this.offset),
+						startOffset = {
+							x: this.offset.x,
+							y: this.offset.y
+						},
+						updateProgress = function(progress) {
+							this.offset.x = startOffset.x + progress * (targetOffset.x - startOffset.x);
+							this.offset.y = startOffset.y + progress * (targetOffset.y - startOffset.y);
+							this.update()
+						}.bind(this);
+					this.animate(this.options.animationDuration, this.options.animationInterval, updateProgress, this.swing)
+				},
+				zoomOutAnimation: function() {
+					var startZoomFactor = this.zoomFactor,
+						zoomFactor = 1,
+						center = this.getCurrentZoomCenter(),
+						updateProgress = function(progress) {
+							this.scaleTo(startZoomFactor + progress * (zoomFactor - startZoomFactor), center)
+						}.bind(this);
+					this.animate(this.options.animationDuration, this.options.animationInterval, updateProgress, this.swing)
+				},
+				updateAspectRatio: function() {
+					this.setContainerY(this.getContainerX() / this.getAspectRatio())
+				},
+				getInitialZoomFactor: function() {
+					return this.container[0].offsetWidth / this.el[0].offsetWidth
+				},
+				getAspectRatio: function() {
+					return this.el[0].offsetWidth / this.el[0].offsetHeight
+				},
+				getCurrentZoomCenter: function() {
+					var length = this.container[0].offsetWidth * this.zoomFactor,
+						offsetLeft = this.offset.x,
+						offsetRight = length - offsetLeft - this.container[0].offsetWidth,
+						widthOffsetRatio = offsetLeft / offsetRight,
+						centerX = widthOffsetRatio * this.container[0].offsetWidth / (widthOffsetRatio + 1),
+						height = this.container[0].offsetHeight * this.zoomFactor,
+						offsetTop = this.offset.y,
+						offsetBottom = height - offsetTop - this.container[0].offsetHeight,
+						heightOffsetRatio = offsetTop / offsetBottom,
+						centerY = heightOffsetRatio * this.container[0].offsetHeight / (heightOffsetRatio + 1);
+					if (offsetRight === 0) {
+						centerX = this.container[0].offsetWidth
+					}
+					if (offsetBottom === 0) {
+						centerY = this.container[0].offsetHeight
+					}
+					return {
+						x: centerX,
+						y: centerY
+					}
+				},
+				canDrag: function() {
+					return !isCloseTo(this.zoomFactor, 1)
+				},
+				getTouches: function(event) {
+					var position = this.container.offset();
+					return Array.prototype.slice.call(event.touches).map(function(touch) {
+						return {
+							x: touch.pageX - position.left,
+							y: touch.pageY - position.top
+						}
+					})
+				},
+				animate: function(duration, interval, framefn, timefn, callback) {
+					var startTime = (new Date).getTime(),
+						renderFrame = function() {
+							if (!this.inAnimation) {
+								return
+							}
+							var frameTime = (new Date).getTime() - startTime,
+								progress = frameTime / duration;
+							if (frameTime >= duration) {
+								framefn(1);
+								if (callback) {
+									callback()
+								}
+								this.update();
+								this.stopAnimation();
+								this.update()
+							} else {
+								if (timefn) {
+									progress = timefn(progress)
+								}
+								framefn(progress);
+								this.update();
+								setTimeout(renderFrame, interval)
+							}
+						}.bind(this);
+					this.inAnimation = true;
+					renderFrame()
+				},
+				stopAnimation: function() {
+					this.inAnimation = false
+				},
+				swing: function(p) {
+					return -Math.cos(p * Math.PI) / 2 + .5
+				},
+				getContainerX: function() {
+					return this.container[0].offsetWidth
+				},
+				getContainerY: function() {
+					return this.container[0].offsetHeight
+				},
+				setContainerY: function(y) {
+					return this.container.height(y)
+				},
+				setupMarkup: function() {
+					this.container = $('<div class="pinch-zoom-container"></div>');
+					this.el.before(this.container);
+					this.container.append(this.el);
+					this.container.css({
+						overflow: "hidden",
+						//position: "relative"
+						position:"absolute",
+						top:"0",
+					});
+					this.el.css({
+						"-webkit-transform-origin": "0% 0%",
+						"-moz-transform-origin": "0% 0%",
+						"-ms-transform-origin": "0% 0%",
+						"-o-transform-origin": "0% 0%",
+						"transform-origin": "0% 0%",
+						position: "absolute"
+					})
+				},
+				end: function() {
+					this.hasInteraction = false;
+					this.sanitize();
+					this.update()
+				},
+				bindEvents: function() {
+					detectGestures(this.container.get(0), this);
+					$(window).on("resize", this.update.bind(this));
+					$(this.el).find("img").on("load", this.update.bind(this))
+				},
+				update: function() {
+					if (this.updatePlaned) {
+						return
+					}
+					this.updatePlaned = true;
+					setTimeout(function() {
+						this.updatePlaned = false;
+						this.updateAspectRatio();
+							let Scwidth = this.el[0].clientWidth/this.el.find('img')[0].naturalWidth;
+							let ScHeight = this.el[0].clientHeight / this.el.find('img')[0].naturalHeight;
+						var zoomFactor = this.getInitialZoomFactor() * this.zoomFactor,
+							offsetX = -this.offset.x / zoomFactor,
+							offsetY = -this.offset.y / zoomFactor,
+							transform3d = "scale3d(" + zoomFactor + ", " + zoomFactor + ",1) " + "translate3d(" + offsetX + "px," + offsetY + "px,0px)",
+							transform2d = "scale(" + zoomFactor + ", " + zoomFactor + ") " + "translate(" + offsetX + "px," + offsetY + "px)",
+							removeClone = function() {
+								if (this.clone) {
+									this.clone.remove();
+									delete this.clone
+								}
+							}.bind(this);
+						if (!this.options.use2d || this.hasInteraction || this.inAnimation) {
+							this.is3d = true;
+							removeClone();
+							this.el.css({
+								"-webkit-transform": transform3d,
+								"-o-transform": transform2d,
+								"-ms-transform": transform2d,
+								"-moz-transform": transform2d,
+								transform: transform3d
+							})
+						} else {
+							if (this.is3d) {
+								this.clone = this.el.clone();
+								this.clone.css("pointer-events", "none");
+								this.clone.appendTo(this.container);
+								setTimeout(removeClone, 200)
+							}
+							this.el.css({
+								"-webkit-transform": transform2d,
+								"-o-transform": transform2d,
+								"-ms-transform": transform2d,
+								"-moz-transform": transform2d,
+								transform: transform2d
+							});
+							this.is3d = false
+						}
+						this.el.find('.paperMap').css('opacity','1');
+						this.el.parents('.imgBoxCont').find('.pichmask').css('opacity','0');
+					}.bind(this), 0)
+				},
+				enable: function() {
+					this.enabled = true
+				},
+				disable: function() {
+					this.enabled = false
+				}
+			};
+			var detectGestures = function(el, target) {
+					var interaction = null,
+						fingers = 0,
+						lastTouchStart = null,
+						startTouches = null,
+						setInteraction = function(newInteraction, event) {
+							if (interaction !== newInteraction) {
+								if (interaction && !newInteraction) {
+									switch (interaction) {
+									case "zoom":
+										target.handleZoomEnd(event);
+										break;
+									case "drag":
+										target.handleDragEnd(event);
+										break
+									}
+								}
+								switch (newInteraction) {
+								case "zoom":
+									target.handleZoomStart(event);
+									break;
+								case "drag":
+									target.handleDragStart(event);
+									break
+								}
+							}
+							interaction = newInteraction
+						},
+						updateInteraction = function(event) {
+							if (fingers === 2) {
+								setInteraction("zoom")
+							} else if (fingers === 1 && target.canDrag()) {
+								setInteraction("drag", event)
+							} else {
+								setInteraction(null, event)
+							}
+						},
+						targetTouches = function(touches) {
+							return Array.prototype.slice.call(touches).map(function(touch) {
+								return {
+									x: touch.pageX,
+									y: touch.pageY
+								}
+							})
+						},
+						getDistance = function(a, b) {
+							var x, y;
+							x = a.x - b.x;
+							y = a.y - b.y;
+							return Math.sqrt(x * x + y * y)
+						},
+						calculateScale = function(startTouches, endTouches) {
+							var startDistance = getDistance(startTouches[0], startTouches[1]),
+								endDistance = getDistance(endTouches[0], endTouches[1]);
+							return endDistance / startDistance
+						},
+						cancelEvent = function(event) {
+							event.stopPropagation();
+							event.preventDefault()
+						},
+						detectDoubleTap = function(event) {
+							var time = (new Date).getTime();
+							if (fingers > 1) {
+								lastTouchStart = null
+							}
+							if (time - lastTouchStart < 300) {
+								cancelEvent(event);
+								target.handleDoubleTap(event);
+								switch (interaction) {
+								case "zoom":
+									target.handleZoomEnd(event);
+									break;
+								case "drag":
+									target.handleDragEnd(event);
+									break
+								}
+							}
+							if (fingers === 1) {
+								lastTouchStart = time
+							}
+						},
+						firstMove = true;
+					el.addEventListener("touchstart", function(event) {
+						if (target.enabled) {
+							firstMove = true;
+							fingers = event.touches.length;
+							detectDoubleTap(event)
+						}
+					});
+					el.addEventListener("touchmove", function(event) {
+						if (target.enabled) {
+							if (firstMove) {
+								updateInteraction(event);
+								if (interaction) {
+									cancelEvent(event)
+								}
+								startTouches = targetTouches(event.touches)
+							} else {
+								switch (interaction) {
+								case "zoom":
+									target.handleZoom(event, calculateScale(startTouches, targetTouches(event.touches)));
+									break;
+								case "drag":
+									target.handleDrag(event);
+									break
+								}
+								if (interaction) {
+									cancelEvent(event);
+									target.update()
+								}
+							}
+							firstMove = false
+						}
+					});
+					el.addEventListener("touchend", function(event) {
+						if (target.enabled) {
+							fingers = event.touches.length;
+							updateInteraction(event)
+						}
+					})
+				};
+			return PinchZoom
+		};
+	if (typeof define !== "undefined" && define.amd) {
+		define(["jquery"], function($) {
+			return definePinchZoom($)
+		})
+	} else {
+		window.RTP = window.RTP || {};
+		window.RTP.PinchZoom = definePinchZoom(window.$)
+	}
+}).call(this);

dist/static/js/posterShare.js

@@ -0,0 +1,471 @@
+var tipPosition = "bottom"; //分享提示信息位置,middle,bottom
+var tipText="长按保存图片";
+var tipStyle="";
+var topInto="";
+
+(function(window){
+	if (tipPosition =="middle"){ //中间样式
+		tipText = "长按保存图片";
+		tipStyle = "tipsBtn";
+	}else if (tipPosition =="bottom"){ //底部样式
+		tipText = "点击图片，长按分享给好友";
+		tipStyle ="buttomtips";
+	}
+	if (tipPosition =="bottom"){	//页面顶部信息
+		topInto ='<div class="synthHead">'+
+				'    <img src="/h5/public/static/logo.png" style="width: 30px;height: 30px;" alt=""/>'+
+				'    <div>'+ $("#publishDateTime").text() +'</div>'+
+				'</div>';
+	}
+
+    var designWidth = 750,
+        maxWidth = 750,
+        doc = document,
+        win = window,
+        docEl = doc.documentElement,
+        remStyle = document.createElement("style"),
+        tid;
+
+    function refreshRem() {
+        var width = docEl.getBoundingClientRect().width;
+        maxWidth = maxWidth || 540;
+        width > maxWidth && (width = maxWidth);
+        var rem = width * 100 / designWidth;
+        var remnew = width / designWidth;
+       // remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
+       remStyle.innerHTML = 'html{font-size:' +62.5*remnew+'% !important;}';
+    }
+
+    if (docEl.firstElementChild) {
+        docEl.firstElementChild.appendChild(remStyle);
+    } else {
+        var wrap = doc.createElement("div");
+        wrap.appendChild(remStyle);
+        doc.write(wrap.innerHTML);
+        wrap = null;
+    }
+
+    //要等 wiewport 设置好后才能执行 refreshRem，不然 refreshRem 会执行2次；
+
+    win.addEventListener("resize", function () {
+        clearTimeout(tid); //防止执行两次
+        tid = setTimeout(refreshRem, 300);
+    }, false);
+
+    win.addEventListener("pageshow", function (e) {
+        if (e.persisted) { // 浏览器后退的时候重新计算
+            clearTimeout(tid);
+            tid = setTimeout(refreshRem, 300);
+        }
+    }, false);
+
+    if (doc.readyState === "complete") {
+        doc.body.style.fontSize = "16px";
+    } else {
+        doc.addEventListener("DOMContentLoaded", function (e) {
+            doc.body.style.fontSize = "16px";
+        }, false);
+    }
+
+    var PosterSplicing=function(selector){
+        return new PosterSplicing.fn.init(selector)
+    }
+    var imagesNum = [1,2,4,8],//海报需要的图片数量
+        logoSrc = "/h5/public/static/logo.png",//logo的图片
+        posterTime= $("#publishDateTime").text(),//版面的日期
+        haibaoImg = $.Deferred();//海报canvas生成的图片
+        twoHorHaibaoImg = $.Deferred();//两张横向海报canvas生成的图片
+        qrcodeImg = $.Deferred();//二维码canvas生成的图片
+        imgUrlHeight = $.Deferred();//报纸的高度;
+
+    PosterSplicing.fn={
+        show:function(value){//显示图片列表
+            refreshRem();
+            console.log('show');
+            $("body").append('<div class="posterMask active"></div>')
+            var posterHtml = '<div class="posterSplicingWrap">'+
+                                '<div class="closePoster"><i></i></div>'+
+                                '<div class="posterChoseWrap">';
+            $(this).map((i,v)=>{
+                if($(v)[0].currentSrc!=''){
+                    posterHtml  +=  '<div class="item" id="images'+i+'">'+
+                        '<img class="itemPic" src="'+$(v)[0].currentSrc+'" alt=""/>'+
+                        '<div class="itemMask">'+
+                            '<i class="choseBtn"></i>'+
+                        '</div>'+
+                    '</div>';
+                }
+            });
+            posterHtml += '</div>'+
+                            '<div class="chosedBoxList">'+
+                                '<div class="chosedHead">'+
+                                    '<p class="allPageBtn">一键拼图</p>'+
+//                                    '<p class="tips">请选择1、2、4、8张图片</p>'+
+                                    '<p class="tips">请选择版面，拼图分享</p>'+
+                                    '<p class="chosedBtn">开始拼图</p>'+
+                                '</div>'+
+                                '<div class="chosedPicList">'+
+                                '</div>'+
+                            '</div>'+
+                        '</div>'
+            $('body').append(posterHtml);
+            this.loading(false);
+            $("body .posterSplicingWrap").on("click",".closePoster",function(){
+                $('.posterSplicingWrap,.posterMask').remove();
+                remStyle.innerHTML = 'html{font-size:initial}';
+            })
+        },
+        jigsawPuzzleBeginBtn:function(value){//开始拼图按钮数值变化
+            if($("body .chosedBoxList .chosedPicList>.item").length>0){
+                $("body .chosedBoxList .chosedBtn").addClass("active").html('开始拼图('+$("body .chosedBoxList .chosedPicList>.item").length+')');
+            }else
+                $("body .chosedBoxList .chosedBtn").removeClass("active").html('开始拼图');
+        },
+        choseImage:function(value){//选择海报需要图片
+            if($('body .chosedBoxList .chosedPicList .item[chose-id="'+$(this).attr("id")+'"]').length>0){
+                $('body .chosedBoxList .chosedPicList .item[chose-id="'+$(this).attr("id")+'"]').remove();
+                $("body .posterChoseWrap").children("#"+$(this).attr("id")).removeClass("active");
+                PosterSplicing.fn.jigsawPuzzleBeginBtn();
+            }else{
+                $("body .chosedBoxList .chosedPicList").append('<div class="item" chose-id="'+$(this).attr("id")+'">'+
+                    '<img class="itemPic" src="'+$(this).children(".itemPic").attr("src")+'" alt=""/>'+
+                    '<i class="choseBtn" chose-id="'+$(this).attr("id")+'"></i>'+
+                '</div>');
+                $("body .posterChoseWrap").children("#"+$(this).attr("id")).addClass("active");
+                PosterSplicing.fn.jigsawPuzzleBeginBtn();
+            }
+        },
+        cancelImage:function(value){//取消选择的图片
+            $("body .posterChoseWrap").children("#"+$(this).attr("chose-id")).removeClass("active");
+            $(this).parents('.item').remove();
+            PosterSplicing.fn.jigsawPuzzleBeginBtn();
+        },
+        choseWraringTips:function(value,text){//显示提示弹层
+            var tipsHtml = '<div class="wraringWrapper"><div class="wraningBox">'+
+                    '<div class="title">提示</div>'+
+                    '<div class="tips">'+text+'</div>'+
+                    '<div class="btn">确定</div>'
+                '</div></div>';
+            $(".posterSplicingWrap").append(tipsHtml);
+        },
+        hideWraringTips:function(){//隐藏提示弹层
+            $(".posterSplicingWrap .wraringWrapper").remove();
+        },
+        piecingTogether:function(){//点击拼图按钮
+            var itemLength = $("body .chosedBoxList .chosedPicList>.item").length;
+            if(itemLength==0){
+                this.choseWraringTips(this,'请至少选择一张图片！');
+                return ;
+            }
+            //if(!imagesNum.includes(itemLength)){
+            //    this.choseWraringTips(this,'请选择1张、2张、4张或者8张图片！');
+            //    return ;
+            //}
+            var iamgesArry = [];
+            $("body .chosedBoxList .chosedPicList>.item").map((i,v)=>{
+                iamgesArry.push($(v).children('img').attr("src"))
+            });
+            this.loading(true);
+            switch(itemLength){
+                case 1:
+                    this.onePoster(iamgesArry)
+                    break;
+                case 2:
+                    this.twoPoster(iamgesArry)
+                    break;
+                case 4:
+                    this.fourPoster(iamgesArry)
+                    break;
+                case 8:
+                    this.eightPoster(iamgesArry)
+                    break;
+				default:
+					this.twoPoster(iamgesArry)
+            }
+        },
+        piecingTogetherAll:function(){//点击一键拼图按钮，全部拼图
+            this.loading(true);
+            var iamgesArry = [];
+            $("body .posterChoseWrap>.item").map((i,v)=>{
+                iamgesArry.push($(v).children('img').attr("src"))
+            });
+            this.twoPoster(iamgesArry);
+        },
+        onePoster:function(value){//一张拼图
+            var onePosterHtml='<div class="posterWrapper">'+
+                    '<div class="closeBtn"><i></i></div>'+
+                    '<div class="originalWrapper onePoster" id="originalWrapper">'+
+                        '<div class="defalutLayoutPoster">'+topInto+
+                            '<div class="imageBox">'+
+                                '<img class="imgPic" src="'+value[0]+'" alt=""/>'+
+                            '</div>'+
+                            '<div class="footer">'+
+                                '<div class="logo"><img src="'+logoSrc+'" alt="logo"/></div>'+
+                                '<div class="time">'+(tipPosition =="middle"?posterTime:'识别二维码<br>查看该版内容')+'</div>'+
+                                '<div class="code" id="qrcode"></div>'+
+                            '</div>'+
+                        '</div>'+
+                    '</div>'+
+                    '<div id="newPosterWrapper" class="newPosterWrapper">'+
+                        '<img src="" alt=""/>'+
+                        '<div class="'+ tipStyle +'">'+tipText+'</div>'+
+                    '</div>'+
+                '</div>';
+            $(".posterSplicingWrap").append(onePosterHtml);
+            setTimeout(function(){
+                codeImg("originalWrapper","newPosterWrapper");
+            },1000)
+
+        },
+        twoPoster:function(value){//两张拼图
+            var fourImages = '';
+            value.map((v,i)=>{
+                fourImages += '<div class="imageBox">'+
+                                '<img class="imgPic" src="'+v+'" alt=""/>'+
+                            '</div>'
+            });
+            var twoPosterHtml='<div class="posterWrapper" style="padding-bottom:26rem">'+
+                    '<div class="closeBtn"><i></i></div>'+
+                    '<div class="verticalPoster active">'+
+                        '<div class="originalWrapper onePoster" id="originalWrapper">'+
+                            '<div class="defalutLayoutPoster">'+topInto+
+                                fourImages +
+                                '<div class="footer">'+
+                                    '<div class="logo"><img src="'+logoSrc+'" alt="logo"/></div>'+
+                                    '<div class="time">'+(tipPosition =="middle"?posterTime:'识别二维码<br>查看该版内容')+'</div>'+
+                                    '<div class="code" id="qrcode"></div>'+
+                                '</div>'+
+                            '</div>'+
+                        '</div>'+
+                        '<div id="newPosterWrapper" class="newPosterWrapper">'+
+                            '<img src="" alt=""/>'+
+                            '<div class="'+ tipStyle +'">'+tipText+'</div>'+
+                        '</div>'+
+                    '</div>'+
+                    '<div class="horizontalPoster">'+
+                        '<div class="originalWrapper " id="horOriginalWrapper">'+
+                            '<div class="defalutLayoutPoster">'+topInto+
+                                fourImages +
+                                '<div class="footer">'+
+                                    '<div class="logo"><img src="'+logoSrc+'" alt="logo"/></div>'+
+                                    '<div class="time">'+(tipPosition =="middle"?posterTime:'识别二维码<br>查看该版内容')+'</div>'+
+                                    '<div class="code" id="qrcodeHor"></div>'+
+                                '</div>'+
+                            '</div>'+
+                        '</div>'+
+                        '<div id="newHorPosterWrapper" class="newPosterWrapper">'+
+                            '<img src="" alt=""/>'+
+                            '<div class="'+ tipStyle +'">'+tipText+'</div>'+
+                        '</div>'+
+                    '</div>'+
+                    '<div class="choseDirectionBox">'+
+                        '<div class="left active" type="verticalPoster"></div>'+
+                        '<div class="right" type="horizontalPoster"></div>'+
+                    '</div>'+
+                '</div>';
+            $(".posterSplicingWrap").append(twoPosterHtml);
+            $("body .choseDirectionBox>item");
+            setTimeout(function(){
+                codeImg("originalWrapper","newPosterWrapper");
+            },1000)
+
+            $("body .choseDirectionBox").on("click",".left",function(){
+                $(this).addClass("active").siblings().removeClass("active");
+                $("body .verticalPoster").addClass("active").siblings(".horizontalPoster").removeClass("active");
+            });
+            $("body .choseDirectionBox").on("click",".right",function(){
+                $(this).addClass("active").siblings().removeClass("active");
+                $("body .horizontalPoster").addClass("active").siblings(".verticalPoster").removeClass("active");
+                if($("#newHorPosterWrapper img").attr("src")==""){
+                    setTimeout(function(){
+                        codeImg("horOriginalWrapper","newHorPosterWrapper");
+                    },1000)
+
+                }
+            })
+        },
+        fourPoster:function(value){//四张拼图
+            var fourImages = '';
+            value.map((v,i)=>{
+                fourImages += '<div class="imageBox">'+
+                                '<img class="imgPic" src="'+v+'" alt=""/>'+
+                            '</div>'
+            });
+            var fourPosterHtml='<div class="posterWrapper">'+
+                    '<div class="closeBtn"><i></i></div>'+
+                    '<div class="originalWrapper fourPoster" id="originalWrapper">'+
+                        '<div class="defalutLayoutPoster">'+topInto+
+                            fourImages +
+                            '<div class="footer">'+
+                                '<div class="logo"><img src="'+logoSrc+'" alt="logo"/></div>'+
+                                '<div class="time">'+(tipPosition =="middle"?posterTime:'识别二维码<br>查看该版内容')+'</div>'+
+                                '<div class="code" id="qrcode"></div>'+
+                            '</div>'+
+                        '</div>'+
+                    '</div>'+
+                    '<div id="newPosterWrapper" class="newPosterWrapper">'+
+                        '<img src="" alt=""/>'+
+                        '<div class="'+ tipStyle +'">'+tipText+'</div>'+
+                    '</div>'+
+                '</div>';
+            $(".posterSplicingWrap").append(fourPosterHtml);
+            setTimeout(function(){
+              codeImg('originalWrapper',"newPosterWrapper");
+            },1000)
+
+        },
+        eightPoster:function(value){//八张拼图
+            var eightImages = '';
+            value.map((v,i)=>{
+                if(i==4){
+                    eightImages += '<div class="imageBox">'+
+                                    '<div class="code" id="qrcode"></div>'+
+                                '</div>'+
+                                '<div class="imageBox">'+
+                                    '<img class="imgPic" src="'+v+'" alt=""/>'+
+                                '</div>'
+                }else
+                    eightImages += '<div class="imageBox">'+
+                                '<img class="imgPic" src="'+v+'" alt=""/>'+
+                            '</div>'
+            });
+            var eightPoster='<div class="posterWrapper">'+
+                    '<div class="closeBtn"><i></i></div>'+
+                    '<div class="originalWrapper eightPoster" id="originalWrapper">'+
+                        '<div class="defalutLayoutPoster">'+topInto+
+                            eightImages +
+                            '<div class="footer">'+
+                                '<div class="logo"><img src="'+logoSrc+'" alt="logo"/></div>'+
+                                '<div class="time">'+(tipPosition =="middle"?posterTime:'识别二维码<br>查看该版内容')+'</div>'+
+                            '</div>'+
+                        '</div>'+
+                    '</div>'+
+                    '<div id="newPosterWrapper" class="newPosterWrapper">'+
+                        '<img src="" alt=""/>'+
+                        '<div class="'+ tipStyle +'">'+tipText+'</div>'+
+                    '</div>'+
+                '</div>';
+            $(".posterSplicingWrap").append(eightPoster);
+            setTimeout(function(){
+                codeImg('originalWrapper',"newPosterWrapper");
+            },1000)
+
+        },
+        closePosterGenerate:function(){//关闭生成的海报层
+            $(".posterSplicingWrap .posterWrapper").remove();
+            haibaoImg = $.Deferred();
+            twoHorHaibaoImg = $.Deferred();
+        },
+        loading:function(value){//loading显示隐藏
+            if(value){
+                $(".posterMask").addClass('active');
+            }else{
+                $(".posterMask").removeClass('active');
+            }
+        },
+    }
+
+    var init  = PosterSplicing.fn.init = function(selector){
+        var slice = Array.prototype.slice
+        var dom = slice.call($('.'+selector))
+        console.log('进入',dom)
+        var i, len = dom ? dom.length : 0
+        for (i = 0; i < len; i++) {
+            this[i] = dom[i]
+        }
+        this.length = len
+        this.selector = selector || ''
+    }
+    init.prototype = PosterSplicing.fn;
+
+    window.POSTER = PosterSplicing
+
+    //点击事件
+    //选择图片
+    $('body').on('click','.posterChoseWrap .item',function(){
+        PosterSplicing.fn.choseImage.apply(this)
+    });
+    //取消选择的图片
+    $('body').on('click','.chosedPicList .item .choseBtn',function(){
+        PosterSplicing.fn.cancelImage.apply(this)
+    });
+    $('body').on('click','.chosedBoxList .chosedBtn',function(){
+        PosterSplicing.fn.piecingTogether(this)
+    });
+    $('body').on('click','.chosedBoxList .allPageBtn',function(){
+        PosterSplicing.fn.piecingTogetherAll(this)
+    });
+    //提示
+    $('body').on('click','.wraningBox .btn',function(){
+        PosterSplicing.fn.hideWraringTips(this)
+    });
+    //关闭生成的海报
+    $('body').on('click','.posterWrapper .closeBtn i',function(){
+        PosterSplicing.fn.closePosterGenerate(this)
+    });
+
+    //二维码生成图片
+    function codeImg(psterBox,newPosterBox){
+        var url = window.location.href;
+        url = url.indexOf("?")<0?url+"?v=10000":url;
+        $('body').find('#qrcode').qrcode({ width: 150,height:150,correctLevel:0,render:"table",margin:'0 auto', text:url});
+        synthesisImg('qrcode',qrcodeImg);//生成二维码
+        $.when(qrcodeImg).done(function ( v1 ) {
+            $('body').find('#qrcode').addClass('active').html('<img src="'+v1+'" alt="" />');
+            if($("body").find("#qrcodeHor")){
+                $('body').find('#qrcodeHor').addClass('active').html('<img src="'+v1+'" alt="" />');
+            }
+            //loadImage();//报纸图片加载
+            synthesisImgLoad(psterBox,newPosterBox);
+        });
+    }
+    //图片加载完成后生成海报
+    function synthesisImgLoad(psterBox,newPosterBox){
+        if(newPosterBox=='newHorPosterWrapper'){
+            synthesisImg(psterBox,twoHorHaibaoImg);//生成海报
+            $.when(twoHorHaibaoImg).done(function ( v1) {
+                $('#'+newPosterBox+' img').attr('src',v1);
+                $('#'+psterBox).hide();
+                PosterSplicing.fn.loading(false)
+            });
+        }else{
+            synthesisImg(psterBox,haibaoImg);//生成海报
+            $.when(haibaoImg).done(function ( v1) {
+                $('#'+newPosterBox+' img').attr('src',v1);
+                $('#'+psterBox).hide();
+                PosterSplicing.fn.loading(false);
+            });
+        }
+    }
+    //生成图片
+    function synthesisImg(sourceHtml,canvasImg) {
+        //clearInterval(synthesisImgLoad)
+        var canvas = document.createElement('canvas') // 创建一个canvas节点
+        var shareContent = document.getElementById(sourceHtml) // 需要截图的包裹的（原生的）DOM 对象
+        var width = shareContent.offsetWidth // 获取dom 宽度
+        var height = shareContent.offsetHeight // 获取dom 高度
+        var scale = 2 // 定义任意放大倍数 支持小数
+        canvas.getContext('2d').scale(scale, scale) // 获取context,设置scale
+        var rect = shareContent.getBoundingClientRect() // 获取元素相对于视口的
+        html2canvas(document.getElementById(sourceHtml),{
+            x: rect.left, // 绘制的dom元素相对于视口的位置
+            y: rect.top,
+            width: width, // dom 原始宽度
+            height: height,
+            windowWidth: document.body.scrollWidth,
+            windowHeight: document.body.scrollHeight,
+            // x: 0,
+            // y: 0,
+            useCORS: true, // 开启跨域
+            dpi: window.devicePixelRatio * 2,
+            scale: scale, // 添加的scale 参数
+        }).then((canvas)=>{
+            var context = canvas.getContext('2d')
+            //关闭抗锯齿
+            context.mozImageSmoothingEnabled = false
+            context.msImageSmoothingEnabled = false
+            context.imageSmoothingEnabled = false
+            canvasImg.resolve(canvas.toDataURL());
+        })
+    }
+})(window)

dist/static/js/qfstatH5.js

@@ -0,0 +1,54 @@
+
+//前方统计-手机端
+var _maq = _maq || [];
+function loadQFStat(){
+	
+    var rqStr = window.location.href.match(/(\d{4}-\d{2})\/(\d{2})/i);
+	var _paper_date = rqStr[1]+"-"+rqStr[2];
+
+	_maq.push(['_paper_date', _paper_date ]);//报纸日期	
+	_maq.push(['_set_account', '数字报']);
+	_maq.push(['_page_url_type', window.location.href.indexOf("node")>=0?0:1]);//访问页面类型(0版面、1文章)
+	_maq.push(['_paper_name', '河南日报']);//报纸名称
+	_maq.push(['_paper_type', '1']);//报纸类型(0：Pc、1：Wap)
+	_maq.push(['_paper_id', '1252']);//报纸ID
+	_maq.push(['_node_url', (window.location.href).split('?')[0]  ]);//版面地址
+	_maq.push(['_page_title', $("title").html()]); //页面Title
+	_maq.push(['_editor', '']);//文章编辑
+	
+	if (window.location.href.indexOf("node")>=0){//访问版面页面
+		_maq.push(['_node_num', $("#NewsEditionNumber").html()]);//版次
+		_maq.push(['_node_name', $("#NewsEditionName").html()]);//版面名称
+		_maq.push(['_article_title', '']);//文章标题
+		_maq.push(['_author', '']);//文章作者
+	}
+	
+	if (window.location.href.indexOf("content")>=0){//访问文章页面
+		_maq.push(['_node_num', $("#NewsEditionNumber").html()]);//版次
+		_maq.push(['_node_name', $("#NewsEditionName").html()]);//版面名称
+		_maq.push(['_article_title', $("#NewsArticleTitle").html()]);//文章标题
+		_maq.push(['_author', $("#NewsArticleAuthor").html()]);//文章标题
+		//_maq.push(['_author', ($("founder-author").html().split('npm:article-author')[1]).replace(/[-><!/]?/g,'')  ]);//文章作者
+	}
+
+	(function () {
+		var ma = document.createElement('script'); ma.type = 'text/javascript'; ma.async = true;
+		//ma.src = ('https:' == document.location.protocol ? 'https://www' : 'http://wwww') + '.soubao.net/ma.js';
+		ma.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'statlog.cnepaper.com/js/ma.js';
+		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ma, s);
+	})();
+}
+
+$(function(){
+	//loadQFStat(); //前方统计 
+	//loadCnzz();// cnzz统计
+});
+
+function loadCnzz(){
+	var la = document.createElement('script');
+	la.type = 'text/javascript';
+	la.async = true;
+	la.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 's4.cnzz.com/z_stat.php?id=1260208327&web_id=1260208327';
+	var s = document.getElementsByTagName('script')[0];
+	s.parentNode.insertBefore(la, s);
+}

dist/static/js/weixin.js

@@ -0,0 +1,34 @@
+document.write("<script src='https://res.wx.qq.com/open/js/jweixin-1.4.0.js'></script>");
+document.write("<script src='https://uploads.dahe.cn/lxx/2020/hnrbwap/wxshare.js'></script>");
+
+
+$(function(){
+	var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
+	if (ua.match(/micromessenger/i) != "micromessenger") {return;}// 非微信不执行以下脚本
+
+	var shortImg,shareTitle,shareDesc,shareLink;
+	shortImg = "https://uploads.dahe.cn/lxx/2020/hnrbwap/logo.png";
+
+	//版面页面
+	if (location.href.indexOf("node")>=0){
+		shareTitle = "河南日报电子版";
+		shareDesc = $("title").html();
+		shareLink = window.location.href.split("node_")[0]+"node_"+$('.swiper-wrapper .swiper-slide-active img.paperMap').attr('usemap').replace("#PagetupMap","")+".htm";
+	}
+	
+	//文章页面
+	if (location.href.indexOf("content")>=0){
+		shareTitle = $("#articleTitle").html().replace(/<\s*br\s*[/]*>/g,"  ").replace(/&lt;\s*br\s*[/]*&gt;/g,"  ");
+		shareDesc = $("#content").html().replace(/\s+|<.*?>|&nbsp;/ig, '').substring(0, 50);
+		shareDesc = shareDesc==""?"": shareDesc + "......";
+		shareLink = window.location.href;
+	}
+	
+	//今日版面总览
+	if (location.href.indexOf("index")>=0){
+		shareTitle = "河南日报数字报";
+		shareDesc = "今日版面总览";
+		shareLink = window.location.href;
+	}
+	wxshare(shareTitle,shareDesc,shortImg)
+});

dist/static/js/wxshare.js

@@ -0,0 +1,72 @@
+/**
+ * Created by lxx on 2019/07/18.
+ */
+function wxshare(t, d, i) {
+    // 定义分享内容，title：标题   des：描述   icon：分享logo
+    var localhref = window.location.href;
+
+    var sharetitle = t.replace(/[\r\n]/g,"");
+    var sharelink = localhref;
+    var shareimgUrl = i;
+    var sharedes = d;
+
+    if (shareimgUrl === undefined) {
+        shareimgUrl = 'https://uploads.dahe.cn/lxx/2020/hnrbwap/logo.png';
+    }
+
+    var result = fetch("https://share.dahe.cn/share/hnrbapp?url=" + encodeURIComponent(localhref));
+    result.then(function(response) {
+        return response.json()
+    }).then(function(data) {
+        var text = data.object;
+
+        /* 微信 */
+        wx.config({
+            debug: false, // 开启调试模式。
+            appId: text.appId, // 必填，公众号的唯一标识
+            timestamp: text.timestamp, // 必填，生成签名的时间戳
+            nonceStr: text.nonceStr, // 必填，生成签名的随机串
+            signature: text.signature, // 必填，签名
+            jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
+        });
+
+        wx.checkJsApi({
+            jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
+            success: function(res) {
+                // console.log(res)
+            }
+        });
+
+        //需在用户可能点击分享按钮前就先调用
+        wx.ready(function() {
+
+            // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容
+            wx.updateAppMessageShareData({
+                title: sharetitle, // 分享标题
+                link: sharelink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                imgUrl: shareimgUrl, // 分享图标
+                desc: sharedes, // 分享描述
+                success: function() {
+                    // 设置成功
+                }
+            })
+
+            // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
+            wx.updateTimelineShareData({
+                title: sharetitle, // 分享标题
+                link: sharelink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                imgUrl: shareimgUrl, // 分享图标
+                success: function() {
+                    // 设置成功
+                }
+            })
+        });
+
+        wx.error(function(res) {
+            console.log("err: " + res)
+                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
+        });
+    }).catch(function(ex) {
+        console.log('failed', ex)
+    })
+}

node_modules/.bin/parser.cmd

@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\@babel\parser\bin\babel-parser.js" %*

node_modules/@babel/runtime/helpers/inheritsLoose.js

@@ -0,0 +1,7 @@
+var setPrototypeOf = require("./setPrototypeOf.js");
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  setPrototypeOf(subClass, superClass);
+}
+module.exports = _inheritsLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;

node_modules/@babel/runtime/helpers/iterableToArrayLimit.js

@@ -0,0 +1,28 @@
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;