Merge branch '00' into dev

src/components/activity/newyear-2019/common/system-bullet-screen/index.js

@@ -22,7 +22,6 @@ class SystemBulletScreen extends Component {
     this.swiper && this.swiper.destroy()
   }
 
-
   initializeSwiper = () => {
     const _this = this
     this.swiper = new Swiper('.sys-bullet-screen-swiper-container', {
@@ -62,18 +61,16 @@ class SystemBulletScreen extends Component {
       }, 1000)
     } else {
       setTimeout(() => {
+        ++this.count;
         swiper.slideNext()
       }, 3000)
     }
   }
 
   transitionEnd = () => {
-    const {
-      bullets = []
-    } = this.props
+    const {bullets} = this.props
 
     const len = bullets.length * 3
-
     if (++this.count === len) {
       setTimeout(() => {
         this.sysNotice.style.height = `0px`
@@ -87,7 +84,7 @@ class SystemBulletScreen extends Component {
 
   removeSystemNotices = e => {
     e.persist()
-    if(e.target === this.sysNotice){
+    if (e.target === this.sysNotice) {
       this.setState({
         showNotices: false
       })

src/components/activity/newyear-2019/common/system-bullet-screen/system-bullet-screen.scss

 @import "../user-bullet-screen/bullet-screen";
 
 #system-bullet-screen {
+    @extend .bullet-screen;
     overflow: hidden;
     margin-top: 11px;
     margin-bottom: 16px;
@@ -25,9 +26,9 @@
         span {
             display: inline-block;
             white-space: nowrap;
+            overflow: visible;
             line-height: 30px;
         }
     }
 
-    @extend .bullet-screen;
 }

src/components/activity/newyear-2019/common/user-bullet-screen/index.js

@@ -16,7 +16,7 @@ class UserBulletScreen extends Component {
     this.getBulletScreenData(true)
   }
 
-  componentWillUpdate() {
+  componentWillUnmount() {
     this.swiper && this.swiper.destroy()
   }