Skip to content

M
mr-julyedu
Commit cc5a432f by xuzhenghua
Options

海报样式

parent 660a099a
Showing with 25 additions and 23 deletions
build/asset-manifest.json
......@@ -103,14 +103,14 @@
"python-class.css": "/mrstatic/css/python-class.1fe9d108.chunk.css",
"python-class.js": "/mrstatic/js/python-class.24cd3eb9.chunk.js",
"python-class.js.map": "/mrstatic/js/python-class.24cd3eb9.chunk.js.map",
"runtime~main.js": "/mrstatic/js/runtime~main.f098a496.js",
"runtime~main.js.map": "/mrstatic/js/runtime~main.f098a496.js.map",
"runtime~main.js": "/mrstatic/js/runtime~main.ea36b2d6.js",
"runtime~main.js.map": "/mrstatic/js/runtime~main.ea36b2d6.js.map",
"search.css": "/mrstatic/css/search.5716d9b3.chunk.css",
"search.js": "/mrstatic/js/search.20bbab86.chunk.js",
"search.js.map": "/mrstatic/js/search.20bbab86.chunk.js.map",
"shareposter.css": "/mrstatic/css/shareposter.76774ba4.chunk.css",
"shareposter.js": "/mrstatic/js/shareposter.6442dd2d.chunk.js",
"shareposter.js.map": "/mrstatic/js/shareposter.6442dd2d.chunk.js.map",
"shareposter.js": "/mrstatic/js/shareposter.76cba1ff.chunk.js",
"shareposter.js.map": "/mrstatic/js/shareposter.76cba1ff.chunk.js.map",
"study.css": "/mrstatic/css/study.8b54592d.chunk.css",
"study.js": "/mrstatic/js/study.622e8489.chunk.js",
"study.js.map": "/mrstatic/js/study.622e8489.chunk.js.map",
......@@ -244,6 +244,6 @@
"mrstatic/media/iconfont.css": "/mrstatic/media/iconfont.f2f4294d.woff",
"mrstatic/media/kanjia_cg_icon.png": "/mrstatic/media/kanjia_cg_icon.81a489ac.png",
"mrstatic/media/video.scss": "/mrstatic/media/progress-share-bg.80011994.png",
"precache-manifest.b075d2a9943f8c0d982f65b45b8b1bc5.js": "/precache-manifest.b075d2a9943f8c0d982f65b45b8b1bc5.js",
"precache-manifest.3af86b3de6265fe51030043387f7ae7b.js": "/precache-manifest.3af86b3de6265fe51030043387f7ae7b.js",
"service-worker.js": "/service-worker.js"
}
\ No newline at end of file
build/mrstatic/js/shareposter.6442dd2d.chunk.js deleted 100644 → 0
(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{1263:function(e,t,a){"use strict";a.r(t);a(37);var n=a(11),c=a.n(n),r=a(4),i=a(7),s=a(5),o=a(8),d=a(9),l=a(74),m=a(0),u=a.n(m),g=(a(867),a(25)),v=a(3),h=a(579),f=a.n(h),p=function(e){function t(e){var a;return Object(r.a)(this,t),(a=Object(s.a)(this,Object(o.a)(t).call(this,e))).initCanvas=function(e,t){var n=Object(l.a)(Object(l.a)(a)),c=e[t].poster,r=450*e[t].header_position_x,i=800*e[t].header_position_y-18,s=(e[t].qr_code_x,e[t].qr_code_y,e[t].qr_code_width,e[t].qr_code_height,"https://m.julyedu.com/detail?id=".concat(Object(v.c)("courseId"),"&dist_code").concat(Object(v.c)("dist_code")),document.getElementById("canvas")),o=s.getContext("2d");n.getBase64(c).then(function(a){var c=new Image;c.src=a;var s=document.getElementById("qrcode"),d=navigator.userAgent.toLowerCase();d.indexOf("Android")>-1||d.indexOf("Adr"),d.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)?s=document.getElementById("qrcode"):/(Android)/i.test(navigator.userAgent)&&(s=document.getElementById("qrcode")),c.setAttribute("crossOrigin","anonymous"),c.onload=function(){o.drawImage(c,0,0,450,800),o.drawImage(s,320,675,100,100),o.fillStyle=e[t].username_color,o.font="16px serif",o.fillText("@"+n.state.name,r+50+20,i+25),o.font="14px serif",o.fillText("\u6b63\u5728\u5b66\u4e60\u8be5\u8bfe\u7a0b",r+50+20,i+25+20),o.restore()}}).then(function(){n.getBase64(n.state.imgUrl).then(function(e){var t=new Image;t.src=e,t.setAttribute("crossOrigin","anonymous"),t.setAttribute("border-Radius","50%"),t.onload=function(){n.imgPosition(o,t,r,i,24),o.drawImage(t,r,i,48,48),o.restore(),n.setState({billSrc:n.convertCanvasToImage(s)})}})})},a.children=function(e,t){var a=e.childNodes,n=[];if(/MSIE(6|7|8)/.test(navigator.userAgent))for(var c=0;c<a.length;c++){var r=a[c];1===r.nodeType&&(n[n.length]=r)}else n=Array.prototype.slice.call(e.children);if("string"===typeof t)for(var i=0;i<n.length;i++)(e=n[i]).nodeName.toLowerCase()!==t.toLowerCase()&&(n.splice(i,1),i--);return n},a.imgPosition=function(e,t,a,n,c){e.save();var r=a+c,i=n+c;e.beginPath(),e.arc(r,i,c,0,2*Math.PI),e.clip()},a.getBase64Image=function(e){var t=document.createElement("canvas");t.width=e.width,t.height=e.height,t.getContext("2d").drawImage(e,0,0,e.width,e.height);var a=e.src.substring(e.src.lastIndexOf(".")+1).toLowerCase();return t.toDataURL("image/"+a)},a.convertCanvasToImage=function(e){var t=new Image;return t.src=e.toDataURL("image/png"),t},a.squareClick=function(e){a.setState({smallactive:e}),a.initCanvas(a.state.bgImage,e)},a.state={codeSrc:"",billSrc:"",imgUrl:"",smallListImg:[],smallactive:0,distPrice:"",name:"",bgImage:[]},a}return Object(d.a)(t,e),Object(i.a)(t,[{key:"componentDidMount",value:function(){var e=this;this.getCodeWe(),v.d.get("".concat(API.home,"/m/dist/posters/").concat(Object(v.c)("courseId"),"/").concat(Object(v.c)("uid"))).then(function(t){200===t.data.code?(e.setState({imgUrl:t.data.data.avatar,smallListImg:t.data.data.list,distPrice:t.data.data.dist_course,bgImage:t.data.data.list,name:t.data.data.username}),e.initCanvas(e.state.bgImage,0)):c.a.info(t.data.msg,2)})}},{key:"getCodeWe",value:function(){var e=this,t="https://m.julyedu.com/detail?id=".concat(Object(v.c)("courseId"),"&dist_code=").concat(Object(v.c)("dist_code"));return new Promise(function(a){f.a.toDataURL(t,{},function(t,a){e.setState({codeSrc:a})}),a()})}},{key:"getBase64",value:function(e){var t=this;return new Promise(function(a){var n=null,c=new Image,r=+new Date;c.setAttribute("crossOrigin","anonymous"),c.src=e+"?"+r,c.onload=function(){n=t.getBase64Image(c),a(n)},c.onerror=function(){var a=+new Date;t.getBase64(e+"?"+a)}})}},{key:"render",value:function(){var e=this,t=this.state,a=t.distPrice,n=void 0===a?{}:a,c=t.smallListImg,r=void 0===c?[]:c,i=t.smallactive;return u.a.createElement("div",{className:"share-poster"},u.a.createElement(g.e,{title:"\u751f\u6210\u4e13\u5c5e\u6d77\u62a5",arrow:!0,cart:!1}),u.a.createElement("div",{className:"total-container"},u.a.createElement("div",{className:"placard-img-container",id:"imgWrapper"},u.a.createElement("img",{src:this.state.billSrc.src,alt:""})),u.a.createElement("img",{src:this.state.codeSrc,alt:"",id:"qrcode",className:"placard-code"}),u.a.createElement("canvas",{id:"canvas",width:"450",height:"800",className:""===this.state.billSrc?"":"hide"})),u.a.createElement("div",{className:"placard-desc"},u.a.createElement("span",{className:"placard-sharetxt"},"\u957f\u6309\u4fdd\u5b58\u6d77\u62a5\u5206\u4eab\u7ed9\u597d\u53cb\uff0c\u6bcf\u6709\u4e00\u4eba\u901a\u8fc7\u60a8\u7684\u5206\u4eab\u8d2d\u4e70\u8be5\u8bfe\u7a0b\uff0c\u60a8\u53ef\u4ee5",0===n.count_type&&u.a.createElement("span",{className:"placard-price"},"\u83b7\u5f97",n.first_level_tip,"\u5143\u7684\u4f63\u91d1\u5956\u52b1\u3002"),1===n.count_type&&u.a.createElement("span",{className:"placard-price"},"\u83b7\u5f97\u6210\u4ea4\u91d1\u989d\u7684",n.first_level_scale,"%\u4f5c\u4e3a\u4f63\u91d1\u5956\u52b1\u3002"))),u.a.createElement("div",{className:"placard-swiper"},u.a.createElement("ul",{className:"placard-list"},r.length>0&&r.map(function(t,a){return u.a.createElement("li",{onClick:e.squareClick.bind(e,a),key:a,className:i===a?"active":""},u.a.createElement("img",{src:t.square,alt:""}))}))))}}]),t}(m.Component);t.default=p},867:function(e,t,a){}}]);
//# sourceMappingURL=shareposter.6442dd2d.chunk.js.map
\ No newline at end of file
build/mrstatic/js/shareposter.76cba1ff.chunk.js 0 → 100644
(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{1263:function(e,t,a){"use strict";a.r(t);a(37);var n=a(11),c=a.n(n),r=a(4),i=a(7),s=a(5),o=a(8),d=a(9),l=a(74),m=a(0),u=a.n(m),g=(a(867),a(25)),v=a(3),h=a(579),f=a.n(h),p=function(e){function t(e){var a;return Object(r.a)(this,t),(a=Object(s.a)(this,Object(o.a)(t).call(this,e))).initCanvas=function(e,t){var n=Object(l.a)(Object(l.a)(a)),c=e[t].poster,r=450*e[t].header_position_x,i=800*e[t].header_position_y-18,s=450*e[t].qr_code_x,o=800*e[t].qr_code_y+7,d=(e[t].qr_code_width,e[t].qr_code_height,"https://m.julyedu.com/detail?id=".concat(Object(v.c)("courseId"),"&dist_code").concat(Object(v.c)("dist_code")),document.getElementById("canvas")),m=d.getContext("2d");n.getBase64(c).then(function(a){var c=new Image;c.src=a;var d=document.getElementById("qrcode"),l=navigator.userAgent.toLowerCase();l.indexOf("Android")>-1||l.indexOf("Adr"),l.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)?d=document.getElementById("qrcode"):/(Android)/i.test(navigator.userAgent)&&(d=document.getElementById("qrcode")),c.setAttribute("crossOrigin","anonymous"),c.onload=function(){m.drawImage(c,0,0,450,800),m.drawImage(d,s,o,100,100),m.fillStyle=e[t].username_color,m.font="16px serif",m.fillText("@"+n.state.name,r+50+20,i+25),m.font="14px serif",m.fillText("\u6b63\u5728\u5b66\u4e60\u8be5\u8bfe\u7a0b",r+50+20,i+25+20),m.restore()}}).then(function(){n.getBase64(n.state.imgUrl).then(function(e){var t=new Image;t.src=e,t.setAttribute("crossOrigin","anonymous"),t.setAttribute("border-Radius","50%"),t.onload=function(){n.imgPosition(m,t,r,i,24),m.drawImage(t,r,i,48,48),m.restore(),n.setState({billSrc:n.convertCanvasToImage(d)})}})})},a.children=function(e,t){var a=e.childNodes,n=[];if(/MSIE(6|7|8)/.test(navigator.userAgent))for(var c=0;c<a.length;c++){var r=a[c];1===r.nodeType&&(n[n.length]=r)}else n=Array.prototype.slice.call(e.children);if("string"===typeof t)for(var i=0;i<n.length;i++)(e=n[i]).nodeName.toLowerCase()!==t.toLowerCase()&&(n.splice(i,1),i--);return n},a.imgPosition=function(e,t,a,n,c){e.save();var r=a+c,i=n+c;e.beginPath(),e.arc(r,i,c,0,2*Math.PI),e.clip()},a.getBase64Image=function(e){var t=document.createElement("canvas");t.width=e.width,t.height=e.height,t.getContext("2d").drawImage(e,0,0,e.width,e.height);var a=e.src.substring(e.src.lastIndexOf(".")+1).toLowerCase();return t.toDataURL("image/"+a)},a.convertCanvasToImage=function(e){var t=new Image;return t.src=e.toDataURL("image/png"),t},a.squareClick=function(e){a.setState({smallactive:e}),a.initCanvas(a.state.bgImage,e)},a.state={codeSrc:"",billSrc:"",imgUrl:"",smallListImg:[],smallactive:0,distPrice:"",name:"",bgImage:[]},a}return Object(d.a)(t,e),Object(i.a)(t,[{key:"componentDidMount",value:function(){var e=this;this.getCodeWe(),v.d.get("".concat(API.home,"/m/dist/posters/").concat(Object(v.c)("courseId"),"/").concat(Object(v.c)("uid"))).then(function(t){200===t.data.code?(e.setState({imgUrl:t.data.data.avatar,smallListImg:t.data.data.list,distPrice:t.data.data.dist_course,bgImage:t.data.data.list,name:t.data.data.username}),e.initCanvas(e.state.bgImage,0)):c.a.info(t.data.msg,2)})}},{key:"getCodeWe",value:function(){var e=this,t="https://m.julyedu.com/detail?id=".concat(Object(v.c)("courseId"),"&dist_code=").concat(Object(v.c)("dist_code"));return new Promise(function(a){f.a.toDataURL(t,{},function(t,a){e.setState({codeSrc:a})}),a()})}},{key:"getBase64",value:function(e){var t=this;return new Promise(function(a){var n=null,c=new Image,r=+new Date;c.setAttribute("crossOrigin","anonymous"),c.src=e+"?"+r,c.onload=function(){n=t.getBase64Image(c),a(n)},c.onerror=function(){var a=+new Date;t.getBase64(e+"?"+a)}})}},{key:"render",value:function(){var e=this,t=this.state,a=t.distPrice,n=void 0===a?{}:a,c=t.smallListImg,r=void 0===c?[]:c,i=t.smallactive;return u.a.createElement("div",{className:"share-poster"},u.a.createElement(g.e,{title:"\u751f\u6210\u4e13\u5c5e\u6d77\u62a5",arrow:!0,cart:!1}),u.a.createElement("div",{className:"total-container"},u.a.createElement("div",{className:"placard-img-container",id:"imgWrapper"},u.a.createElement("img",{src:this.state.billSrc.src,alt:""})),u.a.createElement("img",{src:this.state.codeSrc,alt:"",id:"qrcode",className:"placard-code"}),u.a.createElement("canvas",{id:"canvas",width:"450",height:"800",className:""===this.state.billSrc?"":"hide"})),u.a.createElement("div",{className:"placard-desc"},u.a.createElement("span",{className:"placard-sharetxt"},"\u957f\u6309\u4fdd\u5b58\u6d77\u62a5\u5206\u4eab\u7ed9\u597d\u53cb\uff0c\u6bcf\u6709\u4e00\u4eba\u901a\u8fc7\u60a8\u7684\u5206\u4eab\u8d2d\u4e70\u8be5\u8bfe\u7a0b\uff0c\u60a8\u53ef\u4ee5",0===n.count_type&&u.a.createElement("span",{className:"placard-price"},"\u83b7\u5f97",n.first_level_tip,"\u5143\u7684\u4f63\u91d1\u5956\u52b1\u3002"),1===n.count_type&&u.a.createElement("span",{className:"placard-price"},"\u83b7\u5f97\u6210\u4ea4\u91d1\u989d\u7684",n.first_level_scale,"%\u4f5c\u4e3a\u4f63\u91d1\u5956\u52b1\u3002"))),u.a.createElement("div",{className:"placard-swiper"},u.a.createElement("ul",{className:"placard-list"},r.length>0&&r.map(function(t,a){return u.a.createElement("li",{onClick:e.squareClick.bind(e,a),key:a,className:i===a?"active":""},u.a.createElement("img",{src:t.square,alt:""}))}))))}}]),t}(m.Component);t.default=p},867:function(e,t,a){}}]);
//# sourceMappingURL=shareposter.76cba1ff.chunk.js.map
\ No newline at end of file
build/precache-manifest.b075d2a9943f8c0d982f65b45b8b1bc5.js → build/precache-manifest.3af86b3de6265fe51030043387f7ae7b.js
......@@ -24,16 +24,16 @@ self.__precacheManifest = [
"url": "/mrstatic/js/3.4a2be69d.chunk.js"
},
{
"revision": "6902434f8f18a23319d57d0ac8aaea8c",
"url": "/mrstatic/media/redb_sp_bj@2x.6902434f.png"
"revision": "c79abf5cb7ae8a82009cf68fe44d1078",
"url": "/mrstatic/media/redb_money_bj@2x.c79abf5c.png"
},
{
"revision": "1a055f495ab8956bb3a1",
"url": "/mrstatic/js/4.f291e0c7.chunk.js"
},
{
"revision": "c79abf5cb7ae8a82009cf68fe44d1078",
"url": "/mrstatic/media/redb_money_bj@2x.c79abf5c.png"
"revision": "6902434f8f18a23319d57d0ac8aaea8c",
"url": "/mrstatic/media/redb_sp_bj@2x.6902434f.png"
},
{
"revision": "a79652bc06b3bf719ce1",
......@@ -88,8 +88,8 @@ self.__precacheManifest = [
"url": "/mrstatic/js/Examination.003c1591.chunk.js"
},
{
"revision": "64fd0b167457064e12ff8a6afcd31720",
"url": "/mrstatic/media/iconfont.64fd0b16.eot"
"revision": "99b2454970e48c8bb00578cdca15b3d2",
"url": "/mrstatic/media/iconfont.99b24549.ttf"
},
{
"revision": "8a16ecd8d783940ac406",
......@@ -100,8 +100,8 @@ self.__precacheManifest = [
"url": "/mrstatic/js/MyEdit.7a287fd0.chunk.js"
},
{
"revision": "99b2454970e48c8bb00578cdca15b3d2",
"url": "/mrstatic/media/iconfont.99b24549.ttf"
"revision": "64fd0b167457064e12ff8a6afcd31720",
"url": "/mrstatic/media/iconfont.64fd0b16.eot"
},
{
"revision": "eb28da5ffa448e93bf1b",
......@@ -272,8 +272,8 @@ self.__precacheManifest = [
"url": "/mrstatic/js/python-class.24cd3eb9.chunk.js"
},
{
"revision": "8f97bb52ebb744625c9d",
"url": "/mrstatic/js/runtime~main.f098a496.js"
"revision": "9976a7136d2d65d7bccd",
"url": "/mrstatic/js/runtime~main.ea36b2d6.js"
},
{
"revision": "44e19dbadbb28c2fd444",
......@@ -288,8 +288,8 @@ self.__precacheManifest = [
"url": "/mrstatic/js/treasure-box-home.5b0cbd50.chunk.js"
},
{
"revision": "bc44a031140a1d13c717",
"url": "/mrstatic/js/shareposter.6442dd2d.chunk.js"
"revision": "a50a87d4623731173d76",
"url": "/mrstatic/js/shareposter.76cba1ff.chunk.js"
},
{
"revision": "112e6b5609256e03e9f5",
......@@ -336,7 +336,7 @@ self.__precacheManifest = [
"url": "/mrstatic/css/search.5716d9b3.chunk.css"
},
{
"revision": "bc44a031140a1d13c717",
"revision": "a50a87d4623731173d76",
"url": "/mrstatic/css/shareposter.76774ba4.chunk.css"
},
{
......@@ -528,7 +528,7 @@ self.__precacheManifest = [
"url": "/mrstatic/css/1.037b510f.chunk.css"
},
{
"revision": "5dd88ebc5be0c1e9ed89031950ff73bb",
"revision": "00dfc1543e677a429a4660e3e6c03f28",
"url": "/index.html"
}
];
\ No newline at end of file
build/service-worker.js
......@@ -14,7 +14,7 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js");
importScripts(
"/precache-manifest.b075d2a9943f8c0d982f65b45b8b1bc5.js"
"/precache-manifest.3af86b3de6265fe51030043387f7ae7b.js"
);
workbox.clientsClaim();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment