diff --git a/src/_common b/src/_common
index ba004bca..c4e7f4f2 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit ba004bca90d1f484ccb701653ed6b8748bd8a161
+Subproject commit c4e7f4f27fd3608b4b514b5bce3f0152a560173a
diff --git a/src/notice-bar/NoticeBar.tsx b/src/notice-bar/NoticeBar.tsx
index 4f4b6e20..d2f4df6e 100644
--- a/src/notice-bar/NoticeBar.tsx
+++ b/src/notice-bar/NoticeBar.tsx
@@ -14,7 +14,9 @@ import useDefaultProps from '../hooks/useDefaultProps';
 import { noticeBarDefaultProps } from './defaultProps';
 import noop from '../_util/noop';
 
-export interface NoticeBarProps extends TdNoticeBarProps, StyledProps {}
+export interface NoticeBarProps extends TdNoticeBarProps, StyledProps {
+  touchable?: Boolean;
+}
 
 type IconType = ReturnType<typeof InfoCircleFilledIcon>;
 
@@ -108,6 +110,7 @@ const NoticeBar: React.FC<NoticeBarProps> = (props) => {
     theme = 'info',
     visible,
     defaultVisible,
+    touchable = false,
     onClick,
   } = useDefaultProps(props, noticeBarDefaultProps);
 
