Commit ef9e8e6a authored by wangwei's avatar wangwei

分销页面

parent 7e9cae51
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style></style><link href=static/css/app.9f631d4069047acf4ee994f5d9f958c3.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=static/js/manifest.1c3006e90857099dceb2.js></script><script type=text/javascript src=static/js/vendor.0302137f3a6bb59dc95e.js></script><script type=text/javascript src=static/js/app.6633b983627ae8a01353.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style></style><link href=static/css/app.9f631d4069047acf4ee994f5d9f958c3.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=static/js/manifest.fa3c7e029ecb9f7c3999.js></script><script type=text/javascript src=static/js/vendor.0302137f3a6bb59dc95e.js></script><script type=text/javascript src=static/js/app.f9154f171ae95b9f2ac3.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
dev/static/img/4.fea6bc0.jpg

50.1 KB

dev/static/img/invite_result.641aca1.png

11.7 KB

dev/static/img/invite_result.7445955.png

22 KB

This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,o){for(var f,d,b,i=0,u=[];i<r.length;i++)d=r[i],c[d]&&u.push(c[d][0]),c[d]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=t(t.s=o[i]);return b};var r={},c={26:0};function t(n){if(r[n])return r[n].exports;var c=r[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,t),c.l=!0,c.exports}t.e=function(e){var n=c[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,t){n=c[e]=[r,t]});n[2]=r;var a=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,t.nc&&o.setAttribute("nonce",t.nc),o.src=t.p+"static/js/"+e+"."+{0:"dd7a4a4d6f66f918b161",1:"74db0273aa29f9b44da4",2:"fa22829657cbd48b57a2",3:"1015dd307a652402a370",4:"991616236edafdc51e1c",5:"a37b9ee5517eca783c3e",6:"5196a65a5e3bd7113296",7:"656557af56134992379f",8:"be4ed60496a08edbe14e",9:"84d52b2bfd66d01562b8",10:"fb904dd92fba2806640c",11:"96117a04205622d8c49a",12:"6b7a9a473eb005cfd1b0",13:"d1a375ca87ee0099c55f",14:"50eb8c907d3c981316c0",15:"8016506c55a85edfab62",16:"d65597b9762dcc1cd0ed",17:"e8ffb1f4ac658fec0e7e",18:"f63413591b9bdc9cb4ce",19:"c778bfb2475fb9071e71",20:"cc3848989c6b0e891bdc",21:"3e29f0466acabc459f5b",22:"4930019ea0011ef68ac8",23:"8d337c794f25767b4793"}[e]+".js";var f=setTimeout(d,12e4);function d(){o.onerror=o.onload=null,clearTimeout(f);var n=c[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return o.onerror=o.onload=d,a.appendChild(o),r},t.m=e,t.c=r,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t.oe=function(e){throw console.error(e),e}}([]); !function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,o){for(var f,d,b,i=0,u=[];i<r.length;i++)d=r[i],t[d]&&u.push(t[d][0]),t[d]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=c(c.s=o[i]);return b};var r={},t={26:0};function c(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,c){n=t[e]=[r,c]});n[2]=r;var a=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,c.nc&&o.setAttribute("nonce",c.nc),o.src=c.p+"static/js/"+e+"."+{0:"dd7a4a4d6f66f918b161",1:"74db0273aa29f9b44da4",2:"fa22829657cbd48b57a2",3:"85d8948e936fa78f1407",4:"091da077f95ed5811d79",5:"a37b9ee5517eca783c3e",6:"5196a65a5e3bd7113296",7:"656557af56134992379f",8:"be4ed60496a08edbe14e",9:"84d52b2bfd66d01562b8",10:"fb904dd92fba2806640c",11:"96117a04205622d8c49a",12:"6b7a9a473eb005cfd1b0",13:"d1a375ca87ee0099c55f",14:"50eb8c907d3c981316c0",15:"8016506c55a85edfab62",16:"d65597b9762dcc1cd0ed",17:"e8ffb1f4ac658fec0e7e",18:"f63413591b9bdc9cb4ce",19:"c778bfb2475fb9071e71",20:"cc3848989c6b0e891bdc",21:"3e29f0466acabc459f5b",22:"4930019ea0011ef68ac8",23:"8d337c794f25767b4793"}[e]+".js";var f=setTimeout(d,12e4);function d(){o.onerror=o.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return o.onerror=o.onload=d,a.appendChild(o),r},c.m=e,c.c=r,c.d=function(e,n,r){c.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},c.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(n,"a",n),n},c.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},c.p="",c.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.1c3006e90857099dceb2.js.map //# sourceMappingURL=manifest.fa3c7e029ecb9f7c3999.js.map
\ No newline at end of file \ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style>*{ <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style>*{
-webkit-overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
}</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.bac8fe9f41b37943c28414a7fde7f433.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/manifest.205b1ff4427cc20f65ba.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.3a0087e50012f11a0897.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.ffa85dd8c034f8f69338.js></script></body></html> }</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.5fbad369c979ed227060541e93a9026c.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/manifest.1f37601548ddba1206b2.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.3a0087e50012f11a0897.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.ffa85dd8c034f8f69338.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
This diff is collapsed.
dist/static/img/4.fea6bc0.jpg

