1.修改数字人

2.增加开屏翻书特效
3.增加点击按钮视频弹窗播放视频
This commit is contained in:
王创世 2025-04-22 17:18:30 +08:00
parent eab7160f31
commit 5045f05f11
206 changed files with 4174 additions and 9475 deletions

60
.gitignore vendored Normal file
View File

@ -0,0 +1,60 @@
# Dependencies
/node_modules
/dist
# Local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
# OS generated files
.DS_Store
.DS_Store?
._*
.Spotlight-V100
.Trashes
ehthumbs.db
Thumbs.db
# Build output
/dist
/build
# Cache directories
.cache
.temp
# Coverage directory
/coverage
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional stylelint cache
.stylelintcache
# Yarn
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/sdks
!.yarn/versions
.pnp.*

Binary file not shown.

Before

Width:  |  Height:  |  Size: 168 KiB

File diff suppressed because one or more lines are too long

View File

@ -1 +0,0 @@
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};

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

File diff suppressed because one or more lines are too long

View File

@ -1 +0,0 @@
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};

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +0,0 @@
.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}

File diff suppressed because one or more lines are too long

View File

@ -1 +0,0 @@
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};

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

BIN
dist/favicon.ico vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

105
dist/index.html vendored
View File

@ -1,105 +0,0 @@
<!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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
dist/static/bg.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 168 KiB

BIN
dist/static/boxbg.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 660 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 461 B

BIN
dist/static/codebg.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,339 +0,0 @@
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;}

View File

View File

@ -1,867 +0,0 @@
@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;}

View File

@ -1,867 +0,0 @@
@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;}

View File

@ -1,104 +0,0 @@
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;
}

View File

@ -1,471 +0,0 @@
.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");
}

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 756 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
dist/static/goTop.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
dist/static/guanbi.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 485 B

BIN
dist/static/home.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
dist/static/icon1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

View File

@ -1,211 +0,0 @@
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);
}
}

View File

@ -1,11 +0,0 @@
// 图片预览
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指向需要放大的这张图片
}
}

View File

@ -1,154 +0,0 @@
//下载弹层
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;
}
}

File diff suppressed because one or more lines are too long

View File

@ -1,16 +0,0 @@
/**
* 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));

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,872 +0,0 @@
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;
};

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,28 +0,0 @@
(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);

View File

@ -1 +0,0 @@
(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);

File diff suppressed because one or more lines are too long

657
dist/static/js/navi.js vendored
View File

@ -1,657 +0,0 @@
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;
};

View File

@ -1,504 +0,0 @@
(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);

View File

@ -1,471 +0,0 @@
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)

View File

@ -1,54 +0,0 @@
//前方统计-手机端
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']);//报纸类型(0Pc、1Wap)
_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);
}

File diff suppressed because one or more lines are too long

View File

@ -1,34 +0,0 @@
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)
});

View File

@ -1,72 +0,0 @@
/**
* 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)
})
}

BIN
dist/static/left1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1006 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
dist/static/logo.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
dist/static/mulu.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 446 B

BIN
dist/static/qzone.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
dist/static/right6.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

BIN
dist/static/share.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
dist/static/sina.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
dist/static/top1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

BIN
dist/static/wangqi.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

BIN
dist/static/weixin.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

View File

@ -1,7 +0,0 @@
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;

View File

@ -1,28 +0,0 @@
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;

Some files were not shown because too many files have changed in this diff Show More