1.修改数字人
2.增加开屏翻书特效 3.增加点击按钮视频弹窗播放视频
60
.gitignore
vendored
Normal 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.*
|
BIN
dist/assets/bg.015617e1.png
vendored
Before Width: | Height: | Size: 168 KiB |
@ -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};
|
BIN
dist/assets/boxbg.892cc47d.png
vendored
Before Width: | Height: | Size: 69 KiB |
BIN
dist/assets/codebg.48815a5c.png
vendored
Before Width: | Height: | Size: 17 KiB |
BIN
dist/assets/festival.1beb8bb3.png
vendored
Before Width: | Height: | Size: 6.5 KiB |
BIN
dist/assets/icon_top.5e55000a.png
vendored
Before Width: | Height: | Size: 24 KiB |
1
dist/assets/index.8b6189a0.css
vendored
1
dist/assets/index.8d9a5802.js
vendored
@ -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};
|
1
dist/assets/index.a31fc2f1.js
vendored
1
dist/assets/info.00b0219e.js
vendored
1
dist/assets/info.c168a6b6.css
vendored
1
dist/assets/jquery.ae2e4fc2.js
vendored
1
dist/assets/knowledge.5d0bee7f.css
vendored
@ -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}
|
1
dist/assets/knowledge.9e405137.js
vendored
1
dist/assets/list.01aa0fe2.js
vendored
@ -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};
|
1
dist/assets/list.17f8f1a4.css
vendored
BIN
dist/assets/right6.20397022.png
vendored
Before Width: | Height: | Size: 8.7 KiB |
BIN
dist/assets/saveBtn1.2f0b7dbb.png
vendored
Before Width: | Height: | Size: 4.5 KiB |
BIN
dist/assets/top1.95fe96c8.png
vendored
Before Width: | Height: | Size: 4.4 KiB |
BIN
dist/assets/transverseActive.dd03d338.png
vendored
Before Width: | Height: | Size: 4.0 KiB |
BIN
dist/assets/transverseDefault.a4447450.png
vendored
Before Width: | Height: | Size: 4.1 KiB |
6
dist/assets/vendor.4ad3eef5.js
vendored
BIN
dist/assets/verticalActive.4bda3207.png
vendored
Before Width: | Height: | Size: 4.7 KiB |
BIN
dist/assets/verticalDefault.aa591442.png
vendored
Before Width: | Height: | Size: 4.4 KiB |
BIN
dist/assets/zonglan1.444a0153.png
vendored
Before Width: | Height: | Size: 17 KiB |
BIN
dist/favicon.ico
vendored
Before Width: | Height: | Size: 66 KiB |
105
dist/index.html
vendored
@ -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>
|
BIN
dist/static/banmian.png
vendored
Before Width: | Height: | Size: 1.6 KiB |
BIN
dist/static/bg.png
vendored
Before Width: | Height: | Size: 168 KiB |
BIN
dist/static/boxbg.png
vendored
Before Width: | Height: | Size: 69 KiB |
BIN
dist/static/closeIcon1.png
vendored
Before Width: | Height: | Size: 660 B |
BIN
dist/static/closeIcon2.png
vendored
Before Width: | Height: | Size: 461 B |
BIN
dist/static/codebg.png
vendored
Before Width: | Height: | Size: 17 KiB |
9
dist/static/css/bootstrap.min.css
vendored
339
dist/static/css/content.css
vendored
@ -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;}
|
0
dist/static/css/global.css
vendored
867
dist/static/css/index.css
vendored
@ -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;}
|
867
dist/static/css/index_list.css
vendored
@ -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;}
|
104
dist/static/css/navi.css
vendored
@ -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;
|
||||
}
|
471
dist/static/css/posterShare.css
vendored
@ -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");
|
||||
}
|
13
dist/static/css/swiper.min.css
vendored
BIN
dist/static/fenxiang.png
vendored
Before Width: | Height: | Size: 756 B |
BIN
dist/static/festival.png
vendored
Before Width: | Height: | Size: 6.5 KiB |
BIN
dist/static/font-larger.png
vendored
Before Width: | Height: | Size: 1.7 KiB |
BIN
dist/static/font-smaller.png
vendored
Before Width: | Height: | Size: 1.7 KiB |
BIN
dist/static/fonts/glyphicons-halflings-regular.ttf
vendored
BIN
dist/static/fonts/glyphicons-halflings-regular.woff
vendored
BIN
dist/static/goTop.png
vendored
Before Width: | Height: | Size: 1.3 KiB |
BIN
dist/static/guanbi.png
vendored
Before Width: | Height: | Size: 485 B |
BIN
dist/static/home.png
vendored
Before Width: | Height: | Size: 1.4 KiB |
BIN
dist/static/icon1.png
vendored
Before Width: | Height: | Size: 1.5 KiB |
BIN
dist/static/icon1_active.png
vendored
Before Width: | Height: | Size: 1.8 KiB |
BIN
dist/static/icon_top.png
vendored
Before Width: | Height: | Size: 24 KiB |
211
dist/static/js/Phototoys.js
vendored
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
11
dist/static/js/PhototoysDsg.js
vendored
@ -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指向需要放大的这张图片
|
||||
}
|
||||
}
|
154
dist/static/js/bigHaiBao.js
vendored
@ -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 +' ' + 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;
|
||||
}
|
||||
}
|
16
dist/static/js/bootstrap-datetimepicker.zh-CN.js
vendored
@ -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));
|
6
dist/static/js/bootstrap.min.js
vendored
20
dist/static/js/html2canvas.min.js
vendored
872
dist/static/js/index.js
vendored
@ -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("/", ".") +
|
||||
// ' ' +
|
||||
// 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} ${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;
|
||||
};
|
4
dist/static/js/jquery.min.js
vendored
3
dist/static/js/jquery.mobile.custom.min.js
vendored
28
dist/static/js/jquery.qrcode.min.js
vendored
@ -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);
|
1
dist/static/js/jquery.rwdImageMaps.min.js
vendored
@ -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);
|
1
dist/static/js/jweixin-1.4.0.js
vendored
657
dist/static/js/navi.js
vendored
@ -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("/", ".") +
|
||||
// ' ' +
|
||||
// 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} ${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;
|
||||
};
|
504
dist/static/js/pinchzoom.min.js
vendored
@ -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);
|
471
dist/static/js/posterShare.js
vendored
@ -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)
|
54
dist/static/js/qfstatH5.js
vendored
@ -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']);//报纸类型(0:Pc、1:Wap)
|
||||
_maq.push(['_paper_id', '1252']);//报纸ID
|
||||
_maq.push(['_node_url', (window.location.href).split('?')[0] ]);//版面地址
|
||||
_maq.push(['_page_title', $("title").html()]); //页面Title
|
||||
_maq.push(['_editor', '']);//文章编辑
|
||||
|
||||
if (window.location.href.indexOf("node")>=0){//访问版面页面
|
||||
_maq.push(['_node_num', $("#NewsEditionNumber").html()]);//版次
|
||||
_maq.push(['_node_name', $("#NewsEditionName").html()]);//版面名称
|
||||
_maq.push(['_article_title', '']);//文章标题
|
||||
_maq.push(['_author', '']);//文章作者
|
||||
}
|
||||
|
||||
if (window.location.href.indexOf("content")>=0){//访问文章页面
|
||||
_maq.push(['_node_num', $("#NewsEditionNumber").html()]);//版次
|
||||
_maq.push(['_node_name', $("#NewsEditionName").html()]);//版面名称
|
||||
_maq.push(['_article_title', $("#NewsArticleTitle").html()]);//文章标题
|
||||
_maq.push(['_author', $("#NewsArticleAuthor").html()]);//文章标题
|
||||
//_maq.push(['_author', ($("founder-author").html().split('npm:article-author')[1]).replace(/[-><!/]?/g,'') ]);//文章作者
|
||||
}
|
||||
|
||||
(function () {
|
||||
var ma = document.createElement('script'); ma.type = 'text/javascript'; ma.async = true;
|
||||
//ma.src = ('https:' == document.location.protocol ? 'https://www' : 'http://wwww') + '.soubao.net/ma.js';
|
||||
ma.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'statlog.cnepaper.com/js/ma.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ma, s);
|
||||
})();
|
||||
}
|
||||
|
||||
$(function(){
|
||||
//loadQFStat(); //前方统计
|
||||
//loadCnzz();// cnzz统计
|
||||
});
|
||||
|
||||
function loadCnzz(){
|
||||
var la = document.createElement('script');
|
||||
la.type = 'text/javascript';
|
||||
la.async = true;
|
||||
la.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 's4.cnzz.com/z_stat.php?id=1260208327&web_id=1260208327';
|
||||
var s = document.getElementsByTagName('script')[0];
|
||||
s.parentNode.insertBefore(la, s);
|
||||
}
|
14
dist/static/js/swiper.min.js
vendored
34
dist/static/js/weixin.js
vendored
@ -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(/<\s*br\s*[/]*>/g," ");
|
||||
shareDesc = $("#content").html().replace(/\s+|<.*?>| /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)
|
||||
});
|
72
dist/static/js/wxshare.js
vendored
@ -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
Before Width: | Height: | Size: 1006 B |
BIN
dist/static/loading.gif
vendored
Before Width: | Height: | Size: 1.7 KiB |
BIN
dist/static/logo.png
vendored
Before Width: | Height: | Size: 9.4 KiB |
BIN
dist/static/mulu.png
vendored
Before Width: | Height: | Size: 446 B |
BIN
dist/static/qzone.png
vendored
Before Width: | Height: | Size: 16 KiB |
BIN
dist/static/right6.png
vendored
Before Width: | Height: | Size: 8.7 KiB |
BIN
dist/static/saveBtn1.png
vendored
Before Width: | Height: | Size: 4.5 KiB |
BIN
dist/static/share.png
vendored
Before Width: | Height: | Size: 1.3 KiB |
BIN
dist/static/sina.png
vendored
Before Width: | Height: | Size: 16 KiB |
BIN
dist/static/top1.png
vendored
Before Width: | Height: | Size: 4.4 KiB |
BIN
dist/static/transverseActive.png
vendored
Before Width: | Height: | Size: 4.0 KiB |
BIN
dist/static/transverseDefault.png
vendored
Before Width: | Height: | Size: 4.1 KiB |
BIN
dist/static/verticalActive.png
vendored
Before Width: | Height: | Size: 4.7 KiB |
BIN
dist/static/verticalDefault.png
vendored
Before Width: | Height: | Size: 4.4 KiB |
BIN
dist/static/voice_pause.png
vendored
Before Width: | Height: | Size: 1.7 KiB |
BIN
dist/static/voice_play.png
vendored
Before Width: | Height: | Size: 1.1 KiB |
BIN
dist/static/wangqi.png
vendored
Before Width: | Height: | Size: 1.1 KiB |
BIN
dist/static/weixin.png
vendored
Before Width: | Height: | Size: 6.7 KiB |
BIN
dist/static/wxfriend.png
vendored
Before Width: | Height: | Size: 7.0 KiB |
BIN
dist/static/zonglan1.png
vendored
Before Width: | Height: | Size: 17 KiB |
7
node_modules/@babel/runtime/helpers/inheritsLoose.js
generated
vendored
@ -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;
|
28
node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
generated
vendored
@ -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;
|