50.1 KB

dist/static/img/invite_result.641aca1.png

11.7 KB

dist/static/img/invite_result.7445955.png

22 KB

webpackJsonp([3],{"1UEi":function(e,t,i){e.exports=i.p+"static/img/refIcon.2a798e4.png"},"3qnG":function(e,t,i){e.exports=i.p+"static/img/3.030a9b0.jpg"},AlL1:function(e,t,i){e.exports=i.p+"static/img/invite_result.641aca1.png"},G3B8:function(e,t,i){e.exports=i.p+"static/img/btn.9815b8e.png"},IVww:function(e,t){},PHFB:function(e,t,i){e.exports=i.p+"static/img/no_data.e669b4c.png"},XZ4o:function(e,t,i){e.exports=i.p+"static/img/2.b35a13e.jpg"},bqId:function(e,t,i){e.exports=i.p+"static/img/1.f524dc1.jpg"},dfbj:function(e,t){},eZSB:function(e,t,i){e.exports=i.p+"static/img/4.fea6bc0.jpg"},qVuA:function(e,t,i){e.exports=i.p+"static/img/more.72d57b0.png"},yYpN:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i("MJLE"),o=i.n(n),s=i("Au9i"),r=i("CCn6"),a=i("E26C"),c=i.n(a),d=i("kXdI"),u=i.n(d),l=i("1UEi"),p=i.n(l),h=i("XaoW"),g=i.n(h),f=i("zpE/"),m=i.n(f),_=i("0ZjB"),v=i.n(_),I=i("2Pnh"),w=i.n(I),b=i("bqId"),y=i.n(b),D=i("XZ4o"),q=i.n(D),x=i("3qnG"),C=i.n(x),R=i("eZSB"),T=i.n(R),O=i("AlL1"),L=i.n(O),S=i("qVuA"),B=i.n(S),$=i("G3B8"),E=i.n($),j=i("PHFB"),U=i.n(j),k={name:"index",data:function(){return{header1:y.a,header2:q.a,header3:C.a,header4:T.a,inviteResultTitle:L.a,moreResult:B.a,inviteBtn:E.a,refBg:c.a,join:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务,<br>请扫码添加老师二维码",qrCode:m.a,weChatIcon:g.a,closeUrl:v.a,moreUrl:u.a,refIcon:p.a,noData:U.a,swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,dataURL:null,user_id:null,invite_code_f:!0,invite_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null,earnings:0,userNum:0,inviteList:[],total:0,shareTitle:"唱唱启蒙英语邀友返现金",shareDesc:"唱唱英语90天成长营,每成功邀请1人即可返现金88元,多邀多得,速来~"}},filters:{formatDate:function(e){return e?e.split(" ")[0]:""}},mounted:function(){this.getInviteResult(),this.getInviteList(),this.enableShare()},methods:{goToInvite:function(){var e={};window.location.href.indexOf("shopId")>-1&&(e.shopId=this.$route.query.shopId),window.location.href.indexOf("groupId")>-1&&(e.groupId=this.$route.query.groupId),window.location.href.indexOf("invite_code")>-1&&(e.invite_code=this.$route.query.invite_code),this.$router.push({name:"activityInvite",query:e})},goToInviteList:function(){var e={};window.location.href.indexOf("shopId")>-1&&(e.shopId=this.$route.query.shopId),window.location.href.indexOf("groupId")>-1&&(e.groupId=this.$route.query.groupId),window.location.href.indexOf("invite_code")>-1&&(e.invite_code=this.$route.query.invite_code),this.$router.push({name:"inviteList",query:e})},refshow:function(){var e=this;if(s.Indicator.open(),document.body.scrollTop<10&&(document.body.scrollTop=20,document.documentElement.scrollTop=20),localStorage.getItem("cc_token")&&""!==localStorage.getItem("cc_token"))setTimeout(function(){s.Indicator.close(),e.invite_code||(e.invite_code="CC-USER"),e.user_id=JSON.parse(localStorage.getItem("userDesc")).user_id;var t=e.invite_code.split("-");t.length>2&&"TEACHER"===t[1]&&(t[1]="USER");var i=t[0]+"-"+t[1],n="https://wechat.changchangenglish.com/#/buyDetail?shopId="+e.shopId+"&invite_code="+i+"-"+e.user_id;e.groupId&&"null"!==e.groupId&&(n+="&groupId="+e.groupId),e.qrcode(n),e.refVisible=!0,e.$nextTick(function(){e.dataURL||setTimeout(function(){var t=document.getElementById("capture").getClientRects()[0],i=(t.height,t.width);document.getElementById("capture").style.width=i+"px";e.getOffsetRect(e.$refs.imageWrapper);var n=document.getElementById("capture").getClientRects()[0],o=n.height1,s=n.width1;w()(document.getElementById("capture"),{async:!0,timeout:500,scrollX:1,scale:3,width:s,height:o,letterRendering:!0}).then(function(t){var i=t.toDataURL("image/jpg");e.dataURL=i}).catch(function(e){alert(e),console.log()})},500)})},500);else{var t={retUrl:this.$route.fullPath,is_new_user_url:"1"};this.$router.push({name:"author",query:t})}},getOffsetRect:function(e){var t=e.getBoundingClientRect(),i=document.body,n=document.documentElement,o=window.pageYOffset||n.scrollTop||i.scrollTop,s=window.pageXOffset||n.scrollLeft||i.scrollLeft,r=n.clientTop||i.clientTop,a=n.clientLeft||i.clientLeft,c=t.top+o-r,d=t.left+s-a;return{top:Math.round(c),left:Math.round(d)}},qrcode:function(e){this.QRCodeB?this.QRCodeB.makeCode(e):this.QRCodeB=new o.a("qrcode",{width:80,height:80,text:e,image:""})},enableShare:function(){var e=this;Object(r.F)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(t){wx.config({debug:!1,appId:t.appId,timestamp:parseInt(t.timestamp),nonceStr:t.nonceStr,signature:t.signature,jsApiList:t.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:e.shareTitle,desc:e.shareDesc,link:window.location.href,imgUrl:"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功"),window._hmt.push(["_trackEvent","分享","商品页好友分享","id"+e.shopId,e.invite_code])},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:e.shareTitle,desc:e.shareDesc,link:window.location.href,imgUrl:"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){window._hmt.push(["_trackEvent","分享","商品页朋友圈分享","id"+e.shopId,e.invite_code])},cancel:function(){}})})})},onShare:function(e){this.shopId,this.groupId,this.invite_code;1===e&&(this.shopId,this.invite_code)},toDataURLBase64:function(e,t){var i=new XMLHttpRequest;i.onload=function(){var e=new FileReader;e.onloadend=function(){t(e.result)},e.readAsDataURL(i.response)},i.responseType="blob",i.open("GET",e,!0),i.send()},getDetail:function(){var e=this;window.location.href.indexOf("invite_code")>-1&&(this.invite_code=this.$route.query.invite_code,this.invite_code.split("-").length<3&&(this.invite_code_f=!1));window.location.href.indexOf("shopId")>-1&&(this.shopId=this.$route.query.shopId,Object(r.h)(this.shopId).then(function(t){if(t.desc=JSON.parse(t.desc),t.goods_desc=JSON.parse(t.goods_desc),t.share_desc=JSON.parse(t.share_desc),2===t.status&&t.bind_goods_id)return e.$router.push({name:"buyDetail",query:{shopId:t.bind_goods_id}}),void e.getDetail();e.groupDetail=t;for(var i=0;i<e.groupDetail.header_url.length;i++)e.groupDetail.header_url[i]=e.groupDetail.header_url[i].replace("http://","https://");if(e.groupDetail.desc.detail=e.groupDetail.desc.detail.replace(/http:\/\//g,"https://"),e.groupDetail.desc.qa=e.groupDetail.desc.qa.replace(/http:\/\//g,"https://"),e.groupDetail.share_desc.refImg&&1===e.groupDetail.share_desc.refImg.length){e.groupDetail.share_desc.refImg[0].url=e.groupDetail.share_desc.refImg[0].url.replace("http://","https://");var n=e;e.toDataURLBase64(e.groupDetail.share_desc.refImg[0].url,function(e){n.groupDetail.share_desc.refImg[0].url=e})}2===e.groupDetail.goods_type&&(localStorage.getItem("cc_token")&&Object(r.w)({goods_id:e.shopId}).then(function(t){t.out_trade_no&&e.$router.push({name:"success",query:{out_trade_no:t.out_trade_no}})}),window.location.href.indexOf("groupId")>-1?(e.groupId=e.$route.query.groupId,Object(r.j)(e.groupId).then(function(t){e.groupData=t}),e.onShare(0)):e.onShare(1))}))},getInviteResult:function(){var e=this,t=this.$route.query.shopId;Object(r.m)({},t).then(function(t){e.earnings=t.earnings,e.userNum=t.user_num})},getInviteList:function(){var e=this,t=this.$route.query.shopId;Object(r.l)({page:1,limit:3},t).then(function(t){e.inviteList=t.list,e.total=t.total})}}},A={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",[i("div",{staticClass:"activity"},[i("img",{staticClass:"headerImg",attrs:{src:e.header1}}),e._v(" "),i("img",{staticClass:"headerImg",attrs:{src:e.header2}}),e._v(" "),i("div",{staticClass:"inviteContainer",style:{backgroundImage:"url("+e.header3+")"}},[i("div",{staticClass:"invite-list"},[e._m(0),e._v(" "),i("div",{staticClass:"flex-center i-num red"},[i("span",[e._v(e._s(e.userNum)+"人")]),e._v(" "),i("span",[e._v(e._s(e.earnings/100)+"元")])])]),e._v(" "),0===e.userNum?i("img",{staticClass:"noData",attrs:{src:e.noData}}):e._e(),e._v(" "),0!=e.userNum?[i("img",{staticClass:"moreBtn",attrs:{src:e.moreResult},on:{click:e.goToInviteList}})]:e._e()],2),e._v(" "),i("img",{staticClass:"headerImg",attrs:{src:e.header4}}),e._v(" "),i("div",{staticClass:"invite-btn"},[i("img",{attrs:{src:e.inviteBtn},on:{click:e.goToInvite}})])])])},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"flex-center i-title"},[t("span",[this._v("受邀购买")]),this._v(" "),t("span",[this._v("已获奖金")])])}]};var M=i("VU/8")(k,A,!1,function(e){i("IVww"),i("dfbj")},"data-v-d74b8642",null);t.default=M.exports}});
//# sourceMappingURL=3.ea168a92e0fef7dd5cee.js.map
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(t,c,f){for(var o,d,i,b=0,u=[];b<t.length;b++)d=t[b],r[d]&&u.push(r[d][0]),r[d]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);for(n&&n(t,c,f);u.length;)u.shift()();if(f)for(b=0;b<f.length;b++)i=a(a.s=f[b]);return i};var t={},r={26:0};function a(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.e=function(e){var n=r[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var t=new Promise(function(t,a){n=r[e]=[t,a]});n[2]=t;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,a.nc&&f.setAttribute("nonce",a.nc),f.src=a.p+"static/js/"+e+"."+{0:"f8138779f472b8734556",1:"d9d65737691e89e80e67",2:"b00d3826b27a25730b77",3:"ea168a92e0fef7dd5cee",4:"7a7724475dae404da2ee",5:"0fe20001f4dfd6979b47",6:"60c62ede89bfe199fb3b",7:"76121a8c311b465f88ce",8:"964d58ebe302a7e1787c",9:"f9c5a89d289fcc720fdf",10:"8df83c76a31ac2deb389",11:"fee312134b00b39430e4",12:"d836b04852b1a725e100",13:"7122bbaee0f4b3769657",14:"b18dae547249ec13ef3c",15:"79fd72490282b9f2a35e",16:"fe0f31dd6fdfc1084f70",17:"97ebc305119c1291dabd",18:"a2ffbd298e78fb0ba6d3",19:"01152fe5c3dce2d3f467",20:"d3ada18be84514a2ec97",21:"e397d641cb978eef9f8b",22:"e2f4a4138c38aba8699e",23:"8ac42f5044de2f8ead1b"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var n=r[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return f.onerror=f.onload=d,c.appendChild(f),t},a.m=e,a.c=t,a.d=function(e,n,t){a.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},a.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(n,"a",n),n},a.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},a.p="https://static-cdn.changchangenglish.com/new-sing/",a.oe=function(e){throw console.error(e),e}}([]); !function(e){var n=window.webpackJsonp;window.webpackJsonp=function(t,c,f){for(var o,d,b,i=0,u=[];i<t.length;i++)d=t[i],r[d]&&u.push(r[d][0]),r[d]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);for(n&&n(t,c,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=a(a.s=f[i]);return b};var t={},r={26:0};function a(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.e=function(e){var n=r[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var t=new Promise(function(t,a){n=r[e]=[t,a]});n[2]=t;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,a.nc&&f.setAttribute("nonce",a.nc),f.src=a.p+"static/js/"+e+"."+{0:"f8138779f472b8734556",1:"d9d65737691e89e80e67",2:"b00d3826b27a25730b77",3:"ffaa1975a776ab726d8b",4:"7a7724475dae404da2ee",5:"0fe20001f4dfd6979b47",6:"60c62ede89bfe199fb3b",7:"76121a8c311b465f88ce",8:"964d58ebe302a7e1787c",9:"f9c5a89d289fcc720fdf",10:"8df83c76a31ac2deb389",11:"fee312134b00b39430e4",12:"d836b04852b1a725e100",13:"7122bbaee0f4b3769657",14:"b18dae547249ec13ef3c",15:"79fd72490282b9f2a35e",16:"fe0f31dd6fdfc1084f70",17:"97ebc305119c1291dabd",18:"a2ffbd298e78fb0ba6d3",19:"01152fe5c3dce2d3f467",20:"d3ada18be84514a2ec97",21:"e397d641cb978eef9f8b",22:"e2f4a4138c38aba8699e",23:"8ac42f5044de2f8ead1b"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var n=r[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return f.onerror=f.onload=d,c.appendChild(f),t},a.m=e,a.c=t,a.d=function(e,n,t){a.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},a.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(n,"a",n),n},a.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},a.p="https://static-cdn.changchangenglish.com/new-sing/",a.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.205b1ff4427cc20f65ba.js.map //# sourceMappingURL=manifest.1f37601548ddba1206b2.js.map
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
src/assets/activity/icon.png

7.7 KB

src/assets/activity/invite_result.png

11.7 KB | W: 0px | H: 0px

src/assets/activity/invite_result.png

22 KB | W: 0px | H: 0px

  • 2-up
  • Swipe
  • Onion skin
...@@ -3,7 +3,9 @@ ...@@ -3,7 +3,9 @@
<div class="activity"> <div class="activity">
<img class="headerImg" :src="header1"> <img class="headerImg" :src="header1">
<img class="headerImg" :src="header2"> <img class="headerImg" :src="header2">
<div class="inviteContainer" :style="{backgroundImage:`url(${header3})`}"> <div class="inviteContainer">
<img class="invite-title" :src="inviteResultTitle">
<img class="invite-icon" :src="header_icon"/>
<div class="invite-list"> <div class="invite-list">
<div class="flex-center i-title"> <div class="flex-center i-title">
<span>受邀购买</span> <span>受邀购买</span>
...@@ -16,7 +18,16 @@ ...@@ -16,7 +18,16 @@
</div> </div>
<img class="noData" :src="noData" v-if="userNum === 0"/> <img class="noData" :src="noData" v-if="userNum === 0"/>
<template v-if="userNum != 0"> <template v-if="userNum != 0">
<img class="moreBtn" :src="moreResult" @click="goToInviteList"> <ul class="p-list">
<li v-for="data in inviteList">
<div class="flex-start no-margin">
<img :src="data.avatar"/>
<span>{{data.nickname}}</span>
</div>
<span class="no-margin">{{data.pay_at | formatDate}}</span>
</li>
</ul>
<img v-if="total > 3" class="moreBtn" :src="moreResult" @click="goToInviteList">
</template> </template>
</div> </div>
<img class="headerImg" :src="header4"> <img class="headerImg" :src="header4">
...@@ -40,9 +51,10 @@ ...@@ -40,9 +51,10 @@
import html2canvas from 'html2canvas' import html2canvas from 'html2canvas'
import header_1 from '../../assets/activity/1.jpg' import header_1 from '../../assets/activity/1.jpg'
import header_icon from '../../assets/activity/icon.png'
import header_2 from '../../assets/activity/2.jpg' import header_2 from '../../assets/activity/2.jpg'
import header_3 from '../../assets/activity/3.jpg' import header_3 from '../../assets/activity/3.jpg'
import header_4 from '../../assets/activity/4.jpg' import header_4 from '../../assets/activity/4.png'
import invite_result_title from '../../assets/activity/invite_result.png' import invite_result_title from '../../assets/activity/invite_result.png'
import more_result from '../../assets/activity/more.png' import more_result from '../../assets/activity/more.png'
import invite_poster from '../../assets/activity/btn.png' import invite_poster from '../../assets/activity/btn.png'
...@@ -54,6 +66,7 @@ ...@@ -54,6 +66,7 @@
header1: header_1, header1: header_1,
header2: header_2, header2: header_2,
header3:header_3, header3:header_3,
header_icon:header_icon,
header4: header_4, header4: header_4,
inviteResultTitle: invite_result_title, inviteResultTitle: invite_result_title,
moreResult: more_result, moreResult: more_result,
...@@ -384,6 +397,7 @@ ...@@ -384,6 +397,7 @@
@borderRadius: 8px; @borderRadius: 8px;
.activity { .activity {
padding-bottom: 60 * @toVh; padding-bottom: 60 * @toVh;
background-color: #fccf00;
img{ img{
display: block; display: block;
} }
...@@ -393,23 +407,33 @@ ...@@ -393,23 +407,33 @@
} }
.inviteContainer { .inviteContainer {
position: relative; position: relative;
background-size: 100% 100%; margin-left:29 / 2 * @toVw;
height: 260*@toVw; margin-right:29 / 2 * @toVw;
margin-top: 128 / 2 * @toVh;
min-height: 100px;
text-align: center; text-align: center;
padding-top: 100 * @toVw; background-color: #fff;
border-radius: @borderRadius;
padding-top: 120 / 2 * @toVw;
padding-bottom: 38 / 2 * @toVh; padding-bottom: 38 / 2 * @toVh;
} }
.invite-title { .invite-title {
position: absolute; position: absolute;
width: 527 / 2 * @toVw; width: 450 / 2 * @toVw;
left: 50%; left: 50%;
margin-left: -527 / 4 * @toVw; margin-left: -450 / 4 * @toVw;
top: -60 / 2 * @toVw; top: -70 / 2 * @toVw;
height: auto; height: auto;
} }
.invite-icon{
position: absolute;
bottom: -15*@toVw;
width: 50*@toVw;
right: -15*@toVw;
}
.invite-list { .invite-list {
margin-left: 32 * @toVw; margin-left: 32 / 2 * @toVw;
margin-right: 32 * @toVw; margin-right: 32 / 2 * @toVw;
padding: 28 / 2 * @toVh; padding: 28 / 2 * @toVh;
border: 2*@toVw solid #f6234e; border: 2*@toVw solid #f6234e;
border-radius: @borderRadius; border-radius: @borderRadius;
...@@ -458,10 +482,6 @@ ...@@ -458,10 +482,6 @@
margin: 0; margin: 0;
} }
.moreBtn { .moreBtn {
position: absolute;
bottom: 40 * @toVw;
left: 50%;
margin-left: -55*@toVw;
width: 220 / 2 * @toVw; width: 220 / 2 * @toVw;
height: auto; height: auto;
} }
......
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