diff --git a/site/test-coverage.js b/site/test-coverage.js
index 53a9eaca0..b5b8ed76c 100644
--- a/site/test-coverage.js
+++ b/site/test-coverage.js
@@ -20,7 +20,7 @@ module.exports = {
   dropdownMenu: { statements: '12%', branches: '0%', functions: '0%', lines: '12.85%' },
   empty: { statements: '21.42%', branches: '0%', functions: '0%', lines: '21.42%' },
   fab: { statements: '5.4%', branches: '0%', functions: '0%', lines: '5.4%' },
-  footer: { statements: '40%', branches: '0%', functions: '0%', lines: '40%' },
+  footer: { statements: '100%', branches: '100%', functions: '100%', lines: '100%' },
   form: { statements: '2.8%', branches: '0%', functions: '0%', lines: '2.96%' },
   grid: { statements: '100%', branches: '100%', functions: '100%', lines: '100%' },
   guide: { statements: '3.46%', branches: '0%', functions: '0%', lines: '3.77%' },
diff --git a/src/button/__tests__/__snapshots__/button.test.tsx.snap b/src/button/__tests__/__snapshots__/button.test.tsx.snap
deleted file mode 100644
index 3b3e84141..000000000
--- a/src/button/__tests__/__snapshots__/button.test.tsx.snap
+++ /dev/null
@@ -1,19 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Button > content 1`] = `
-<span
-  class="t-button__content"
->
-   
-  按钮组件
-</span>
-`;
-
-exports[`Button 组件测试 > content 1`] = `
-<span
-  class="t-button__content"
->
-   
-  按钮组件
-</span>
-`;
diff --git a/src/footer/Footer.tsx b/src/footer/Footer.tsx
index 1b220c144..cd4fc2983 100644
--- a/src/footer/Footer.tsx
+++ b/src/footer/Footer.tsx
@@ -11,16 +11,16 @@ export interface FooterProps extends TdFooterProps, StyledProps {}
 const Footer: React.FC<FooterProps> = (originProps) => {
   const props = useDefaultProps(originProps, footerDefaultProps);
 
-  const { links, text, logo } = props;
+  const { links, text, logo, className, style } = props;
 
   const footerClass = usePrefixClass('footer');
   const footerLinkClass = usePrefixClass('footer__link');
 
   return (
-    <div className={`${footerClass}`}>
+    <div className={`${footerClass} ${className || ''}`} style={style}>
       {logo && (
         <a className={`${footerClass}__logo`} href={logo.url} target={logo.target}>
-          {logo.icon && <TImage className={`${footerClass}__icon`} src={logo.icon} />}
+          {logo.icon && <TImage className={`${footerClass}__${logo.title ? 'icon' : 'title-url'}`} src={logo.icon} />}
           {logo.title && <span className={`${footerClass}__title`}>{logo.title}</span>}
         </a>
       )}
diff --git a/src/footer/__tests__/footer.test.tsx b/src/footer/__tests__/footer.test.tsx
new file mode 100644
index 000000000..6d793e1d4
--- /dev/null
+++ b/src/footer/__tests__/footer.test.tsx
@@ -0,0 +1,67 @@
+import { render } from '@test/utils';
+import { describe, test, expect } from 'vitest';
+import React from 'react';
+import Footer from '../Footer';
+
+describe('Footer', () => {
+  describe('props', () => {
+    test(': text', () => {
+      const text = 'Hello. TDesign Footer.';
+      const { container } = render(<Footer text={text} />);
+      const textElement = container.querySelector('.t-footer__text');
+      expect(textElement).toBeTruthy();
+      expect(textElement.innerHTML).toBe(text);
+    });
+
+    test('logo with title', () => {
+      const logo = {
+        icon: 'https://tdesign.gtimg.com/mobile/demos/logo2.png',
+        title: '品牌名称',
+      };
+      const { container } = render(<Footer logo={logo} />);
+      const imgElement = container.querySelector('.t-footer__icon img');
+      expect(imgElement).toBeTruthy();
+      expect(imgElement.getAttribute('src')).toBe(logo.icon);
+      const logoTitleElement = container.querySelector('.t-footer__title');
+      expect(logoTitleElement).toBeTruthy();
+      expect(logoTitleElement.innerHTML).toBe(logo.title);
+    });
+
+    test('logo without title', () => {
+      const logo = {
+        icon: 'https://tdesign.gtimg.com/mobile/demos/logo2.png',
+      };
+      const { container } = render(<Footer logo={logo} />);
+      const imgElement = container.querySelector('.t-footer__title-url');
+      expect(imgElement).toBeTruthy();
+    });
+
+    test(': links', () => {
+      const links = [
+        {
+          name: '底部链接A',
+          url: 'https://a',
+        },
+        {
+          name: '底部链接B',
+          url: 'https://b',
+        },
+      ];
+      const { container } = render(<Footer links={links} />);
+      expect(container.querySelector('.t-footer__link-list')).toBeTruthy();
+      const itemsElement = container.querySelectorAll('.t-footer__link-item');
+      expect(itemsElement.length).toBe(links.length);
+      expect(itemsElement[0].innerHTML).toBe(links[0].name);
+    });
+
+    test(': className', () => {
+      const { container } = render(<Footer text="hello" className="custom-class" />);
+      expect(container.querySelector('.t-footer.custom-class')).toBeTruthy();
+    });
+
+    test(': style', () => {
+      const { container } = render(<Footer text="hello" style={{ fontSize: '100px' }} />);
+      expect(window.getComputedStyle(container.querySelector('.t-footer')).fontSize).toBe('100px');
+    });
+  });
+});
diff --git a/src/footer/_example/links.tsx b/src/footer/_example/links.tsx
index 25c40104f..747b9cae6 100644
--- a/src/footer/_example/links.tsx
+++ b/src/footer/_example/links.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Footer } from 'tdesign-mobile-react';
 
-const text = 'Copyright © 2021-2031 TD.All Rights Reserved.';
+const text = 'Copyright © 2019-2023 TDesign.All Rights Reserved.';
 
 const links = [
   [
diff --git a/src/footer/_example/logo.tsx b/src/footer/_example/logo.tsx
index 83c96ac00..53dba5acc 100644
--- a/src/footer/_example/logo.tsx
+++ b/src/footer/_example/logo.tsx
@@ -2,10 +2,19 @@ import React from 'react';
 import { Footer } from 'tdesign-mobile-react';
 
 const logo = {
-  icon: 'https://tdesign.gtimg.com/mobile/demos/logo2.png',
-  title: '品牌名称',
+  icon: 'https://tdesign.gtimg.com/mobile/demos/logo1.png',
 };
+const text = 'Copyright © 2019-2023 TDesign.All Rights Reserved.';
 
 export default function LogoDemo() {
-  return <Footer logo={logo} />;
+  return (
+    <>
+      <div className="footer-example">
+        <Footer logo={logo} text={text} />
+      </div>
+      <div className="footer-example">
+        <Footer logo={logo} />
+      </div>
+    </>
+  );
 }
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index db2febc61..cc021f42e 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -53903,7 +53903,7 @@ exports[`csr snapshot test > csr test src/fab/_example/index.tsx 1`] = `
 exports[`csr snapshot test > csr test src/footer/_example/base.tsx 1`] = `
 <div>
   <div
-    class="t-footer"
+    class="t-footer "
   >
     <div
       class="t-footer__text"
@@ -53949,7 +53949,7 @@ exports[`csr snapshot test > csr test src/footer/_example/index.tsx 1`] = `
         class="tdesign-mobile-demo-block__slot"
       >
         <div
-          class="t-footer"
+          class="t-footer "
         >
           <div
             class="t-footer__text"
@@ -53978,7 +53978,7 @@ exports[`csr snapshot test > csr test src/footer/_example/index.tsx 1`] = `
           class="footer-example"
         >
           <div
-            class="t-footer"
+            class="t-footer "
           >
             <div
               class="t-footer__link-list"
@@ -53993,7 +53993,7 @@ exports[`csr snapshot test > csr test src/footer/_example/index.tsx 1`] = `
             <div
               class="t-footer__text"
             >
-              Copyright © 2021-2031 TD.All Rights Reserved.
+              Copyright © 2019-2023 TDesign.All Rights Reserved.
             </div>
           </div>
         </div>
@@ -54001,7 +54001,7 @@ exports[`csr snapshot test > csr test src/footer/_example/index.tsx 1`] = `
           class="footer-example"
         >
           <div
-            class="t-footer"
+            class="t-footer "
           >
             <div
               class="t-footer__link-list"
@@ -54027,7 +54027,7 @@ exports[`csr snapshot test > csr test src/footer/_example/index.tsx 1`] = `
             <div
               class="t-footer__text"
             >
-              Copyright © 2021-2031 TD.All Rights Reserved.
+              Copyright © 2019-2023 TDesign.All Rights Reserved.
             </div>
           </div>
         </div>
@@ -54049,51 +54049,101 @@ exports[`csr snapshot test > csr test src/footer/_example/index.tsx 1`] = `
         class="tdesign-mobile-demo-block__slot"
       >
         <div
-          class="t-footer"
+          class="footer-example"
         >
-          <a
-            class="t-footer__logo"
+          <div
+            class="t-footer "
           >
-            <div
-              class="t-image t-image--square t-footer__icon"
+            <a
+              class="t-footer__logo"
             >
               <div
-                class="t-image__mask"
+                class="t-image t-image--square t-footer__title-url"
               >
                 <div
-                  class="t-loading t-loading--center"
-                  style="color: inherit; font-size: 20px;"
+                  class="t-image__mask"
                 >
                   <div
-                    class="t-loading__dots"
-                    style="animation-duration: 800ms; width: 20px; height: 20px;"
+                    class="t-loading t-loading--center"
+                    style="color: inherit; font-size: 20px;"
                   >
                     <div
-                      class="t-loading__dot"
-                      style="animation-duration: 0.8s; animation-delay: 0s;"
-                    />
-                    <div
-                      class="t-loading__dot"
-                      style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                    />
-                    <div
-                      class="t-loading__dot"
-                      style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                    />
+                      class="t-loading__dots"
+                      style="animation-duration: 800ms; width: 20px; height: 20px;"
+                    >
+                      <div
+                        class="t-loading__dot"
+                        style="animation-duration: 0.8s; animation-delay: 0s;"
+                      />
+                      <div
+                        class="t-loading__dot"
+                        style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
+                      />
+                      <div
+                        class="t-loading__dot"
+                        style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
+                      />
+                    </div>
                   </div>
                 </div>
+                <img
+                  class="t-image__img t-image--fit-fill t-image--position-center"
+                  src="https://tdesign.gtimg.com/mobile/demos/logo1.png"
+                />
               </div>
-              <img
-                class="t-image__img t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/mobile/demos/logo2.png"
-              />
+            </a>
+            <div
+              class="t-footer__text"
+            >
+              Copyright © 2019-2023 TDesign.All Rights Reserved.
             </div>
-            <span
-              class="t-footer__title"
+          </div>
+        </div>
+        <div
+          class="footer-example"
+        >
+          <div
+            class="t-footer "
+          >
+            <a
+              class="t-footer__logo"
             >
-              品牌名称
-            </span>
-          </a>
+              <div
+                class="t-image t-image--square t-footer__title-url"
+              >
+                <div
+                  class="t-image__mask"
+                >
+                  <div
+                    class="t-loading t-loading--center"
+                    style="color: inherit; font-size: 20px;"
+                  >
+                    <div
+                      class="t-loading__dots"
+                      style="animation-duration: 800ms; width: 20px; height: 20px;"
+                    >
+                      <div
+                        class="t-loading__dot"
+                        style="animation-duration: 0.8s; animation-delay: 0s;"
+                      />
+                      <div
+                        class="t-loading__dot"
+                        style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
+                      />
+                      <div
+                        class="t-loading__dot"
+                        style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <img
+                  class="t-image__img t-image--fit-fill t-image--position-center"
+                  src="https://tdesign.gtimg.com/mobile/demos/logo1.png"
+                />
+              </div>
+            </a>
+          </div>
         </div>
       </div>
     </div>
@@ -54107,7 +54157,7 @@ exports[`csr snapshot test > csr test src/footer/_example/links.tsx 1`] = `
     class="footer-example"
   >
     <div
-      class="t-footer"
+      class="t-footer "
     >
       <div
         class="t-footer__link-list"
@@ -54122,7 +54172,7 @@ exports[`csr snapshot test > csr test src/footer/_example/links.tsx 1`] = `
       <div
         class="t-footer__text"
       >
-        Copyright © 2021-2031 TD.All Rights Reserved.
+        Copyright © 2019-2023 TDesign.All Rights Reserved.
       </div>
     </div>
   </div>
@@ -54130,7 +54180,7 @@ exports[`csr snapshot test > csr test src/footer/_example/links.tsx 1`] = `
     class="footer-example"
   >
     <div
-      class="t-footer"
+      class="t-footer "
     >
       <div
         class="t-footer__link-list"
@@ -54156,7 +54206,7 @@ exports[`csr snapshot test > csr test src/footer/_example/links.tsx 1`] = `
       <div
         class="t-footer__text"
       >
-        Copyright © 2021-2031 TD.All Rights Reserved.
+        Copyright © 2019-2023 TDesign.All Rights Reserved.
       </div>
     </div>
   </div>
@@ -54166,51 +54216,101 @@ exports[`csr snapshot test > csr test src/footer/_example/links.tsx 1`] = `
 exports[`csr snapshot test > csr test src/footer/_example/logo.tsx 1`] = `
 <div>
   <div
-    class="t-footer"
+    class="footer-example"
   >
-    <a
-      class="t-footer__logo"
+    <div
+      class="t-footer "
     >
-      <div
-        class="t-image t-image--square t-footer__icon"
+      <a
+        class="t-footer__logo"
       >
         <div
-          class="t-image__mask"
+          class="t-image t-image--square t-footer__title-url"
         >
           <div
-            class="t-loading t-loading--center"
-            style="color: inherit; font-size: 20px;"
+            class="t-image__mask"
           >
             <div
-              class="t-loading__dots"
-              style="animation-duration: 800ms; width: 20px; height: 20px;"
+              class="t-loading t-loading--center"
+              style="color: inherit; font-size: 20px;"
             >
               <div
-                class="t-loading__dot"
-                style="animation-duration: 0.8s; animation-delay: 0s;"
-              />
-              <div
-                class="t-loading__dot"
-                style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-              />
-              <div
-                class="t-loading__dot"
-                style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-              />
+                class="t-loading__dots"
+                style="animation-duration: 800ms; width: 20px; height: 20px;"
+              >
+                <div
+                  class="t-loading__dot"
+                  style="animation-duration: 0.8s; animation-delay: 0s;"
+                />
+                <div
+                  class="t-loading__dot"
+                  style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
+                />
+                <div
+                  class="t-loading__dot"
+                  style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
+                />
+              </div>
             </div>
           </div>
+          <img
+            class="t-image__img t-image--fit-fill t-image--position-center"
+            src="https://tdesign.gtimg.com/mobile/demos/logo1.png"
+          />
         </div>
-        <img
-          class="t-image__img t-image--fit-fill t-image--position-center"
-          src="https://tdesign.gtimg.com/mobile/demos/logo2.png"
-        />
+      </a>
+      <div
+        class="t-footer__text"
+      >
+        Copyright © 2019-2023 TDesign.All Rights Reserved.
       </div>
-      <span
-        class="t-footer__title"
+    </div>
+  </div>
+  <div
+    class="footer-example"
+  >
+    <div
+      class="t-footer "
+    >
+      <a
+        class="t-footer__logo"
       >
-        品牌名称
-      </span>
-    </a>
+        <div
+          class="t-image t-image--square t-footer__title-url"
+        >
+          <div
+            class="t-image__mask"
+          >
+            <div
+              class="t-loading t-loading--center"
+              style="color: inherit; font-size: 20px;"
+            >
+              <div
+                class="t-loading__dots"
+                style="animation-duration: 800ms; width: 20px; height: 20px;"
+              >
+                <div
+                  class="t-loading__dot"
+                  style="animation-duration: 0.8s; animation-delay: 0s;"
+                />
+                <div
+                  class="t-loading__dot"
+                  style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
+                />
+                <div
+                  class="t-loading__dot"
+                  style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
+                />
+              </div>
+            </div>
+          </div>
+          <img
+            class="t-image__img t-image--fit-fill t-image--position-center"
+            src="https://tdesign.gtimg.com/mobile/demos/logo1.png"
+          />
+        </div>
+      </a>
+    </div>
   </div>
 </div>
 `;
@@ -126210,13 +126310,13 @@ exports[`ssr snapshot test > ssr test src/fab/_example/draggable.tsx 1`] = `"<di
 
 exports[`ssr snapshot test > ssr test src/fab/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Fab 悬浮按钮</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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle fab-btn t-button--block"><span class="t-button__content"> <!-- -->纯图标悬浮按钮</span></button></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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle fab-btn t-button--block"><span class="t-button__content"> <!-- -->图标加文字悬浮按钮</span></button></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">可移动悬浮按钮</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle fab-btn t-button--block"><span class="t-button__content"> <!-- -->可移动悬浮按钮</span></button></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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle fab-btn t-button--block"><span class="t-button__content"> <!-- -->带自动收缩功能</span></button></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__slot with-padding"><div class="group"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:163.5px;height:163.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:61%"></div></div></div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:163.5px;height:163.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:61%"></div></div></div></div><div class="group"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:163.5px;height:163.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:61%"></div></div></div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:163.5px;height:163.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:61%"></div></div></div></div></div></div><div class="t-fab" style="right:16px;bottom:32px"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle t-fab__button"><svg class="t-icon t-icon-add" style="font-size:24px"><use xlink:href="#t-icon-add"></use></svg></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/footer/_example/base.tsx 1`] = `"<div class="t-footer"><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div>"`;
+exports[`ssr snapshot test > ssr test src/footer/_example/base.tsx 1`] = `"<div class="t-footer "><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/footer/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo2.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Footer 页脚</h1><p class="tdesign-mobile-demo-header__summary">用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></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-footer"><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</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="footer-example"><div class="t-footer"><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2021-2031 TD.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer"><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a><div class="t-footer__link-line">|</div><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2021-2031 TD.All Rights Reserved.</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-footer"><a class="t-footer__logo"><div class="t-image t-image--square t-footer__icon"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo2.png"/></div><span class="t-footer__title">品牌名称</span></a></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/footer/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Footer 页脚</h1><p class="tdesign-mobile-demo-header__summary">用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></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-footer "><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</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="footer-example"><div class="t-footer "><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a><div class="t-footer__link-line">|</div><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</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="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/footer/_example/links.tsx 1`] = `"<div class="footer-example"><div class="t-footer"><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2021-2031 TD.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer"><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a><div class="t-footer__link-line">|</div><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2021-2031 TD.All Rights Reserved.</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/footer/_example/links.tsx 1`] = `"<div class="footer-example"><div class="t-footer "><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a><div class="t-footer__link-line">|</div><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/footer/_example/logo.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo2.png"/><div class="t-footer"><a class="t-footer__logo"><div class="t-image t-image--square t-footer__icon"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo2.png"/></div><span class="t-footer__title">品牌名称</span></a></div>"`;
+exports[`ssr snapshot test > ssr test src/footer/_example/logo.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/form/_example/horizontal.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index d36782482..24512d2e2 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -236,13 +236,13 @@ exports[`ssr snapshot test > ssr test src/fab/_example/draggable.tsx 1`] = `"<di
 
 exports[`ssr snapshot test > ssr test src/fab/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Fab 悬浮按钮</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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle fab-btn t-button--block"><span class="t-button__content"> <!-- -->纯图标悬浮按钮</span></button></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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle fab-btn t-button--block"><span class="t-button__content"> <!-- -->图标加文字悬浮按钮</span></button></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">可移动悬浮按钮</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle fab-btn t-button--block"><span class="t-button__content"> <!-- -->可移动悬浮按钮</span></button></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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle fab-btn t-button--block"><span class="t-button__content"> <!-- -->带自动收缩功能</span></button></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__slot with-padding"><div class="group"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:163.5px;height:163.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:61%"></div></div></div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:163.5px;height:163.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:61%"></div></div></div></div><div class="group"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:163.5px;height:163.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:61%"></div></div></div><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:163.5px;height:163.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:61%"></div></div></div></div></div></div><div class="t-fab" style="right:16px;bottom:32px"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle t-fab__button"><svg class="t-icon t-icon-add" style="font-size:24px"><use xlink:href="#t-icon-add"></use></svg></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/footer/_example/base.tsx 1`] = `"<div class="t-footer"><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div>"`;
+exports[`ssr snapshot test > ssr test src/footer/_example/base.tsx 1`] = `"<div class="t-footer "><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/footer/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo2.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Footer 页脚</h1><p class="tdesign-mobile-demo-header__summary">用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></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-footer"><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</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="footer-example"><div class="t-footer"><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2021-2031 TD.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer"><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a><div class="t-footer__link-line">|</div><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2021-2031 TD.All Rights Reserved.</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-footer"><a class="t-footer__logo"><div class="t-image t-image--square t-footer__icon"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo2.png"/></div><span class="t-footer__title">品牌名称</span></a></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/footer/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Footer 页脚</h1><p class="tdesign-mobile-demo-header__summary">用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></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-footer "><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</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="footer-example"><div class="t-footer "><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a><div class="t-footer__link-line">|</div><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</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="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/footer/_example/links.tsx 1`] = `"<div class="footer-example"><div class="t-footer"><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2021-2031 TD.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer"><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a><div class="t-footer__link-line">|</div><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2021-2031 TD.All Rights Reserved.</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/footer/_example/links.tsx 1`] = `"<div class="footer-example"><div class="t-footer "><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><div class="t-footer__link-list"><a href="" class="t-footer__link-item">底部链接</a><div class="t-footer__link-line">|</div><a href="" class="t-footer__link-item">底部链接</a></div><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/footer/_example/logo.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo2.png"/><div class="t-footer"><a class="t-footer__logo"><div class="t-image t-image--square t-footer__icon"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo2.png"/></div><span class="t-footer__title">品牌名称</span></a></div>"`;
+exports[`ssr snapshot test > ssr test src/footer/_example/logo.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/form/_example/horizontal.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;