Commit b767a24d by zhanghaozhe

Merge branch '00' of gitlab.julyedu.com:baiguangyao/mr-julyedu into 00

parents c87f6860 1e08b409
#system-bullet-screen,#user-bullet-screen,.bullet-screen{width:87.733333vw;height:8vw;margin:0 auto 7.466667vw;background:rgba(0,0,0,.6);border-radius:4vw;line-height:8vw;text-align:left}#system-bullet-screen li,#user-bullet-screen li,.bullet-screen li{height:100%;padding:.533333vw;line-height:6.933333vw}#system-bullet-screen .avatar,#user-bullet-screen .avatar,.bullet-screen .avatar{width:6.933333vw;height:6.933333vw;border-radius:50%;margin-right:1.866667vw;vertical-align:middle}#system-bullet-screen span:first-of-type,#user-bullet-screen span:first-of-type,.bullet-screen span:first-of-type{margin-right:1.333333vw}#system-bullet-screen span,#user-bullet-screen span,.bullet-screen span{font-size:3.2vw;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#system-bullet-screen{overflow:hidden;margin-top:2.933333vw;margin-bottom:4.266667vw;padding-left:.533333vw;display:flex;align-items:center;-webkit-transition:height .1s ease-out;transition:height .1s ease-out}#system-bullet-screen .sys-bullet-screen-swiper-container{height:100%}#system-bullet-screen ul{flex:auto;max-width:78.133333vw}#system-bullet-screen li{overflow:hidden;height:8vw}#system-bullet-screen li span{display:inline-block;white-space:nowrap;line-height:8vw}
/*# sourceMappingURL=system-notices.4513204d.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/fe/frontCode/mr-julyedu/src/components/activity/newyear-2019/common/user-bullet-screen/bullet-screen.scss","/Users/fe/frontCode/mr-julyedu/src/components/activity/newyear-2019/common/system-bullet-screen/system-bullet-screen.scss"],"names":[],"mappings":"AAAA,yDACI,iBAAA,CACA,UAAA,CACA,wBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAgB,CAPpB,kEAUQ,WAAA,CACA,iBAAA,CACA,sBAAiB,CAZzB,iFAgBQ,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,uBAAA,CACA,qBAAsB,CApB9B,kHAwBQ,uBAAiB,CAxBzB,wEA4BQ,eAAA,CACA,UAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAuB,CCqE/B,sBACI,eAAA,CACA,qBAAA,CACA,wBAAA,CACA,sBAAA,CACA,YAAA,CACA,kBAAA,CACA,sCAAA,CAAA,8BAA+B,CAPnC,0DAUQ,WAAY,CAVpB,yBAcQ,SAAA,CACA,qBAAgB,CAfxB,yBAmBQ,eAAA,CACA,UAAY,CApBpB,8BAuBY,oBAAA,CACA,kBAAA,CACA,eAAiB","file":"system-notices.4513204d.chunk.css","sourcesContent":[".bullet-screen{\n width: 329px;\n height: 30px;\n margin: 0 auto 28px;\n background: rgba(0, 0, 0, .6);\n border-radius: 15px;\n line-height: 30px;\n text-align: left;\n\n li {\n height: 100%;\n padding: 2px;\n line-height: 26px;\n }\n\n .avatar {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n margin-right: 7px;\n vertical-align: middle;\n }\n\n & span:nth-of-type(1) {\n margin-right: 5px;\n }\n\n span {\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n#user-bullet-screen {\n @extend .bullet-screen\n}\n","@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\n.bullet-screen, #user-bullet-screen, #system-bullet-screen {\n width: 329px;\n height: 30px;\n margin: 0 auto 28px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 15px;\n line-height: 30px;\n text-align: left; }\n .bullet-screen li, #user-bullet-screen li, #system-bullet-screen li {\n height: 100%;\n padding: 2px;\n line-height: 26px; }\n .bullet-screen .avatar, #user-bullet-screen .avatar, #system-bullet-screen .avatar {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n margin-right: 7px;\n vertical-align: middle; }\n .bullet-screen span:nth-of-type(1), #user-bullet-screen span:nth-of-type(1), #system-bullet-screen span:nth-of-type(1) {\n margin-right: 5px; }\n .bullet-screen span, #user-bullet-screen span, #system-bullet-screen span {\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n\n#system-bullet-screen {\n overflow: hidden;\n margin-top: 11px;\n margin-bottom: 16px;\n padding-left: 2px;\n display: flex;\n align-items: center;\n transition: height .1s ease-out; }\n #system-bullet-screen .sys-bullet-screen-swiper-container {\n height: 100%; }\n #system-bullet-screen ul {\n flex: auto;\n max-width: 293px; }\n #system-bullet-screen li {\n overflow: hidden;\n height: 30px; }\n #system-bullet-screen li span {\n display: inline-block;\n white-space: nowrap;\n line-height: 30px; }\n"]}
\ No newline at end of file
#system-bullet-screen,#user-bullet-screen,.bullet-screen{width:87.733333vw;height:8vw;margin:0 auto 7.466667vw;background:rgba(0,0,0,.6);border-radius:4vw;line-height:8vw;text-align:left}#system-bullet-screen li,#user-bullet-screen li,.bullet-screen li{height:100%;padding:.533333vw;line-height:6.933333vw;display:flex;align-items:center}#system-bullet-screen .avatar,#user-bullet-screen .avatar,.bullet-screen .avatar{width:6.933333vw;height:6.933333vw;border-radius:50%;margin-right:1.866667vw;vertical-align:middle}#system-bullet-screen span:first-of-type,#user-bullet-screen span:first-of-type,.bullet-screen span:first-of-type{margin-right:1.333333vw}#system-bullet-screen span,#user-bullet-screen span,.bullet-screen span{font-size:3.2vw;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#system-bullet-screen{overflow:hidden;margin-top:2.933333vw;margin-bottom:4.266667vw;padding-left:.533333vw;display:flex;align-items:center;-webkit-transition:height .1s ease-out;transition:height .1s ease-out}#system-bullet-screen .sys-bullet-screen-swiper-container{height:100%}#system-bullet-screen ul{flex:auto;max-width:78.133333vw}#system-bullet-screen li{overflow:hidden;height:8vw}#system-bullet-screen li span{display:inline-block;white-space:nowrap;line-height:8vw}
/*# sourceMappingURL=system-notices.4eed25b3.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/fe/frontCode/mr-julyedu/src/components/activity/newyear-2019/common/user-bullet-screen/bullet-screen.scss","/Users/fe/frontCode/mr-julyedu/src/components/activity/newyear-2019/common/system-bullet-screen/system-bullet-screen.scss"],"names":[],"mappings":"AAAA,yDACI,iBAAA,CACA,UAAA,CACA,wBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAgB,CAPpB,kEAUQ,WAAA,CACA,iBAAA,CACA,sBAAA,CACA,YAAA,CACA,kBAAmB,CAd3B,iFAkBQ,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,uBAAA,CACA,qBAAsB,CAtB9B,kHA0BQ,uBAAiB,CA1BzB,wEA8BQ,eAAA,CACA,UAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAuB,CCmE/B,sBACI,eAAA,CACA,qBAAA,CACA,wBAAA,CACA,sBAAA,CACA,YAAA,CACA,kBAAA,CACA,sCAAA,CAAA,8BAA+B,CAPnC,0DAUQ,WAAY,CAVpB,yBAcQ,SAAA,CACA,qBAAgB,CAfxB,yBAmBQ,eAAA,CACA,UAAY,CApBpB,8BAuBY,oBAAA,CACA,kBAAA,CACA,eAAiB","file":"system-notices.4eed25b3.chunk.css","sourcesContent":[".bullet-screen{\n width: 329px;\n height: 30px;\n margin: 0 auto 28px;\n background: rgba(0, 0, 0, .6);\n border-radius: 15px;\n line-height: 30px;\n text-align: left;\n\n li {\n height: 100%;\n padding: 2px;\n line-height: 26px;\n display: flex;\n align-items: center;\n }\n\n .avatar {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n margin-right: 7px;\n vertical-align: middle;\n }\n\n & span:nth-of-type(1) {\n margin-right: 5px;\n }\n\n span {\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n#user-bullet-screen {\n @extend .bullet-screen\n}\n","@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\n.bullet-screen, #user-bullet-screen, #system-bullet-screen {\n width: 329px;\n height: 30px;\n margin: 0 auto 28px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 15px;\n line-height: 30px;\n text-align: left; }\n .bullet-screen li, #user-bullet-screen li, #system-bullet-screen li {\n height: 100%;\n padding: 2px;\n line-height: 26px;\n display: flex;\n align-items: center; }\n .bullet-screen .avatar, #user-bullet-screen .avatar, #system-bullet-screen .avatar {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n margin-right: 7px;\n vertical-align: middle; }\n .bullet-screen span:nth-of-type(1), #user-bullet-screen span:nth-of-type(1), #system-bullet-screen span:nth-of-type(1) {\n margin-right: 5px; }\n .bullet-screen span, #user-bullet-screen span, #system-bullet-screen span {\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n\n#system-bullet-screen {\n overflow: hidden;\n margin-top: 11px;\n margin-bottom: 16px;\n padding-left: 2px;\n display: flex;\n align-items: center;\n transition: height .1s ease-out; }\n #system-bullet-screen .sys-bullet-screen-swiper-container {\n height: 100%; }\n #system-bullet-screen ul {\n flex: auto;\n max-width: 293px; }\n #system-bullet-screen li {\n overflow: hidden;\n height: 30px; }\n #system-bullet-screen li span {\n display: inline-block;\n white-space: nowrap;\n line-height: 30px; }\n"]}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{1251:function(e,t,n){"use strict";n.r(t);var i=n(5),s=n(7),a=n(6),r=n(8),o=n(89),c=n(9),l=n(0),u=n.n(l),p=n(162),d=(n(258),n(1252),function(e){function t(){var e,n;Object(i.a)(this,t);for(var s=arguments.length,c=new Array(s),l=0;l<s;l++)c[l]=arguments[l];return(n=Object(a.a)(this,(e=Object(r.a)(t)).call.apply(e,[this].concat(c)))).count=0,n.state={showNotices:!0},n.initializeSwiper=function(){var e=Object(o.a)(n);n.swiper=new p.a(".sys-bullet-screen-swiper-container",{allowTouchMove:!1,direction:"vertical",loop:!0,on:{init:function(){Array.from(this.slides).forEach(function(t){t.querySelector("span").addEventListener("transitionend",e.transitionEnd)})},slideChangeTransitionEnd:function(){e.slideHorizontal(this)},transitionEnd:function(){var e=this.slides[this.previousIndex].querySelector("span");e.style.transition="unset",e.style.transform="translate3d(0,0,0)"}}})},n.slideHorizontal=function(e){var t=e.slides[e.activeIndex],i=t.querySelector("span"),s=i.offsetWidth,a=t.clientWidth;s>a?(i.style.transition="transform ".concat(s/131.25,"s linear"),setTimeout(function(){i.style.transform="translate3d(".concat(-(s-a)-10,"px,0,0)")},1e3)):n.swiper.slideNext()},n.transitionEnd=function(){var e=n.props.bullets,t=3*(void 0===e?["\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c","\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c","\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c"]:e).length;++n.count===t?setTimeout(function(){n.sysNotice.style.height="0px"},2e3):setTimeout(function(){n.swiper&&n.swiper.slideNext()},1e3)},n.removeSystemNotices=function(e){e.persist(),e.target===n.sysNotice&&n.setState({showNotices:!1})},n}return Object(c.a)(t,e),Object(s.a)(t,[{key:"componentDidMount",value:function(){this.initializeSwiper()}},{key:"componentWillUnmount",value:function(){this.swiper&&this.swiper.destroy(!0,!0)}},{key:"render",value:function(){var e=this,t=this.props.bullets,n=void 0===t?["\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c","\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c","\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c"]:t;return this.state.showNotices&&u.a.createElement("div",{id:"system-bullet-screen",onTransitionEnd:this.removeSystemNotices,ref:function(t){return e.sysNotice=t}},u.a.createElement("img",{className:"avatar",src:"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/system-avatar.png",alt:""}),u.a.createElement("div",{className:"sys-bullet-screen-swiper-container"},u.a.createElement("ul",{className:"swiper-wrapper"},n&&n.length&&n.map(function(e,t){return u.a.createElement("li",{className:"swiper-slide",key:t},u.a.createElement("span",null,e))}))))}}]),t}(l.Component));t.default=d},1252:function(e,t,n){}}]);
//# sourceMappingURL=system-notices.4b430a99.chunk.js.map
\ No newline at end of file
{"version":3,"sources":["components/activity/newyear-2019/common/system-bullet-screen/index.js"],"names":["SystemBulletScreen","count","state","showNotices","initializeSwiper","_this","Object","_Users_fe_frontCode_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__","_this2","swiper","Swiper","allowTouchMove","direction","loop","on","init","Array","from","this","slides","forEach","item","querySelector","addEventListener","transitionEnd","slideChangeTransitionEnd","slideHorizontal","el","previousIndex","style","transition","transform","activeIndex","content","contentWidth","offsetWidth","wrapperWidth","clientWidth","concat","setTimeout","slideNext","_this2$props$bullets","props","bullets","len","length","sysNotice","height","removeSystemNotices","e","persist","target","setState","destroy","_this3","_this$props$bullets","react__WEBPACK_IMPORTED_MODULE_6___default","a","createElement","id","onTransitionEnd","ref","className","src","alt","map","index","key","Component"],"mappings":"2KAMMA,6NAGJC,MAAQ,IAGRC,MAAQ,CACNC,aAAa,KAYfC,iBAAmB,WACjB,IAAMC,EAAKC,OAAAC,EAAA,EAAAD,CAAAE,GACXA,EAAKC,OAAS,IAAIC,IAAO,sCAAuC,CAC9DC,gBAAgB,EAChBC,UAAW,WACXC,MAAM,EACNC,GAAI,CACFC,KADE,WAEAC,MAAMC,KAAKC,KAAKC,QAAQC,QAAQ,SAAAC,GAC9BA,EAAKC,cAAc,QAAQC,iBAAiB,gBAAiBlB,EAAMmB,kBAGvEC,yBANE,WAOApB,EAAMqB,gBAAgBR,OAExBM,cATE,WAUA,IAAMG,EAAKT,KAAKC,OAAOD,KAAKU,eAAeN,cAAc,QACzDK,EAAGE,MAAMC,WAAa,QACtBH,EAAGE,MAAME,UAAY,4BAM7BL,gBAAkB,SAACjB,GACjB,IAAIkB,EAAKlB,EAAOU,OAAOV,EAAOuB,aAC5BC,EAAUN,EAAGL,cAAc,QAC3BY,EAAeD,EAAQE,YACvBC,EAAeT,EAAGU,YAIhBH,EAAeE,GACjBH,EAAQJ,MAAMC,WAAd,aAAAQ,OAAwCJ,EAH/B,OAGT,YACAK,WAAW,WACTN,EAAQJ,MAAME,UAAd,eAAAO,SAA2CJ,EAAeE,GAAgB,GAA1E,YACC,MAEH5B,EAAKC,OAAO+B,eAIhBhB,cAAgB,WAAM,IAAAiB,EAOhBjC,EAAKkC,MALPC,QAOIC,EAAuB,QATT,IAAAH,EAER,CACR,2NACA,2NACA,4NALgBA,GASAI,SAEdrC,EAAKP,QAAU2C,EACnBL,WAAW,WACT/B,EAAKsC,UAAUjB,MAAMkB,OAArB,OACC,KAEHR,WAAW,WACT/B,EAAKC,QAAUD,EAAKC,OAAO+B,aAC1B,QAIPQ,oBAAsB,SAAAC,GACpBA,EAAEC,UACCD,EAAEE,SAAW3C,EAAKsC,WACnBtC,EAAK4C,SAAS,CACZjD,aAAa,wFA5EjBe,KAAKd,kEAILc,KAAKT,QAAUS,KAAKT,OAAO4C,SAAQ,GAAM,oCA6ElC,IAAAC,EAAApC,KAAAqC,EAOHrC,KAAKwB,MALPC,eAFK,IAAAY,EAEK,CACR,2NACA,2NACA,4NALGA,EAQP,OACErC,KAAKhB,MAAMC,aACXqD,EAAAC,EAAAC,cAAA,OAAKC,GAAG,uBAAuBC,gBAAiB1C,KAAK8B,oBAAqBa,IAAK,SAAAlC,GAAE,OAAI2B,EAAKR,UAAYnB,IACpG6B,EAAAC,EAAAC,cAAA,OAAKI,UAAU,SACVC,IAAI,8EAA8EC,IAAI,KAC3FR,EAAAC,EAAAC,cAAA,OAAKI,UAAU,sCACbN,EAAAC,EAAAC,cAAA,MAAII,UAAU,kBAEVnB,GAAWA,EAAQE,QAAUF,EAAQsB,IAAI,SAAC5C,EAAM6C,GAC9C,OACEV,EAAAC,EAAAC,cAAA,MAAII,UAAU,eAAeK,IAAKD,GAChCV,EAAAC,EAAAC,cAAA,YAAOrC,gBA/GM+C,cA4HlBpE","file":"mrstatic/js/system-notices.4b430a99.chunk.js","sourcesContent":["import React, { Component } from 'react'\nimport Swiper from 'swiper'\nimport 'swiper/dist/css/swiper.min.css'\nimport './system-bullet-screen.scss'\n\n\nclass SystemBulletScreen extends Component {\n\n swiper\n count = 0\n sysNotice\n\n state = {\n showNotices: true\n }\n\n componentDidMount() {\n this.initializeSwiper()\n }\n\n componentWillUnmount() {\n this.swiper && this.swiper.destroy(true, true)\n }\n\n\n initializeSwiper = () => {\n const _this = this\n this.swiper = new Swiper('.sys-bullet-screen-swiper-container', {\n allowTouchMove: false,\n direction: 'vertical',\n loop: true,\n on: {\n init() {\n Array.from(this.slides).forEach(item => {\n item.querySelector('span').addEventListener('transitionend', _this.transitionEnd)\n })\n },\n slideChangeTransitionEnd() {\n _this.slideHorizontal(this)\n },\n transitionEnd() {\n const el = this.slides[this.previousIndex].querySelector('span')\n el.style.transition = 'unset'\n el.style.transform = 'translate3d(0,0,0)'\n }\n }\n })\n }\n\n slideHorizontal = (swiper) => {\n let el = swiper.slides[swiper.activeIndex],\n content = el.querySelector('span'),\n contentWidth = content.offsetWidth,\n wrapperWidth = el.clientWidth\n\n const co = 131.25\n\n if (contentWidth > wrapperWidth) {\n content.style.transition = `transform ${contentWidth / co}s linear`\n setTimeout(() => {\n content.style.transform = `translate3d(${-(contentWidth - wrapperWidth) - 10}px,0,0)`\n }, 1000)\n } else {\n this.swiper.slideNext()\n }\n }\n\n transitionEnd = () => {\n const {\n bullets = [\n '第一条消息,第一条消息,第一条消息,第一条消息,第一条消息,第一条消息,',\n '第二条消息,第二条消息,第二条消息,第二条消息,第二条消息,第二条消息,',\n '第三条消息,第三条消息,第三条消息,第三条消息,第三条消息,第三条消息,',\n ]\n } = this.props\n\n const len = bullets.length * 3\n\n if (++this.count === len) {\n setTimeout(() => {\n this.sysNotice.style.height = `0px`\n }, 2000)\n } else {\n setTimeout(() => {\n this.swiper && this.swiper.slideNext()\n }, 1000)\n }\n }\n\n removeSystemNotices = e => {\n e.persist()\n if(e.target === this.sysNotice){\n this.setState({\n showNotices: false\n })\n }\n }\n\n render() {\n const {\n bullets = [\n '第一条消息,第一条消息,第一条消息,第一条消息,第一条消息,第一条消息,',\n '第二条消息,第二条消息,第二条消息,第二条消息,第二条消息,第二条消息,',\n '第三条消息,第三条消息,第三条消息,第三条消息,第三条消息,第三条消息,',\n ]\n } = this.props\n return (\n this.state.showNotices &&\n <div id=\"system-bullet-screen\" onTransitionEnd={this.removeSystemNotices} ref={el => this.sysNotice = el}>\n <img className='avatar'\n src='https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/system-avatar.png' alt=\"\"/>\n <div className='sys-bullet-screen-swiper-container'>\n <ul className=\"swiper-wrapper\">\n {\n bullets && bullets.length && bullets.map((item, index) => {\n return (\n <li className=\"swiper-slide\" key={index}>\n <span>{item}</span>\n </li>\n )\n })\n }\n </ul>\n </div>\n </div>\n\n )\n }\n}\n\nexport default SystemBulletScreen\n"],"sourceRoot":""}
\ No newline at end of file
(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{1251:function(e,t,n){"use strict";n.r(t);var i=n(5),s=n(7),a=n(6),o=n(8),r=n(89),c=n(9),l=n(0),u=n.n(l),p=n(162),d=(n(258),n(1252),function(e){function t(){var e,n;Object(i.a)(this,t);for(var s=arguments.length,c=new Array(s),l=0;l<s;l++)c[l]=arguments[l];return(n=Object(a.a)(this,(e=Object(o.a)(t)).call.apply(e,[this].concat(c)))).count=0,n.state={showNotices:!0},n.initializeSwiper=function(){var e=Object(r.a)(n);n.swiper=new p.a(".sys-bullet-screen-swiper-container",{allowTouchMove:!1,direction:"vertical",loop:!0,on:{init:function(){Array.from(this.slides).forEach(function(t){t.querySelector("span").addEventListener("transitionend",e.transitionEnd)})},slideChangeTransitionEnd:function(){e.slideHorizontal(this)},transitionEnd:function(){var e=this.slides[this.previousIndex].querySelector("span");e.style.transition="unset",e.style.transform="translate3d(0,0,0)"}}})},n.slideHorizontal=function(e){var t=e.slides[e.activeIndex],n=t.querySelector("span"),i=n.offsetWidth,s=t.clientWidth;i>s?(n.style.transition="transform ".concat(i/131.25,"s linear"),setTimeout(function(){n.style.transform="translate3d(".concat(-(i-s)-10,"px,0,0)")},1e3)):setTimeout(function(){e.slideNext()},3e3)},n.transitionEnd=function(){var e=n.props.bullets,t=3*(void 0===e?[]:e).length;++n.count===t?setTimeout(function(){n.sysNotice.style.height="0px"},2e3):setTimeout(function(){n.swiper&&n.swiper.slideNext()},1e3)},n.removeSystemNotices=function(e){e.persist(),e.target===n.sysNotice&&n.setState({showNotices:!1})},n}return Object(c.a)(t,e),Object(s.a)(t,[{key:"componentDidMount",value:function(){this.initializeSwiper()}},{key:"componentWillUnmount",value:function(){this.swiper&&this.swiper.destroy(!0,!0)}},{key:"render",value:function(){var e=this,t=this.props.bullets,n=void 0===t?["\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c\u7b2c\u4e00\u6761\u6d88\u606f\uff0c","\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c\u7b2c\u4e8c\u6761\u6d88\u606f\uff0c","\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c\u7b2c\u4e09\u6761\u6d88\u606f\uff0c"]:t;return this.state.showNotices&&u.a.createElement("div",{id:"system-bullet-screen",onTransitionEnd:this.removeSystemNotices,ref:function(t){return e.sysNotice=t}},u.a.createElement("img",{className:"avatar",src:"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/system-avatar.png",alt:""}),u.a.createElement("div",{className:"sys-bullet-screen-swiper-container"},u.a.createElement("ul",{className:"swiper-wrapper"},n&&n.length&&n.map(function(e,t){return u.a.createElement("li",{className:"swiper-slide",key:t},u.a.createElement("span",null,e))}))))}}]),t}(l.Component));t.default=d},1252:function(e,t,n){}}]);
//# sourceMappingURL=system-notices.f14e0139.chunk.js.map
\ No newline at end of file
{"version":3,"sources":["components/activity/newyear-2019/common/system-bullet-screen/index.js"],"names":["SystemBulletScreen","count","state","showNotices","initializeSwiper","_this","Object","_Users_fe_frontCode_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__","_this2","swiper","Swiper","allowTouchMove","direction","loop","on","init","Array","from","this","slides","forEach","item","querySelector","addEventListener","transitionEnd","slideChangeTransitionEnd","slideHorizontal","el","previousIndex","style","transition","transform","activeIndex","content","contentWidth","offsetWidth","wrapperWidth","clientWidth","concat","setTimeout","slideNext","_this2$props$bullets","props","bullets","len","length","sysNotice","height","removeSystemNotices","e","persist","target","setState","destroy","_this3","_this$props$bullets","react__WEBPACK_IMPORTED_MODULE_6___default","a","createElement","id","onTransitionEnd","ref","className","src","alt","map","index","key","Component"],"mappings":"2KAMMA,6NAGJC,MAAQ,IAGRC,MAAQ,CACNC,aAAa,KAYfC,iBAAmB,WACjB,IAAMC,EAAKC,OAAAC,EAAA,EAAAD,CAAAE,GACXA,EAAKC,OAAS,IAAIC,IAAO,sCAAuC,CAC9DC,gBAAgB,EAChBC,UAAW,WACXC,MAAM,EACNC,GAAI,CACFC,KADE,WAEAC,MAAMC,KAAKC,KAAKC,QAAQC,QAAQ,SAAAC,GAC9BA,EAAKC,cAAc,QAAQC,iBAAiB,gBAAiBlB,EAAMmB,kBAGvEC,yBANE,WAOApB,EAAMqB,gBAAgBR,OAExBM,cATE,WAUA,IAAMG,EAAKT,KAAKC,OAAOD,KAAKU,eAAeN,cAAc,QACzDK,EAAGE,MAAMC,WAAa,QACtBH,EAAGE,MAAME,UAAY,4BAM7BL,gBAAkB,SAACjB,GACjB,IAAIkB,EAAKlB,EAAOU,OAAOV,EAAOuB,aAC5BC,EAAUN,EAAGL,cAAc,QAC3BY,EAAeD,EAAQE,YACvBC,EAAeT,EAAGU,YAIhBH,EAAeE,GACjBH,EAAQJ,MAAMC,WAAd,aAAAQ,OAAwCJ,EAH/B,OAGT,YACAK,WAAW,WACTN,EAAQJ,MAAME,UAAd,eAAAO,SAA2CJ,EAAeE,GAAgB,GAA1E,YACC,MAEHG,WAAW,WACT9B,EAAO+B,aACN,QAIPhB,cAAgB,WAAM,IAAAiB,EAGhBjC,EAAKkC,MADPC,QAGIC,EAAuB,QALT,IAAAH,EAER,GAFQA,GAKAI,SAEdrC,EAAKP,QAAU2C,EACnBL,WAAW,WACT/B,EAAKsC,UAAUjB,MAAMkB,OAArB,OACC,KAEHR,WAAW,WACT/B,EAAKC,QAAUD,EAAKC,OAAO+B,aAC1B,QAIPQ,oBAAsB,SAAAC,GACpBA,EAAEC,UACCD,EAAEE,SAAW3C,EAAKsC,WACnBtC,EAAK4C,SAAS,CACZjD,aAAa,wFA1EjBe,KAAKd,kEAILc,KAAKT,QAAUS,KAAKT,OAAO4C,SAAQ,GAAM,oCA2ElC,IAAAC,EAAApC,KAAAqC,EAOHrC,KAAKwB,MALPC,eAFK,IAAAY,EAEK,CACR,2NACA,2NACA,4NALGA,EAQP,OACErC,KAAKhB,MAAMC,aACXqD,EAAAC,EAAAC,cAAA,OAAKC,GAAG,uBAAuBC,gBAAiB1C,KAAK8B,oBAAqBa,IAAK,SAAAlC,GAAE,OAAI2B,EAAKR,UAAYnB,IACpG6B,EAAAC,EAAAC,cAAA,OAAKI,UAAU,SACVC,IAAI,8EAA8EC,IAAI,KAC3FR,EAAAC,EAAAC,cAAA,OAAKI,UAAU,sCACbN,EAAAC,EAAAC,cAAA,MAAII,UAAU,kBAEVnB,GAAWA,EAAQE,QAAUF,EAAQsB,IAAI,SAAC5C,EAAM6C,GAC9C,OACEV,EAAAC,EAAAC,cAAA,MAAII,UAAU,eAAeK,IAAKD,GAChCV,EAAAC,EAAAC,cAAA,YAAOrC,gBA7GM+C,cA0HlBpE","file":"mrstatic/js/system-notices.f14e0139.chunk.js","sourcesContent":["import React, { Component } from 'react'\nimport Swiper from 'swiper'\nimport 'swiper/dist/css/swiper.min.css'\nimport './system-bullet-screen.scss'\n\n\nclass SystemBulletScreen extends Component {\n\n swiper\n count = 0\n sysNotice\n\n state = {\n showNotices: true\n }\n\n componentDidMount() {\n this.initializeSwiper()\n }\n\n componentWillUnmount() {\n this.swiper && this.swiper.destroy(true, true)\n }\n\n\n initializeSwiper = () => {\n const _this = this\n this.swiper = new Swiper('.sys-bullet-screen-swiper-container', {\n allowTouchMove: false,\n direction: 'vertical',\n loop: true,\n on: {\n init() {\n Array.from(this.slides).forEach(item => {\n item.querySelector('span').addEventListener('transitionend', _this.transitionEnd)\n })\n },\n slideChangeTransitionEnd() {\n _this.slideHorizontal(this)\n },\n transitionEnd() {\n const el = this.slides[this.previousIndex].querySelector('span')\n el.style.transition = 'unset'\n el.style.transform = 'translate3d(0,0,0)'\n }\n }\n })\n }\n\n slideHorizontal = (swiper) => {\n let el = swiper.slides[swiper.activeIndex],\n content = el.querySelector('span'),\n contentWidth = content.offsetWidth,\n wrapperWidth = el.clientWidth\n\n const co = 131.25\n\n if (contentWidth > wrapperWidth) {\n content.style.transition = `transform ${contentWidth / co}s linear`\n setTimeout(() => {\n content.style.transform = `translate3d(${-(contentWidth - wrapperWidth) - 10}px,0,0)`\n }, 1000)\n } else {\n setTimeout(() => {\n swiper.slideNext()\n }, 3000)\n }\n }\n\n transitionEnd = () => {\n const {\n bullets = []\n } = this.props\n\n const len = bullets.length * 3\n\n if (++this.count === len) {\n setTimeout(() => {\n this.sysNotice.style.height = `0px`\n }, 2000)\n } else {\n setTimeout(() => {\n this.swiper && this.swiper.slideNext()\n }, 1000)\n }\n }\n\n removeSystemNotices = e => {\n e.persist()\n if(e.target === this.sysNotice){\n this.setState({\n showNotices: false\n })\n }\n }\n\n render() {\n const {\n bullets = [\n '第一条消息,第一条消息,第一条消息,第一条消息,第一条消息,第一条消息,',\n '第二条消息,第二条消息,第二条消息,第二条消息,第二条消息,第二条消息,',\n '第三条消息,第三条消息,第三条消息,第三条消息,第三条消息,第三条消息,',\n ]\n } = this.props\n return (\n this.state.showNotices &&\n <div id=\"system-bullet-screen\" onTransitionEnd={this.removeSystemNotices} ref={el => this.sysNotice = el}>\n <img className='avatar'\n src='https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/system-avatar.png' alt=\"\"/>\n <div className='sys-bullet-screen-swiper-container'>\n <ul className=\"swiper-wrapper\">\n {\n bullets && bullets.length && bullets.map((item, index) => {\n return (\n <li className=\"swiper-slide\" key={index}>\n <span>{item}</span>\n </li>\n )\n })\n }\n </ul>\n </div>\n </div>\n\n )\n }\n}\n\nexport default SystemBulletScreen\n"],"sourceRoot":""}
\ No newline at end of file
...@@ -131,23 +131,7 @@ export default class index extends Component { ...@@ -131,23 +131,7 @@ export default class index extends Component {
</div> </div>
<div className="banner-treasure__decorate"></div> <div className="banner-treasure__decorate"></div>
</div> </div>
{/*浮框*/}
<div className='nav-right'>
<span onClick={this.toBoxList} className='nav-right__link'>
未开宝箱
{
removable > 0 &&
<i className="nav-right__number">{removable}</i>
}
</span>
<a onClick={() => this.toYearWish()} className='nav-right__link'>
心愿单
{
this.state.txt1 > 0 &&
<i className="nav-right__number">{this.state.txt1}</i>
}
</a>
</div>
{/* 大咖直播 */} {/* 大咖直播 */}
<LiveRoom/> <LiveRoom/>
......
...@@ -17,10 +17,10 @@ class YarnWish extends Component { ...@@ -17,10 +17,10 @@ class YarnWish extends Component {
} }
componentWillUpdate() { componentWillUpdate() {
const {activityStage} = this.state; const {activityStage} = this.state
if(activityStage == 1) { if (activityStage == 1) {
document.title = `七月在线年终大回馈,人气好课免费学,精品课程1分抢!` document.title = `七月在线年终大回馈,人气好课免费学,精品课程1分抢!`
}else{ } else {
document.title = `七月在线年终大回馈,人气好课免费学,精品课程1分抢!` document.title = `七月在线年终大回馈,人气好课免费学,精品课程1分抢!`
} }
} }
...@@ -33,6 +33,8 @@ class YarnWish extends Component { ...@@ -33,6 +33,8 @@ class YarnWish extends Component {
this.setState({ this.setState({
list: JSON.stringify(data) === '{}' ? [] : data list: JSON.stringify(data) === '{}' ? [] : data
}) })
} else if (code === 4030) {
this.props.history.push('/passport/login')
} }
}) })
} }
...@@ -116,7 +118,8 @@ class YarnWish extends Component { ...@@ -116,7 +118,8 @@ class YarnWish extends Component {
</div> </div>
<div className="price"> <div className="price">
{item.type == 2 ? '到手最低:¥' : '¥'} {item.type == 2 ? '到手最低:¥' : '¥'}
<span className="new-price">{item.type == 4?'0.01':item.price2}</span> <span
className="new-price">{item.type == 4 ? '0.01' : item.price2}</span>
<span className="old-price"> 现价:<s>¥{item.price1}</s></span> <span className="old-price"> 现价:<s>¥{item.price1}</s></span>
</div> </div>
......
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