From 2cc2459db9d9258f8babf4a7bf27f6ef5e76664e Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 20 Jan 2025 13:21:42 +0000
Subject: [PATCH] chore: update snapshot

---
 test/snap/__snapshots__/csr.test.jsx.snap | 36 +++++++++++------------
 test/snap/__snapshots__/ssr.test.jsx.snap |  4 +--
 2 files changed, 20 insertions(+), 20 deletions(-)

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>"`;