perf(NoticeBar): flip

src/collapse-item/index.js

@@ -92,7 +92,7 @@ export default createComponent({
           const contentHeight = `${offsetHeight}px`;
           wrapper.style.height = expanded ? 0 : contentHeight;
 
-          // use double raf to ensure animation can start in mobile safari
+          // use double raf to ensure animation can start
           doubleRaf(() => {
             wrapper.style.height = expanded ? contentHeight : 0;
           });

src/notice-bar/index.js

@@ -60,11 +60,15 @@ export default createComponent({
       this.offset = this.wrapWidth;
       this.duration = 0;
 
-      setTimeout(() => {
+      // wait for Vue to render offset
-        this.offset = -this.contentWidth;
+      this.$nextTick(() => {
-        this.duration = (this.contentWidth + this.wrapWidth) / this.speed;
+        // use double raf to ensure animation can start
-        this.$emit('replay');
+        doubleRaf(() => {
-      }, 100);
+          this.offset = -this.contentWidth;
+          this.duration = (this.contentWidth + this.wrapWidth) / this.speed;
+          this.$emit('replay');
+        });
+      });
     },
 
     reset() {

src/notice-bar/test/index.spec.js

@@ -45,7 +45,7 @@ test('replay event', async () => {
   });
 
   wrapper.find('.van-notice-bar__content').trigger('transitionend');
-  await later(150);
+  await later(50);
   expect(wrapper.emitted('replay')).toBeTruthy();
 });