@@ -179,7 +182,7 @@ const NoticeBar: React.FC<NoticeBarProps> = (props) => {
     setTimeout(() => {
       const listDOMWidth = listDOM.current?.getBoundingClientRect().width;
       const itemDOMWidth = itemDOM.current?.getBoundingClientRect().width;
-      if (itemDOMWidth > listDOMWidth) {
+      if (marquee || itemDOMWidth > listDOMWidth) {
         updateAnimationFrame({
           offset: -itemDOMWidth,
           duration: itemDOMWidth / animationSettingValue.current.scroll.speed,
@@ -273,7 +276,8 @@ const NoticeBar: React.FC<NoticeBarProps> = (props) => {
             loop
             direction={direction}
             duration={2000}
-            height={22}
+            touchable={touchable}
+            style={{ height: 'var(--td-notice-bar-height, 22px)' }}
           >
             {content.map((item, index) => (
               <SwiperItem key={index}>
diff --git a/src/swiper/Swiper.tsx b/src/swiper/Swiper.tsx
index c3b38563..d3c4bf29 100644
--- a/src/swiper/Swiper.tsx
+++ b/src/swiper/Swiper.tsx
@@ -10,6 +10,7 @@ import forwardRefWithStatics from '../_util/forwardRefWithStatics';
 
 export interface SwiperProps extends TdSwiperProps, StyledProps {
   children?: React.ReactNode;
+  touchable?: Boolean;
 }
 
 const Swiper = forwardRefWithStatics(
@@ -29,6 +30,7 @@ const Swiper = forwardRefWithStatics(
       className,
       style,
       children,
+      touchable = true, // 是否可以通过手势滑动
     } = props;
 
     const { classPrefix } = useConfig();
@@ -179,11 +181,15 @@ const Swiper = forwardRefWithStatics(
       }, duration + 50); // 多 50ms 的间隔时间防止动画未执行完就跳转了
     }, [currentIndex, swiperItemLength, duration, direction]);
 
-    /** ******************************************************************
-     * 触摸事件处理方法
-     */
     // 触摸滑动事件 - 开始
     const handleTouchStart = (e: React.TouchEvent) => {
+      if (
+        !touchable ||
+        // avoid resetting position on multi-finger touch
+        e.touches.length > 1
+      )
+        return;
+
       e.stopPropagation();
       isHovering.current = true;
       clearTimer();
@@ -197,6 +203,7 @@ const Swiper = forwardRefWithStatics(
     // 触摸滑动事件 - 滑动中
     const handleTouchMove = useCallback(
       (e: React.TouchEvent) => {
+        if (!touchable) return;
         e.stopPropagation();
 
         if (moveStartSite) {
@@ -221,11 +228,12 @@ const Swiper = forwardRefWithStatics(
           }
         }
       },
-      [setTouchMoveDistance, moveStartSite, direction, currentIndex, loop, childrenLength],
+      [setTouchMoveDistance, moveStartSite, direction, currentIndex, loop, childrenLength, touchable],
     );
 
     // 触摸滑动事件 - 结束
     const handleTouchEnd = (e: React.TouchEvent) => {
+      if (!touchable) return;
       e.stopPropagation();
       if (touchMoveDistance / swiperOuterWidth <= -0.3) {
         // swiperTo(currentIndex + 1, { source: 'touch' });
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 03b6b8a8..a913e1c6 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -33440,7 +33440,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/mobile.tsx 1`] = `
           >
             <div
               class="t-swiper t-notice-bar__content--vertical"
-              style="overflow: hidden; height: 22px;"
+              style="overflow: hidden; height: var(--td-notice-bar-height, 22px);"
             >
               <div
                 class="t-swiper__container"
@@ -33448,7 +33448,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/mobile.tsx 1`] = `
               >
                 <div
                   class="t-swiper__item"
-                  style="height: 22px; width: 0px;"
+                  style="height: 180px; width: 0px;"
                 >
                   <div
                     class="t-notice-bar__content--vertical-item"
@@ -33458,7 +33458,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/mobile.tsx 1`] = `
                 </div>
                 <div
                   class="t-swiper__item"
-                  style="height: 22px; width: 0px;"
+                  style="height: 180px; width: 0px;"
                 >
                   <div
                     class="t-notice-bar__content--vertical-item"
@@ -33468,7 +33468,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/mobile.tsx 1`] = `
                 </div>
                 <div
                   class="t-swiper__item"
-                  style="height: 22px; width: 0px;"
+                  style="height: 180px; width: 0px;"
                 >
                   <div
                     class="t-notice-bar__content--vertical-item"
@@ -33478,7 +33478,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/mobile.tsx 1`] = `
                 </div>
                 <div
                   class="t-swiper__item"
-                  style="height: 22px; width: 0px;"
+                  style="height: 180px; width: 0px;"
                 >
                   <div
                     class="t-notice-bar__content--vertical-item"
@@ -33488,7 +33488,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/mobile.tsx 1`] = `
                 </div>
                 <div
                   class="t-swiper__item"
-                  style="height: 22px; width: 0px;"
+                  style="height: 180px; width: 0px;"
                 >
                   <div
                     class="t-notice-bar__content--vertical-item"
@@ -33498,7 +33498,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/mobile.tsx 1`] = `
                 </div>
                 <div
                   class="t-swiper__item"
-                  style="height: 22px; width: 0px;"
+                  style="height: 180px; width: 0px;"
                 >
                   <div
                     class="t-notice-bar__content--vertical-item"
@@ -33508,7 +33508,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/mobile.tsx 1`] = `
                 </div>
                 <div
                   class="t-swiper__item"
-                  style="height: 22px; width: 0px;"
+                  style="height: 180px; width: 0px;"
                 >
                   <div
                     class="t-notice-bar__content--vertical-item"
@@ -33596,7 +33596,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/scrolling.tsx 1`]
     >
       <div
         class="t-swiper t-notice-bar__content--vertical"
-        style="overflow: hidden; height: 22px;"
+        style="overflow: hidden; height: var(--td-notice-bar-height, 22px);"
       >
         <div
           class="t-swiper__container"
@@ -33604,7 +33604,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/scrolling.tsx 1`]
         >
           <div
             class="t-swiper__item"
-            style="height: 22px; width: 0px;"
+            style="height: 180px; width: 0px;"
           >
             <div
               class="t-notice-bar__content--vertical-item"
@@ -33614,7 +33614,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/scrolling.tsx 1`]
           </div>
           <div
             class="t-swiper__item"
-            style="height: 22px; width: 0px;"
+            style="height: 180px; width: 0px;"
           >
             <div
               class="t-notice-bar__content--vertical-item"
@@ -33624,7 +33624,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/scrolling.tsx 1`]
           </div>
           <div
             class="t-swiper__item"
-            style="height: 22px; width: 0px;"
+            style="height: 180px; width: 0px;"
           >
             <div
               class="t-notice-bar__content--vertical-item"
@@ -33634,7 +33634,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/scrolling.tsx 1`]
           </div>
           <div
             class="t-swiper__item"
-            style="height: 22px; width: 0px;"
+            style="height: 180px; width: 0px;"
           >
             <div
               class="t-notice-bar__content--vertical-item"
@@ -33644,7 +33644,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/scrolling.tsx 1`]
           </div>
           <div
             class="t-swiper__item"
-            style="height: 22px; width: 0px;"
+            style="height: 180px; width: 0px;"
           >
             <div
               class="t-notice-bar__content--vertical-item"
@@ -33654,7 +33654,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/scrolling.tsx 1`]
           </div>
           <div
             class="t-swiper__item"
-            style="height: 22px; width: 0px;"
+            style="height: 180px; width: 0px;"
           >
             <div
               class="t-notice-bar__content--vertical-item"
@@ -33664,7 +33664,7 @@ exports[`csr snapshot test > csr test src/notice-bar/_example/scrolling.tsx 1`]
           </div>
           <div
             class="t-swiper__item"
-            style="height: 22px; width: 0px;"
+            style="height: 180px; width: 0px;"
           >
             <div
               class="t-notice-bar__content--vertical-item"
@@ -66799,9 +66799,9 @@ exports[`ssr snapshot test > ssr test src/notice-bar/_example/event.tsx 1`] = `"
 
 exports[`ssr snapshot test > ssr test src/notice-bar/_example/iconDemo.tsx 1`] = `"<div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notice-bar/_example/mobile.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">NoticeBar 公告栏</h1><p class="tdesign-mobile-demo-header__summary">在导航栏下方，用于给用户显示提示消息。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">纯文字的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知消息</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标静态公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带关闭的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知信息</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带入口的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的消息通知</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定样式的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info cover-class"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义内容的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述提示文字描述提示文字描述<span class="t-notice-bar__operation"><a class="custom-link t-link t-link--medium t-link--primary"><span class="t-link__content">详情</span></a></span></div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">公告栏类型有普通（info）、警示（warning）、成功（success）、错误（error）</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">默认状态公告栏默认状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--success notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">成功状态公告栏成功状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--warning notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">警示状态公告栏警示状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--error notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">错误状态公告栏错误状态公告栏</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 可滚动的公告栏</h2><p class="tdesign-mobile-demo-block__summary">可滚动公告栏有水平 (horizontal) 和垂直 (vertical)</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-swiper t-notice-bar__content--vertical" style="overflow:hidden;height:22px"><div class="t-swiper__container" style="height:700%;top:-NaN%;transition:top 2s;flex-direction:column"><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">高堂明镜悲白发</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">朝如青丝暮成雪</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">人生得意须尽欢</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/notice-bar/_example/mobile.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">NoticeBar 公告栏</h1><p class="tdesign-mobile-demo-header__summary">在导航栏下方，用于给用户显示提示消息。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">纯文字的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知消息</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标静态公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带关闭的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知信息</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带入口的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的消息通知</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定样式的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info cover-class"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义内容的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述提示文字描述提示文字描述<span class="t-notice-bar__operation"><a class="custom-link t-link t-link--medium t-link--primary"><span class="t-link__content">详情</span></a></span></div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">公告栏类型有普通（info）、警示（warning）、成功（success）、错误（error）</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">默认状态公告栏默认状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--success notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">成功状态公告栏成功状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--warning notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">警示状态公告栏警示状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--error notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">错误状态公告栏错误状态公告栏</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 可滚动的公告栏</h2><p class="tdesign-mobile-demo-block__summary">可滚动公告栏有水平 (horizontal) 和垂直 (vertical)</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-swiper t-notice-bar__content--vertical" style="overflow:hidden;height:var(--td-notice-bar-height, 22px)"><div class="t-swiper__container" style="height:700%;top:-NaN%;transition:top 2s;flex-direction:column"><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">高堂明镜悲白发</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">朝如青丝暮成雪</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">人生得意须尽欢</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notice-bar/_example/scrolling.tsx 1`] = `"<div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-swiper t-notice-bar__content--vertical" style="overflow:hidden;height:22px"><div class="t-swiper__container" style="height:700%;top:-NaN%;transition:top 2s;flex-direction:column"><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">高堂明镜悲白发</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">朝如青丝暮成雪</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">人生得意须尽欢</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/notice-bar/_example/scrolling.tsx 1`] = `"<div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-swiper t-notice-bar__content--vertical" style="overflow:hidden;height:var(--td-notice-bar-height, 22px)"><div class="t-swiper__container" style="height:700%;top:-NaN%;transition:top 2s;flex-direction:column"><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">高堂明镜悲白发</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">朝如青丝暮成雪</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">人生得意须尽欢</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/notice-bar/_example/suffixIcon.tsx 1`] = `"<div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知信息</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 98475edd..14a1a426 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -282,9 +282,9 @@ exports[`ssr snapshot test > ssr test src/notice-bar/_example/event.tsx 1`] = `"
 
 exports[`ssr snapshot test > ssr test src/notice-bar/_example/iconDemo.tsx 1`] = `"<div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notice-bar/_example/mobile.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">NoticeBar 公告栏</h1><p class="tdesign-mobile-demo-header__summary">在导航栏下方，用于给用户显示提示消息。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">纯文字的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知消息</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标静态公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带关闭的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知信息</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带入口的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的消息通知</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定样式的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info cover-class"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义内容的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述提示文字描述提示文字描述<span class="t-notice-bar__operation"><a class="custom-link t-link t-link--medium t-link--primary"><span class="t-link__content">详情</span></a></span></div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">公告栏类型有普通（info）、警示（warning）、成功（success）、错误（error）</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">默认状态公告栏默认状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--success notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">成功状态公告栏成功状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--warning notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">警示状态公告栏警示状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--error notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">错误状态公告栏错误状态公告栏</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 可滚动的公告栏</h2><p class="tdesign-mobile-demo-block__summary">可滚动公告栏有水平 (horizontal) 和垂直 (vertical)</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-swiper t-notice-bar__content--vertical" style="overflow:hidden;height:22px"><div class="t-swiper__container" style="height:700%;top:-NaN%;transition:top 2s;flex-direction:column"><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">高堂明镜悲白发</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">朝如青丝暮成雪</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">人生得意须尽欢</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/notice-bar/_example/mobile.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">NoticeBar 公告栏</h1><p class="tdesign-mobile-demo-header__summary">在导航栏下方，用于给用户显示提示消息。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">纯文字的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知消息</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标静态公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带关闭的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知信息</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带入口的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的消息通知</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定样式的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info cover-class"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义内容的公告栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述提示文字描述提示文字描述<span class="t-notice-bar__operation"><a class="custom-link t-link t-link--medium t-link--primary"><span class="t-link__content">详情</span></a></span></div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">公告栏类型有普通（info）、警示（warning）、成功（success）、错误（error）</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">默认状态公告栏默认状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--success notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">成功状态公告栏成功状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--warning notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">警示状态公告栏警示状态公告栏</div></div></div><div class="t-notice-bar t-notice-bar--error notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">错误状态公告栏错误状态公告栏</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 可滚动的公告栏</h2><p class="tdesign-mobile-demo-block__summary">可滚动公告栏有水平 (horizontal) 和垂直 (vertical)</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-swiper t-notice-bar__content--vertical" style="overflow:hidden;height:var(--td-notice-bar-height, 22px)"><div class="t-swiper__container" style="height:700%;top:-NaN%;transition:top 2s;flex-direction:column"><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">高堂明镜悲白发</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">朝如青丝暮成雪</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">人生得意须尽欢</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/notice-bar/_example/scrolling.tsx 1`] = `"<div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-swiper t-notice-bar__content--vertical" style="overflow:hidden;height:22px"><div class="t-swiper__container" style="height:700%;top:-NaN%;transition:top 2s;flex-direction:column"><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">高堂明镜悲白发</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">朝如青丝暮成雪</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">人生得意须尽欢</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:22px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/notice-bar/_example/scrolling.tsx 1`] = `"<div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info notice-bar-demo-block"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">提示文字描述提示文字描述提示文字描述提示文字描述文</div></div></div><div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-sound"><path fill="currentColor" d="M15 1.29v21.42L5.74 17.5H1v-11h4.74L15 1.29zM5 8.5H3v7h2v-7zm2 7.41l6 3.38V4.71L7 8.08v7.83zm13.98-8.93l.6.8a7 7 0 010 8.44l-.6.8-1.6-1.2.6-.8a5 5 0 000-6.04l-.6-.8 1.6-1.2zm-2.8 2.11l.6.8a3.5 3.5 0 010 4.22l-.6.8-1.6-1.21.61-.8a1.5 1.5 0 000-1.8l-.6-.8 1.6-1.2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-swiper t-notice-bar__content--vertical" style="overflow:hidden;height:var(--td-notice-bar-height, 22px)"><div class="t-swiper__container" style="height:700%;top:-NaN%;transition:top 2s;flex-direction:column"><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">高堂明镜悲白发</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">朝如青丝暮成雪</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">人生得意须尽欢</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">莫使金樽空对月</div></div><div class="t-swiper__item" style="height:180px;width:0px"><div class="t-notice-bar__content--vertical-item">君不见</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/notice-bar/_example/suffixIcon.tsx 1`] = `"<div class="t-notice-bar t-notice-bar--info"><div class="t-notice-bar__prefix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div><div class="t-notice-bar__content-wrap"><div class="t-notice-bar__content t-notice-bar__content-wrapable">这是一条普通的通知信息</div></div><div class="t-notice-bar__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close"><path fill="currentColor" d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"></path></svg></div></div>"`;