From 648ee5924fa4f62c08a8ff80a071e7da0d1889be Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 24 Dec 2025 01:02:28 +0800
Subject: [PATCH 1/9] feat(Badge): the shape attr add four optional values

---
 src/badge/Badge.tsx      | 50 +++++++++++++++++++++++++---------------
 src/badge/badge.en-US.md | 13 +++++------
 src/badge/badge.md       |  2 +-
 src/badge/type.ts        | 12 ++++++++--
 4 files changed, 48 insertions(+), 29 deletions(-)

diff --git a/src/badge/Badge.tsx b/src/badge/Badge.tsx
index 7732675a0..1a5b21a9c 100644
--- a/src/badge/Badge.tsx
+++ b/src/badge/Badge.tsx
@@ -11,14 +11,12 @@ import { usePrefixClass } from '../hooks/useClass';
 
 export interface BadgeProps extends TdBadgeProps, StyledProps {}
 
-const hasUnit = (unit: string) =>
-  unit.indexOf('px') > 0 ||
-  unit.indexOf('rpx') > 0 ||
-  unit.indexOf('em') > 0 ||
-  unit.indexOf('rem') > 0 ||
-  unit.indexOf('%') > 0 ||
-  unit.indexOf('vh') > 0 ||
-  unit.indexOf('vm') > 0;
+const hasUnit = (value: string): boolean => /px|rpx|em|rem|%|vh|vw/.test(value);
+
+const addUnit = (value: string | number): string => {
+  const strValue = value.toString();
+  return hasUnit(strValue) ? strValue : `${value}px`;
+};
 
 const Badge = forwardRef<HTMLDivElement, BadgeProps>((originProps, ref) => {
   const props = useDefaultProps(originProps, badgeDefaultProps);
@@ -27,22 +25,38 @@ const Badge = forwardRef<HTMLDivElement, BadgeProps>((originProps, ref) => {
   const { classPrefix } = useConfig();
   const badgeClass = usePrefixClass('badge');
 
+  const childNode = content || children;
+
   // 徽标自定义样式
   const badgeInnerStyles = useMemo(() => {
-    const mergedStyle: React.CSSProperties = {};
-    if (color) mergedStyle.backgroundColor = color;
-    if (offset && Array.isArray(offset)) {
-      const [right = 0, top = 0]: Array<string | number> = offset;
-      mergedStyle.right = hasUnit(right.toString()) ? right : `${right}px`;
-      mergedStyle.top = hasUnit(top.toString()) ? top : `${top}px`;
+    const styles: React.CSSProperties = {};
+    if (color) styles.backgroundColor = color;
+    const [xOffset = 0, yOffset = 0]: Array<string | number> = offset || [];
+
+    if (xOffset) {
+      styles.left = `calc(100% + ${addUnit(xOffset)})`;
+    }
+
+    if (yOffset) {
+      styles.top = addUnit(yOffset);
     }
-    return mergedStyle;
+
+    return styles;
   }, [color, offset]);
 
+  // 是否使用外层类名
+  const useOuterClass = useMemo(() => {
+    const target = ['ribbon', 'ribbon-right', 'ribbon-left', 'triangle-right', 'triangle-left'];
+    if (content || !target.includes(shape)) {
+      return false;
+    }
+    return !parseTNode(childNode);
+  }, [content, shape, childNode]);
+
   // 徽标外层样式类
   const badgeClasses = classNames(className, {
     [`${badgeClass}`]: true,
-    [`${badgeClass}__ribbon-outer`]: shape === 'ribbon',
+    [`${badgeClass}__${shape}-outer`]: useOuterClass,
   });
 
   // 徽标内层样式类
@@ -78,8 +92,6 @@ const Badge = forwardRef<HTMLDivElement, BadgeProps>((originProps, ref) => {
     return parseTNode(count);
   }, [dot, count, maxCount, showZero]);
 
-  const childNode = content || children;
-
   const readerContent = () => {
     if (typeof content === 'string') {
       return <span className={`${badgeClass}__content-text`}>{content}</span>;
@@ -91,7 +103,7 @@ const Badge = forwardRef<HTMLDivElement, BadgeProps>((originProps, ref) => {
     if (!isShowBadge) return null;
     return (
       <div className={badgeInnerClasses} style={badgeInnerStyles}>
-        {readerCount}
+        <div className={`${badgeClass}__count`}>{readerCount}</div>
       </div>
     );
   };
diff --git a/src/badge/badge.en-US.md b/src/badge/badge.en-US.md
index 1c31465f8..c0c654bf0 100644
--- a/src/badge/badge.en-US.md
+++ b/src/badge/badge.en-US.md
@@ -2,21 +2,20 @@
 
 ## API
 
-
 ### Badge Props
 
 name | type | default | description | required
 -- | -- | -- | -- | --
 className | String | - | className of component | N
-style | Object | - | CSS(Cascading Style Sheets)，Typescript：`React.CSSProperties` | N
-children | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+style | Object | - | CSS(Cascading Style Sheets)，Typescript: `React.CSSProperties` | N
+children | TNode | - | Typescript: `string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 color | String | - | \- | N
-content | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
-count | TNode | 0 | Typescript：`string \| number \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+content | TNode | - | Typescript: `string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+count | TNode | 0 | Typescript: `string \| number \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 dot | Boolean | false | \- | N
 maxCount | Number | 99 | \- | N
-offset | Array | - | Typescript：`Array<string \| number>` | N
-shape | String | circle | options: circle/square/bubble/ribbon | N
+offset | Array | - | Typescript: `Array<string \| number>` | N
+shape | String | circle | options: circle/square/bubble/ribbon/ribbon-right/ribbon-left/triangle-right/triangle-left | N
 showZero | Boolean | false | \- | N
 size | String | medium | options: medium/large | N
 
diff --git a/src/badge/badge.md b/src/badge/badge.md
index 7022eccea..978eafa8c 100644
--- a/src/badge/badge.md
+++ b/src/badge/badge.md
@@ -15,7 +15,7 @@ count | TNode | 0 | 徽标右上角内容。可以是数字，也可以是文字
 dot | Boolean | false | 是否为红点 | N
 maxCount | Number | 99 | 封顶的数字值 | N
 offset | Array | - | 设置状态点的位置偏移，示例：[-10, 20] 或 ['10em', '8rem']。TS 类型：`Array<string \| number>` | N
-shape | String | circle | 形状。可选项：circle/square/bubble/ribbon | N
+shape | String | circle | 徽标形状，其中 ribbon 和 ribbon-right 等价。可选项：circle/square/bubble/ribbon/ribbon-right/ribbon-left/triangle-right/triangle-left | N
 showZero | Boolean | false | 当数值为 0 时，是否展示徽标 | N
 size | String | medium | 尺寸。可选项：medium/large | N
 
diff --git a/src/badge/type.ts b/src/badge/type.ts
index 1b787c7a0..5efb93a24 100644
--- a/src/badge/type.ts
+++ b/src/badge/type.ts
@@ -40,10 +40,18 @@ export interface TdBadgeProps {
    */
   offset?: Array<string | number>;
   /**
-   * 形状
+   * 徽标形状，其中 ribbon 和 ribbon-right 等价
    * @default circle
    */
-  shape?: 'circle' | 'square' | 'bubble' | 'ribbon';
+  shape?:
+    | 'circle'
+    | 'square'
+    | 'bubble'
+    | 'ribbon'
+    | 'ribbon-right'
+    | 'ribbon-left'
+    | 'triangle-right'
+    | 'triangle-left';
   /**
    * 当数值为 0 时，是否展示徽标
    * @default false

From 1e1cf6ecaf9aa02febb5322c3d3a47e45d0d7cc9 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 24 Dec 2025 01:07:42 +0800
Subject: [PATCH 2/9] feat(Badge): update demo

---
 src/badge/__tests__/index.test.tsx        |  16 +-
 src/badge/_example/base.tsx               |   4 +-
 src/badge/_example/theme.tsx              |  11 +-
 src/tabs/_example/badge.tsx               |   4 +-
 test/snap/__snapshots__/csr.test.jsx.snap | 690 +++++++++++++++++-----
 test/snap/__snapshots__/ssr.test.jsx.snap |  44 +-
 6 files changed, 583 insertions(+), 186 deletions(-)

diff --git a/src/badge/__tests__/index.test.tsx b/src/badge/__tests__/index.test.tsx
index 57bde69f3..40c717e51 100644
--- a/src/badge/__tests__/index.test.tsx
+++ b/src/badge/__tests__/index.test.tsx
@@ -53,11 +53,11 @@ describe('Badge', () => {
 
     it(':count', () => {
       const { container } = render(<Badge count={99} />);
-      expect(container.querySelector('.t-badge--basic').innerHTML.trim()).toBe('99');
+      expect(container.querySelector('.t-badge--basic > .t-badge__count').innerHTML.trim()).toBe('99');
       const { container: container2 } = render(<Badge count={() => 33} />);
-      expect(container2.querySelector('.t-badge--basic').innerHTML.trim()).toBe('33');
+      expect(container2.querySelector('.t-badge--basic > .t-badge__count').innerHTML.trim()).toBe('33');
       const { container: container3 } = render(<Badge count={null} />);
-      expect(container3.querySelector('.t-badge--basic')).toBe(null);
+      expect(container3.querySelector('.t-badge--basic > .t-badge__count')).toBe(null);
     });
 
     it(':dot', () => {
@@ -67,21 +67,19 @@ describe('Badge', () => {
 
     it(':maxCount', () => {
       const { container } = render(<Badge count={100} maxCount={99} />);
-      expect(container.querySelector('.t-badge--basic').innerHTML.trim()).toBe('99+');
+      expect(container.querySelector('.t-badge--basic > .t-badge__count').innerHTML.trim()).toBe('99+');
     });
 
     it(':offset', () => {
       const { container } = render(<Badge count={3} offset={[10, 10]} />);
       expect(container.querySelector('.t-badge--basic').getAttribute('style'))
-        .contain('right: 10px;')
+        .contain('left: calc(100% + 10px);')
         .contain('top: 10px;');
       const { container: container1 } = render(<Badge count={3} offset={[]} />);
-      expect(container1.querySelector('.t-badge--basic').getAttribute('style'))
-        .contain('right: 0px;')
-        .contain('top: 0px;');
+      expect(container1.querySelector('.t-badge--basic').getAttribute('style')).toBe(null);
       const { container: container2 } = render(<Badge count={3} offset={['10em', '10rem']} />);
       expect(container2.querySelector('.t-badge--basic').getAttribute('style'))
-        .contain('right: 10em;')
+        .contain('left: calc(100% + 10em);')
         .contain('top: 10rem;');
     });
 
diff --git a/src/badge/_example/base.tsx b/src/badge/_example/base.tsx
index c15ee298f..e5e782e73 100644
--- a/src/badge/_example/base.tsx
+++ b/src/badge/_example/base.tsx
@@ -18,8 +18,8 @@ export default function BaseBadge() {
 
       <div className="summary">数字徽标</div>
       <div className="badge-demo">
-        <Badge count="8" content="消息" offset={[-8, 0]} className="badge-item" />
-        <Badge count="2" offset={[-2, -2]} className="badge-item">
+        <Badge count="8" content="消息" offset={[4, 0]} className="badge-item" />
+        <Badge count="2" offset={[2, -2]} className="badge-item">
           <NotificationIcon size={24} />
         </Badge>
         <Badge count="8" offset={[2, 2]} className="badge-item">
diff --git a/src/badge/_example/theme.tsx b/src/badge/_example/theme.tsx
index 3b2161e59..c5667397e 100644
--- a/src/badge/_example/theme.tsx
+++ b/src/badge/_example/theme.tsx
@@ -7,14 +7,14 @@ export default function ThemeBadge() {
     <>
       <div className="summary">圆形徽标</div>
       <div className="badge-demo">
-        <Badge count="2" offset={[-2, -2]}>
+        <Badge count="2" offset={[2, -2]}>
           <NotificationIcon size={24} />
         </Badge>
       </div>
 
       <div className="summary">方形徽标</div>
       <div className="badge-demo">
-        <Badge count="2" shape="square" offset={[-2, -2]}>
+        <Badge count="2" shape="square" offset={[1, -2]}>
           <NotificationIcon size={24} />
         </Badge>
       </div>
@@ -29,7 +29,12 @@ export default function ThemeBadge() {
       <div className="summary" style={{ marginBottom: '16px' }}>
         角标
       </div>
-      <Cell title="单行标题" note={<Badge count="New" offset={[0, 0]} shape="ribbon" />}></Cell>
+      <Cell title="单行标题" note={<Badge count="NEW" offset={[0, 0]} shape="ribbon" />}></Cell>
+
+      <div className="summary" style={{ marginBottom: '16px' }}>
+        三角角标
+      </div>
+      <Cell title="单行标题" note={<Badge count="NEW" offset={[0, 0]} shape="triangle-right" />}></Cell>
     </>
   );
 }
diff --git a/src/tabs/_example/badge.tsx b/src/tabs/_example/badge.tsx
index 8f7a86728..2258138ce 100644
--- a/src/tabs/_example/badge.tsx
+++ b/src/tabs/_example/badge.tsx
@@ -4,8 +4,8 @@ import { Tabs, TabPanel } from 'tdesign-mobile-react';
 export default () => (
   <div>
     <Tabs defaultValue={'first'}>
-      <TabPanel value={'first'} badgeProps={{ dot: true, offset: [-4, 1] }} label="选项"></TabPanel>
-      <TabPanel value={'second'} badgeProps={{ count: 8, offset: [-8, 3] }} label="选项"></TabPanel>
+      <TabPanel value={'first'} badgeProps={{ dot: true, offset: [0, 1] }} label="选项"></TabPanel>
+      <TabPanel value={'second'} badgeProps={{ count: 8, offset: [0, 1] }} label="选项"></TabPanel>
       <TabPanel value={'third'} label="选项"></TabPanel>
     </Tabs>
   </div>
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 6ef3d3795..809594292 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -1573,7 +1573,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/grid.tsx 1`] = `
                           </div>
                           <div
                             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                          />
+                          >
+                            <div
+                              class="t-badge__count"
+                            />
+                          </div>
                         </div>
                       </div>
                       <div
@@ -1639,7 +1643,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/grid.tsx 1`] = `
                           </div>
                           <div
                             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                          />
+                          >
+                            <div
+                              class="t-badge__count"
+                            />
+                          </div>
                         </div>
                       </div>
                       <div
@@ -1705,7 +1713,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/grid.tsx 1`] = `
                           </div>
                           <div
                             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                          />
+                          >
+                            <div
+                              class="t-badge__count"
+                            />
+                          </div>
                         </div>
                       </div>
                       <div
@@ -1772,7 +1784,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/grid.tsx 1`] = `
                           <div
                             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
                           >
-                            99
+                            <div
+                              class="t-badge__count"
+                            >
+                              99
+                            </div>
                           </div>
                         </div>
                       </div>
@@ -3252,7 +3268,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/index.tsx 1`] =
                         </div>
                         <div
                           class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                        />
+                        >
+                          <div
+                            class="t-badge__count"
+                          />
+                        </div>
                       </div>
                     </div>
                   </span>
@@ -3282,9 +3302,13 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/index.tsx 1`] =
                         </div>
                         <div
                           class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                          style="right: -6px; top: 2px;"
+                          style="left: calc(100% - 6px); top: 2px;"
                         >
-                          8
+                          <div
+                            class="t-badge__count"
+                          >
+                            8
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -3315,9 +3339,13 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/index.tsx 1`] =
                         </div>
                         <div
                           class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                          style="right: -6px; top: 2px;"
+                          style="left: calc(100% - 6px); top: 2px;"
                         >
-                          99
+                          <div
+                            class="t-badge__count"
+                          >
+                            99
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -3348,9 +3376,13 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/index.tsx 1`] =
                         </div>
                         <div
                           class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                          style="right: -10px; top: 2px;"
+                          style="left: calc(100% - 10px); top: 2px;"
                         >
-                          99+
+                          <div
+                            class="t-badge__count"
+                          >
+                            99+
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -4481,7 +4513,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/index.tsx 1`] =
                                 </div>
                                 <div
                                   class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                                />
+                                >
+                                  <div
+                                    class="t-badge__count"
+                                  />
+                                </div>
                               </div>
                             </div>
                             <div
@@ -4547,7 +4583,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/index.tsx 1`] =
                                 </div>
                                 <div
                                   class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                                />
+                                >
+                                  <div
+                                    class="t-badge__count"
+                                  />
+                                </div>
                               </div>
                             </div>
                             <div
@@ -4613,7 +4653,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/index.tsx 1`] =
                                 </div>
                                 <div
                                   class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                                />
+                                >
+                                  <div
+                                    class="t-badge__count"
+                                  />
+                                </div>
                               </div>
                             </div>
                             <div
@@ -4680,7 +4724,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/index.tsx 1`] =
                                 <div
                                   class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
                                 >
-                                  99
+                                  <div
+                                    class="t-badge__count"
+                                  >
+                                    99
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -6892,7 +6940,11 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/list.tsx 1`] = `
                   </div>
                   <div
                     class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                  />
+                  >
+                    <div
+                      class="t-badge__count"
+                    />
+                  </div>
                 </div>
               </div>
             </span>
@@ -6922,9 +6974,13 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/list.tsx 1`] = `
                   </div>
                   <div
                     class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                    style="right: -6px; top: 2px;"
+                    style="left: calc(100% - 6px); top: 2px;"
                   >
-                    8
+                    <div
+                      class="t-badge__count"
+                    >
+                      8
+                    </div>
                   </div>
                 </div>
               </div>
@@ -6955,9 +7011,13 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/list.tsx 1`] = `
                   </div>
                   <div
                     class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                    style="right: -6px; top: 2px;"
+                    style="left: calc(100% - 6px); top: 2px;"
                   >
-                    99
+                    <div
+                      class="t-badge__count"
+                    >
+                      99
+                    </div>
                   </div>
                 </div>
               </div>
@@ -6988,9 +7048,13 @@ exports[`csr snapshot test > csr test src/action-sheet/_example/list.tsx 1`] = `
                   </div>
                   <div
                     class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                    style="right: -10px; top: 2px;"
+                    style="left: calc(100% - 10px); top: 2px;"
                   >
-                    99+
+                    <div
+                      class="t-badge__count"
+                    >
+                      99+
+                    </div>
                   </div>
                 </div>
               </div>
@@ -7676,8 +7740,12 @@ exports[`csr snapshot test > csr test src/avatar/_example/badge-avatar.tsx 1`] =
           </div>
           <div
             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-            style="right: 4px; top: 4px;"
-          />
+            style="left: calc(100% + 4px); top: 4px;"
+          >
+            <div
+              class="t-badge__count"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -7701,9 +7769,13 @@ exports[`csr snapshot test > csr test src/avatar/_example/badge-avatar.tsx 1`] =
           </div>
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-            style="right: 6px; top: 6px;"
+            style="left: calc(100% + 6px); top: 6px;"
           >
-            8
+            <div
+              class="t-badge__count"
+            >
+              8
+            </div>
           </div>
         </div>
       </div>
@@ -7772,9 +7844,13 @@ exports[`csr snapshot test > csr test src/avatar/_example/badge-avatar.tsx 1`] =
           </div>
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-            style="right: 6px; top: 6px;"
+            style="left: calc(100% + 6px); top: 6px;"
           >
-            12
+            <div
+              class="t-badge__count"
+            >
+              12
+            </div>
           </div>
         </div>
       </div>
@@ -8846,8 +8922,12 @@ exports[`csr snapshot test > csr test src/avatar/_example/index.tsx 1`] = `
                 </div>
                 <div
                   class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                  style="right: 4px; top: 4px;"
-                />
+                  style="left: calc(100% + 4px); top: 4px;"
+                >
+                  <div
+                    class="t-badge__count"
+                  />
+                </div>
               </div>
             </div>
           </div>
@@ -8871,9 +8951,13 @@ exports[`csr snapshot test > csr test src/avatar/_example/index.tsx 1`] = `
                 </div>
                 <div
                   class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                  style="right: 6px; top: 6px;"
+                  style="left: calc(100% + 6px); top: 6px;"
                 >
-                  8
+                  <div
+                    class="t-badge__count"
+                  >
+                    8
+                  </div>
                 </div>
               </div>
             </div>
@@ -8942,9 +9026,13 @@ exports[`csr snapshot test > csr test src/avatar/_example/index.tsx 1`] = `
                 </div>
                 <div
                   class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                  style="right: 6px; top: 6px;"
+                  style="left: calc(100% + 6px); top: 6px;"
                 >
-                  12
+                  <div
+                    class="t-badge__count"
+                  >
+                    12
+                  </div>
                 </div>
               </div>
             </div>
@@ -10866,7 +10954,11 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-      />
+      >
+        <div
+          class="t-badge__count"
+        />
+      </div>
     </div>
     <div
       class="badge-item t-badge"
@@ -10916,8 +11008,12 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-        style="right: 1px; top: -1px;"
-      />
+        style="left: calc(100% + 1px); top: -1px;"
+      >
+        <div
+          class="t-badge__count"
+        />
+      </div>
     </div>
     <div
       class="badge-item t-badge"
@@ -10939,8 +11035,12 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-        style="right: 1px; top: 1px;"
-      />
+        style="left: calc(100% + 1px); top: 1px;"
+      >
+        <div
+          class="t-badge__count"
+        />
+      </div>
     </div>
   </div>
   <div
@@ -10965,9 +11065,13 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-        style="right: -8px; top: 0px;"
+        style="left: calc(100% + 4px);"
       >
-        8
+        <div
+          class="t-badge__count"
+        >
+          8
+        </div>
       </div>
     </div>
     <div
@@ -11018,9 +11122,13 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-        style="right: -2px; top: -2px;"
+        style="left: calc(100% + 2px); top: -2px;"
       >
-        2
+        <div
+          class="t-badge__count"
+        >
+          2
+        </div>
       </div>
     </div>
     <div
@@ -11043,9 +11151,13 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-        style="right: 2px; top: 2px;"
+        style="left: calc(100% + 2px); top: 2px;"
       >
-        8
+        <div
+          class="t-badge__count"
+        >
+          8
+        </div>
       </div>
     </div>
   </div>
@@ -11110,9 +11222,13 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-        style="right: 0px; top: 2px;"
+        style="top: 2px;"
       >
-        NEW
+        <div
+          class="t-badge__count"
+        >
+          NEW
+        </div>
       </div>
     </div>
   </div>
@@ -11175,7 +11291,11 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-            />
+            >
+              <div
+                class="t-badge__count"
+              />
+            </div>
           </div>
           <div
             class="badge-item t-badge"
@@ -11225,8 +11345,12 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-              style="right: 1px; top: -1px;"
-            />
+              style="left: calc(100% + 1px); top: -1px;"
+            >
+              <div
+                class="t-badge__count"
+              />
+            </div>
           </div>
           <div
             class="badge-item t-badge"
@@ -11248,8 +11372,12 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-              style="right: 1px; top: 1px;"
-            />
+              style="left: calc(100% + 1px); top: 1px;"
+            >
+              <div
+                class="t-badge__count"
+              />
+            </div>
           </div>
         </div>
         <div
@@ -11274,9 +11402,13 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-              style="right: -8px; top: 0px;"
+              style="left: calc(100% + 4px);"
             >
-              8
+              <div
+                class="t-badge__count"
+              >
+                8
+              </div>
             </div>
           </div>
           <div
@@ -11327,9 +11459,13 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-              style="right: -2px; top: -2px;"
+              style="left: calc(100% + 2px); top: -2px;"
             >
-              2
+              <div
+                class="t-badge__count"
+              >
+                2
+              </div>
             </div>
           </div>
           <div
@@ -11352,9 +11488,13 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-              style="right: 2px; top: 2px;"
+              style="left: calc(100% + 2px); top: 2px;"
             >
-              8
+              <div
+                class="t-badge__count"
+              >
+                8
+              </div>
             </div>
           </div>
         </div>
@@ -11419,9 +11559,13 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-              style="right: 0px; top: 2px;"
+              style="top: 2px;"
             >
-              NEW
+              <div
+                class="t-badge__count"
+              >
+                NEW
+              </div>
             </div>
           </div>
         </div>
@@ -11498,9 +11642,13 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-              style="right: -2px; top: -2px;"
+              style="left: calc(100% + 2px); top: -2px;"
             >
-              2
+              <div
+                class="t-badge__count"
+              >
+                2
+              </div>
             </div>
           </div>
         </div>
@@ -11560,9 +11708,13 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             </div>
             <div
               class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count"
-              style="right: -2px; top: -2px;"
+              style="left: calc(100% + 1px); top: -2px;"
             >
-              2
+              <div
+                class="t-badge__count"
+              >
+                2
+              </div>
             </div>
           </div>
         </div>
@@ -11614,7 +11766,11 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
             <div
               class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"
             >
-              领积分
+              <div
+                class="t-badge__count"
+              >
+                领积分
+              </div>
             </div>
           </div>
         </div>
@@ -11650,9 +11806,54 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
               />
               <div
                 class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"
-                style="right: 0px; top: 0px;"
               >
-                New
+                <div
+                  class="t-badge__count"
+                >
+                  NEW
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="summary"
+          style="margin-bottom: 16px;"
+        >
+          三角角标
+        </div>
+        <div
+          class="t-cell"
+        >
+          <div
+            class="t-cell__left"
+          />
+          <div
+            class="t-cell__title"
+          >
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
+          </div>
+          <div
+            class="t-cell__note"
+          >
+            <div
+              class="t-badge t-badge__triangle-right-outer"
+            >
+              <div
+                class="t-badge__content"
+              />
+              <div
+                class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"
+              >
+                <div
+                  class="t-badge__count"
+                >
+                  NEW
+                </div>
               </div>
             </div>
           </div>
@@ -11746,9 +11947,13 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
                 </div>
                 <div
                   class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count"
-                  style="right: 7px; top: 7px;"
+                  style="left: calc(100% + 7px); top: 7px;"
                 >
-                  8
+                  <div
+                    class="t-badge__count"
+                  >
+                    8
+                  </div>
                 </div>
               </div>
             </div>
@@ -11826,9 +12031,13 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
                 </div>
                 <div
                   class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                  style="right: 5px; top: 5px;"
+                  style="left: calc(100% + 5px); top: 5px;"
                 >
-                  8
+                  <div
+                    class="t-badge__count"
+                  >
+                    8
+                  </div>
                 </div>
               </div>
             </div>
@@ -11914,9 +12123,13 @@ exports[`csr snapshot test > csr test src/badge/_example/size.tsx 1`] = `
           </div>
           <div
             class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count"
-            style="right: 7px; top: 7px;"
+            style="left: calc(100% + 7px); top: 7px;"
           >
-            8
+            <div
+              class="t-badge__count"
+            >
+              8
+            </div>
           </div>
         </div>
       </div>
@@ -11994,9 +12207,13 @@ exports[`csr snapshot test > csr test src/badge/_example/size.tsx 1`] = `
           </div>
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-            style="right: 5px; top: 5px;"
+            style="left: calc(100% + 5px); top: 5px;"
           >
-            8
+            <div
+              class="t-badge__count"
+            >
+              8
+            </div>
           </div>
         </div>
       </div>
@@ -12063,9 +12280,13 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-        style="right: -2px; top: -2px;"
+        style="left: calc(100% + 2px); top: -2px;"
       >
-        2
+        <div
+          class="t-badge__count"
+        >
+          2
+        </div>
       </div>
     </div>
   </div>
@@ -12125,9 +12346,13 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
       </div>
       <div
         class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count"
-        style="right: -2px; top: -2px;"
+        style="left: calc(100% + 1px); top: -2px;"
       >
-        2
+        <div
+          class="t-badge__count"
+        >
+          2
+        </div>
       </div>
     </div>
   </div>
@@ -12179,7 +12404,11 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
       <div
         class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"
       >
-        领积分
+        <div
+          class="t-badge__count"
+        >
+          领积分
+        </div>
       </div>
     </div>
   </div>
@@ -12215,9 +12444,54 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
         />
         <div
           class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"
-          style="right: 0px; top: 0px;"
         >
-          New
+          <div
+            class="t-badge__count"
+          >
+            NEW
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="summary"
+    style="margin-bottom: 16px;"
+  >
+    三角角标
+  </div>
+  <div
+    class="t-cell"
+  >
+    <div
+      class="t-cell__left"
+    />
+    <div
+      class="t-cell__title"
+    >
+      <div
+        class="t-cell__title-text"
+      >
+        单行标题
+      </div>
+    </div>
+    <div
+      class="t-cell__note"
+    >
+      <div
+        class="t-badge t-badge__triangle-right-outer"
+      >
+        <div
+          class="t-badge__content"
+        />
+        <div
+          class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"
+        >
+          <div
+            class="t-badge__count"
+          >
+            NEW
+          </div>
         </div>
       </div>
     </div>
@@ -29449,7 +29723,11 @@ exports[`csr snapshot test > csr test src/cell/_example/index.tsx 1`] = `
                     <div
                       class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
                     >
-                      16
+                      <div
+                        class="t-badge__count"
+                      >
+                        16
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -29834,7 +30112,11 @@ exports[`csr snapshot test > csr test src/cell/_example/index.tsx 1`] = `
                   <div
                     class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
                   >
-                    16
+                    <div
+                      class="t-badge__count"
+                    >
+                      16
+                    </div>
                   </div>
                 </div>
               </div>
@@ -30703,7 +30985,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
             <div
               class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
             >
-              16
+              <div
+                class="t-badge__count"
+              >
+                16
+              </div>
             </div>
           </div>
         </div>
@@ -31250,7 +31536,11 @@ exports[`csr snapshot test > csr test src/cell/_example/single.tsx 1`] = `
               <div
                 class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
               >
-                16
+                <div
+                  class="t-badge__count"
+                >
+                  16
+                </div>
               </div>
             </div>
           </div>
@@ -56096,7 +56386,11 @@ exports[`csr snapshot test > csr test src/grid/_example/badge.tsx 1`] = `
           </div>
           <div
             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-          />
+          >
+            <div
+              class="t-badge__count"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -56163,7 +56457,11 @@ exports[`csr snapshot test > csr test src/grid/_example/badge.tsx 1`] = `
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
           >
-            8
+            <div
+              class="t-badge__count"
+            >
+              8
+            </div>
           </div>
         </div>
       </div>
@@ -56231,7 +56529,11 @@ exports[`csr snapshot test > csr test src/grid/_example/badge.tsx 1`] = `
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
           >
-            13
+            <div
+              class="t-badge__count"
+            >
+              13
+            </div>
           </div>
         </div>
       </div>
@@ -56299,7 +56601,11 @@ exports[`csr snapshot test > csr test src/grid/_example/badge.tsx 1`] = `
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
           >
-            NEW
+            <div
+              class="t-badge__count"
+            >
+              NEW
+            </div>
           </div>
         </div>
       </div>
@@ -59926,7 +60232,11 @@ exports[`csr snapshot test > csr test src/grid/_example/index.tsx 1`] = `
                 </div>
                 <div
                   class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                />
+                >
+                  <div
+                    class="t-badge__count"
+                  />
+                </div>
               </div>
             </div>
             <div
@@ -59993,7 +60303,11 @@ exports[`csr snapshot test > csr test src/grid/_example/index.tsx 1`] = `
                 <div
                   class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
                 >
-                  8
+                  <div
+                    class="t-badge__count"
+                  >
+                    8
+                  </div>
                 </div>
               </div>
             </div>
@@ -60061,7 +60375,11 @@ exports[`csr snapshot test > csr test src/grid/_example/index.tsx 1`] = `
                 <div
                   class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
                 >
-                  13
+                  <div
+                    class="t-badge__count"
+                  >
+                    13
+                  </div>
                 </div>
               </div>
             </div>
@@ -60129,7 +60447,11 @@ exports[`csr snapshot test > csr test src/grid/_example/index.tsx 1`] = `
                 <div
                   class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
                 >
-                  NEW
+                  <div
+                    class="t-badge__count"
+                  >
+                    NEW
+                  </div>
                 </div>
               </div>
             </div>
@@ -93146,7 +93468,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/base.tsx 1`] = `
           </div>
           <div
             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-          />
+          >
+            <div
+              class="t-badge__count"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -93174,7 +93500,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/base.tsx 1`] = `
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
           >
-            6
+            <div
+              class="t-badge__count"
+            >
+              6
+            </div>
           </div>
         </div>
       </div>
@@ -94246,7 +94576,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/custom.tsx 1`] = `
           </div>
           <div
             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-          />
+          >
+            <div
+              class="t-badge__count"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -94274,7 +94608,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/custom.tsx 1`] = `
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
           >
-            6
+            <div
+              class="t-badge__count"
+            >
+              6
+            </div>
           </div>
         </div>
       </div>
@@ -95474,7 +95812,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           </div>
           <div
             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-          />
+          >
+            <div
+              class="t-badge__count"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -95502,7 +95844,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
           >
-            6
+            <div
+              class="t-badge__count"
+            >
+              6
+            </div>
           </div>
         </div>
       </div>
@@ -97729,7 +98075,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/with-icon.tsx 1`] =
           </div>
           <div
             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-          />
+          >
+            <div
+              class="t-badge__count"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -97883,7 +98233,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/with-icon.tsx 1`] =
           <div
             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
           >
-            6
+            <div
+              class="t-badge__count"
+            >
+              6
+            </div>
           </div>
         </div>
       </div>
@@ -113168,9 +113522,12 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/badge-props.tsx 1`] =
               </div>
               <div
                 class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                style="right: 0px; top: 0px;"
               >
-                16
+                <div
+                  class="t-badge__count"
+                >
+                  16
+                </div>
               </div>
             </div>
           </div>
@@ -113262,8 +113619,11 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/badge-props.tsx 1`] =
               </div>
               <div
                 class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                style="right: 0px; top: 0px;"
-              />
+              >
+                <div
+                  class="t-badge__count"
+                />
+              </div>
             </div>
           </div>
           <div
@@ -113320,9 +113680,12 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/badge-props.tsx 1`] =
               </div>
               <div
                 class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                style="right: 0px; top: 0px;"
               >
-                New
+                <div
+                  class="t-badge__count"
+                >
+                  New
+                </div>
               </div>
             </div>
           </div>
@@ -113396,9 +113759,12 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/badge-props.tsx 1`] =
               </div>
               <div
                 class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                style="right: 0px; top: 0px;"
               >
-                ···
+                <div
+                  class="t-badge__count"
+                >
+                  ···
+                </div>
               </div>
             </div>
           </div>
@@ -114736,9 +115102,12 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/mobile.tsx 1`] = `
                     </div>
                     <div
                       class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                      style="right: 0px; top: 0px;"
                     >
-                      16
+                      <div
+                        class="t-badge__count"
+                      >
+                        16
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -114830,8 +115199,11 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/mobile.tsx 1`] = `
                     </div>
                     <div
                       class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                      style="right: 0px; top: 0px;"
-                    />
+                    >
+                      <div
+                        class="t-badge__count"
+                      />
+                    </div>
                   </div>
                 </div>
                 <div
@@ -114888,9 +115260,12 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/mobile.tsx 1`] = `
                     </div>
                     <div
                       class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                      style="right: 0px; top: 0px;"
                     >
-                      New
+                      <div
+                        class="t-badge__count"
+                      >
+                        New
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -114964,9 +115339,12 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/mobile.tsx 1`] = `
                     </div>
                     <div
                       class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                      style="right: 0px; top: 0px;"
                     >
-                      ···
+                      <div
+                        class="t-badge__count"
+                      >
+                        ···
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -121600,8 +121978,12 @@ exports[`csr snapshot test > csr test src/tabs/_example/badge.tsx 1`] = `
                     </div>
                     <div
                       class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                      style="right: -4px; top: 1px;"
-                    />
+                      style="top: 1px;"
+                    >
+                      <div
+                        class="t-badge__count"
+                      />
+                    </div>
                   </div>
                 </div>
                 <div
@@ -121623,9 +122005,13 @@ exports[`csr snapshot test > csr test src/tabs/_example/badge.tsx 1`] = `
                     </div>
                     <div
                       class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                      style="right: -8px; top: 3px;"
+                      style="top: 1px;"
                     >
-                      8
+                      <div
+                        class="t-badge__count"
+                      >
+                        8
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -123338,8 +123724,12 @@ exports[`csr snapshot test > csr test src/tabs/_example/index.tsx 1`] = `
                           </div>
                           <div
                             class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                            style="right: -4px; top: 1px;"
-                          />
+                            style="top: 1px;"
+                          >
+                            <div
+                              class="t-badge__count"
+                            />
+                          </div>
                         </div>
                       </div>
                       <div
@@ -123361,9 +123751,13 @@ exports[`csr snapshot test > csr test src/tabs/_example/index.tsx 1`] = `
                           </div>
                           <div
                             class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                            style="right: -8px; top: 3px;"
+                            style="top: 1px;"
                           >
-                            8
+                            <div
+                              class="t-badge__count"
+                            >
+                              8
+                            </div>
                           </div>
                         </div>
                       </div>
@@ -132462,19 +132856,19 @@ exports[`csr snapshot test > csr test src/upload/_example/status.tsx 1`] = `
 
 exports[`ssr snapshot test > ssr test src/action-sheet/_example/align.tsx 1`] = `"<div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->居中列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->左对齐列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--left" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/action-sheet/_example/grid.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标宫格型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">动作面板描述文字</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">带徽标宫格型</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">99</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/action-sheet/_example/grid.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标宫格型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">动作面板描述文字</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">带徽标宫格型</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">99</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/action-sheet/_example/grid-multiple.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->宫格型-多页</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid t-action-sheet__grid--swiper t-action-sheet__dots"><div class="t-action-sheet__swiper-wrap--base t-action-sheet__swiper-wrap t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div><span class="t-swiper-nav--vertical t-swiper-nav__dots t-swiper-nav--bottom"></span></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/action-sheet/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">ActionSheet 动作面板</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"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->函数调用</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Move</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Mark as important</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-6px;top:2px">8</div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-6px;top:2px">99</div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-10px;top:2px">99+</div></div></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></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 with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标宫格型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">动作面板描述文字</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">带徽标宫格型</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">99</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->宫格型-多页</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid t-action-sheet__grid--swiper t-action-sheet__dots"><div class="t-action-sheet__swiper-wrap--base t-action-sheet__swiper-wrap t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div><span class="t-swiper-nav--vertical t-swiper-nav__dots t-swiper-nav--bottom"></span></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></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">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">列表型选项状态</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->列表型选项状态</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">列表型选项状态</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#0052D9"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#E34D59"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-action-sheet__list-item--disabled t-button--disabled t-button--block" disabled=""><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></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">列表型对齐方式</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->居中列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->左对齐列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--left" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/action-sheet/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">ActionSheet 动作面板</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"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->函数调用</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Move</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Mark as important</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -6px);top:2px"><div class="t-badge__count">8</div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -6px);top:2px"><div class="t-badge__count">99</div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -10px);top:2px"><div class="t-badge__count">99+</div></div></div></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></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 with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标宫格型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">动作面板描述文字</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">带徽标宫格型</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">99</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->宫格型-多页</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid t-action-sheet__grid--swiper t-action-sheet__dots"><div class="t-action-sheet__swiper-wrap--base t-action-sheet__swiper-wrap t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div><span class="t-swiper-nav--vertical t-swiper-nav__dots t-swiper-nav--bottom"></span></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></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">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">列表型选项状态</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->列表型选项状态</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">列表型选项状态</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#0052D9"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#E34D59"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-action-sheet__list-item--disabled t-button--disabled t-button--block" disabled=""><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></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">列表型对齐方式</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->居中列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->左对齐列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--left" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/action-sheet/_example/list.tsx 1`] = `"<div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->函数调用</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Move</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Mark as important</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-6px;top:2px">8</div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-6px;top:2px">99</div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-10px;top:2px">99+</div></div></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/action-sheet/_example/list.tsx 1`] = `"<div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->函数调用</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Move</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Mark as important</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -6px);top:2px"><div class="t-badge__count">8</div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -6px);top:2px"><div class="t-badge__count">99</div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -10px);top:2px"><div class="t-badge__count">99+</div></div></div></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/action-sheet/_example/status.tsx 1`] = `"<div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->列表型选项状态</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">列表型选项状态</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#0052D9"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#E34D59"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-action-sheet__list-item--disabled t-button--disabled t-button--block" disabled=""><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/avatar/_example/action.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar2.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar3.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar4.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar5.png"/><div class="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-right t-avatar-group-offset-right-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-add" style="fill:none;font-size:24px"><g id="user-add"><path id="fill1" fill="transparent" d="M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z"></path><path id="stroke1" stroke="currentColor" d="M11 15H8C5.23858 15 3 17.2386 3 20V21H11.0508M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M18 14V18M18 18V22M18 18H14M18 18H22" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/badge-avatar.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:4px;top:4px"></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:6px;top:6px">8</div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:6px;top:6px">12</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/avatar/_example/badge-avatar.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 4px);top:4px"><div class="t-badge__count"></div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 6px);top:6px"><div class="t-badge__count">8</div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 6px);top:6px"><div class="t-badge__count">12</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/avatar/_example/character-avatar.tsx 1`] = `"<div class="avatar-demo"><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx">A</div></div></div></div></div></div>"`;
 
@@ -132484,7 +132878,7 @@ exports[`ssr snapshot test > ssr test src/avatar/_example/icon-avatar.tsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/avatar/_example/image-avatar.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar2.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar3.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar4.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar5.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Avatar 头像</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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx">A</div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:4px;top:4px"></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:6px;top:6px">8</div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:6px;top:6px">12</div></div></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">02 特殊类型</h2><p class="tdesign-mobile-demo-block__summary">纯展示的头像组</p></div><div class="tdesign-mobile-demo-block__slot"><div class="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-left t-avatar-group-offset-left-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx">+5</div></div></div></div></div></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="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-right t-avatar-group-offset-right-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-add" style="fill:none;font-size:24px"><g id="user-add"><path id="fill1" fill="transparent" d="M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z"></path><path id="stroke1" stroke="currentColor" d="M11 15H8C5.23858 15 3 17.2386 3 20V21H11.0508M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M18 14V18M18 18V22M18 18H14M18 18H22" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></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">组件尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="tdesign-demo-avatar"><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/avatar/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar2.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar3.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar4.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar5.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Avatar 头像</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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx">A</div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 4px);top:4px"><div class="t-badge__count"></div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 6px);top:6px"><div class="t-badge__count">8</div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 6px);top:6px"><div class="t-badge__count">12</div></div></div></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">02 特殊类型</h2><p class="tdesign-mobile-demo-block__summary">纯展示的头像组</p></div><div class="tdesign-mobile-demo-block__slot"><div class="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-left t-avatar-group-offset-left-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx">+5</div></div></div></div></div></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="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-right t-avatar-group-offset-right-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-add" style="fill:none;font-size:24px"><g id="user-add"><path id="fill1" fill="transparent" d="M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z"></path><path id="stroke1" stroke="currentColor" d="M11 15H8C5.23858 15 3 17.2386 3 20V21H11.0508M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M18 14V18M18 18V22M18 18H14M18 18H22" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></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">组件尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="tdesign-demo-avatar"><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/avatar/_example/size.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><div class="tdesign-demo-avatar"><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div>"`;
 
@@ -132492,13 +132886,13 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/base.tsx 1`] = `"<di
 
 exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<div class="tdesign-mobile-react-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">BackTop 返回顶部</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">组件类型</h2></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="button-group"><div class="tdesign-mobile-demo-block__summary">圆形返回顶部</div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle button t-button--block"><span class="t-button__content"> <!-- -->圆形返回顶部</span></button><div class="tdesign-mobile-demo-block__summary">半圆形返回顶部</div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle button t-button--block"><span class="t-button__content"> <!-- -->半圆形返回顶部</span></button></div></div></div><div class="group"><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div class="row"><button type="button" 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="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div>"`;
 
@@ -132556,11 +132950,11 @@ exports[`ssr snapshot test > ssr test src/cascader/_example/with-value.tsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service" style="fill:none"><g id="service"><g id="fill1"><path fill="transparent" d="M3 12H7V18H5C3.89543 18 3 17.1734 3 16.1538V12Z"></path><path fill="transparent" d="M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12Z"></path></g><path id="fill2" fill="transparent" d="M10.25 21.5C10.25 21.0858 10.5858 20.75 11 20.75H13C13.4142 20.75 13.75 21.0858 13.75 21.5C13.75 21.9142 13.4142 22.25 13 22.25H11C10.5858 22.25 10.25 21.9142 10.25 21.5Z"></path><path id="stroke1" stroke="currentColor" d="M21 12V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V12M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12ZM3 12H7V18H5M3 12V16.1538C3 17.1734 3.89543 18 5 18M10.25 21.5H8C6.34315 21.5 5 20.1569 5 18.5V18M10.25 21.5C10.25 21.9142 10.5858 22.25 11 22.25H13C13.4142 22.25 13.75 21.9142 13.75 21.5C13.75 21.0858 13.4142 20.75 13 20.75H11C10.5858 20.75 10.25 21.0858 10.25 21.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet" style="fill:none"><g id="internet"><path id="fill1" fill="transparent" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5229 6.47715 22 12 22C17.5228 22 22 17.5229 22 12C22 6.47715 17.5228 2 12 2Z"></path><path id="fill2" fill="transparent" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z"></path><path id="stroke1" stroke="currentColor" d="M3 12H21M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5229 17.5228 22 12 22C6.47715 22 2 17.5229 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example4.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</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="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></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">02</h2><p class="tdesign-mobile-demo-block__summary">多行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--default"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div></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">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service" style="fill:none"><g id="service"><g id="fill1"><path fill="transparent" d="M3 12H7V18H5C3.89543 18 3 17.1734 3 16.1538V12Z"></path><path fill="transparent" d="M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12Z"></path></g><path id="fill2" fill="transparent" d="M10.25 21.5C10.25 21.0858 10.5858 20.75 11 20.75H13C13.4142 20.75 13.75 21.0858 13.75 21.5C13.75 21.9142 13.4142 22.25 13 22.25H11C10.5858 22.25 10.25 21.9142 10.25 21.5Z"></path><path id="stroke1" stroke="currentColor" d="M21 12V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V12M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12ZM3 12H7V18H5M3 12V16.1538C3 17.1734 3.89543 18 5 18M10.25 21.5H8C6.34315 21.5 5 20.1569 5 18.5V18M10.25 21.5C10.25 21.9142 10.5858 22.25 11 22.25H13C13.4142 22.25 13.75 21.9142 13.75 21.5C13.75 21.0858 13.4142 20.75 13 20.75H11C10.5858 20.75 10.25 21.0858 10.25 21.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet" style="fill:none"><g id="internet"><path id="fill1" fill="transparent" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5229 6.47715 22 12 22C17.5228 22 22 17.5229 22 12C22 6.47715 17.5228 2 12 2Z"></path><path id="fill2" fill="transparent" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z"></path><path id="stroke1" stroke="currentColor" d="M3 12H21M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5229 17.5228 22 12 22C6.47715 22 2 17.5229 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example4.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</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="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></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">02</h2><p class="tdesign-mobile-demo-block__summary">多行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--default"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div></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">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service" style="fill:none"><g id="service"><g id="fill1"><path fill="transparent" d="M3 12H7V18H5C3.89543 18 3 17.1734 3 16.1538V12Z"></path><path fill="transparent" d="M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12Z"></path></g><path id="fill2" fill="transparent" d="M10.25 21.5C10.25 21.0858 10.5858 20.75 11 20.75H13C13.4142 20.75 13.75 21.0858 13.75 21.5C13.75 21.9142 13.4142 22.25 13 22.25H11C10.5858 22.25 10.25 21.9142 10.25 21.5Z"></path><path id="stroke1" stroke="currentColor" d="M21 12V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V12M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12ZM3 12H7V18H5M3 12V16.1538C3 17.1734 3.89543 18 5 18M10.25 21.5H8C6.34315 21.5 5 20.1569 5 18.5V18M10.25 21.5C10.25 21.9142 10.5858 22.25 11 22.25H13C13.4142 22.25 13.75 21.9142 13.75 21.5C13.75 21.0858 13.4142 20.75 13 20.75H11C10.5858 20.75 10.25 21.0858 10.25 21.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet" style="fill:none"><g id="internet"><path id="fill1" fill="transparent" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5229 6.47715 22 12 22C17.5228 22 22 17.5229 22 12C22 6.47715 17.5228 2 12 2Z"></path><path id="fill2" fill="transparent" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z"></path><path id="stroke1" stroke="currentColor" d="M3 12H21M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5229 17.5228 22 12 22C6.47715 22 2 17.5229 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example4.png"/><div><div class="t-cell-group t-cell-group--default"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example4.png"/><div><div class="t-cell-group t-cell-group--default"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/checkbox/_example/all.tsx 1`] = `"<div class="t-checkbox-group"><span><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">全选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5">单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息</div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div></span></div>"`;
 
@@ -132714,7 +133108,7 @@ exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"<div c
 
 exports[`ssr snapshot test > ssr test src/form/_example/vertical.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--top t-form-item__name t-form__item--bordered t-form--top t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">用户名</label></div><div class="t-form__controls"><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="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></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--top t-form-item__password t-form__item--bordered t-form--top t-form-item__password"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">密码</label></div><div class="t-form__controls"><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="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__gender t-form__item--bordered t-form--top t-form-item__gender"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">性别</label></div><div class="t-form__controls"><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--top t-form-item__age t-form__item--bordered t-form--top t-form-item__age"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">年限</label></div><div class="t-form__controls"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__description t-form__item--bordered t-form--top t-form-item__description"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">自我评价</label></div><div class="t-form__controls"><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" style="fill:none"><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" style="fill:none"><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" style="fill:none"><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" style="fill:none"><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" style="fill:none"><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--top t-form-item__resume t-form__item--bordered t-form--top t-form-item__resume"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">个人简介</label></div><div class="t-form__controls"><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 t-textarea__placeholder" 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>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">8</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">13</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">NEW</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">8</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">13</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/grid/_example/base.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(5, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">最多四个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多五个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
@@ -132726,7 +133120,7 @@ exports[`ssr snapshot test > ssr test src/grid/_example/desc.tsx 1`] = `"<link r
 
 exports[`ssr snapshot test > ssr test src/grid/_example/icon.tsx 1`] = `"<div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">分享</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏0</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">保存</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit" style="fill:none;font-size:24px"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">编辑</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Grid 宫格</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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(5, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">最多四个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多五个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></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-grid grid-demo t-grid--bordered" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo t-grid--bordered" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">8</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">13</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">NEW</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo t-grid--auto-size"><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">可传图标的宫格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">分享</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏0</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">保存</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit" style="fill:none;font-size:24px"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">编辑</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo t-grid--card" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo t-grid--card" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--horizontal" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--horizontal"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--horizontal">描述文字</div></div></div><div class="t-grid-item t-grid-item--horizontal" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--horizontal"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--horizontal">描述文字</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/grid/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Grid 宫格</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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(5, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">最多四个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多五个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></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-grid grid-demo t-grid--bordered" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo t-grid--bordered" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">8</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">13</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo t-grid--auto-size"><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">可传图标的宫格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">分享</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏0</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">保存</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit" style="fill:none;font-size:24px"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">编辑</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo t-grid--card" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo t-grid--card" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--horizontal" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--horizontal"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--horizontal">描述文字</div></div></div><div class="t-grid-item t-grid-item--horizontal" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--horizontal"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--horizontal">描述文字</div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/grid/_example/scroll.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo t-grid--auto-size"><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
@@ -133018,15 +133412,15 @@ exports[`ssr snapshot test > ssr test src/search/_example/other.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/search/_example/shape.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none;font-size:24px"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/base.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/base.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/custom.tsx 1`] = `"<div class="side-bar-wrapper section-custom"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/custom.tsx 1`] = `"<div class="side-bar-wrapper section-custom"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/side-bar/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">SideBar 侧边栏</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 t-button--block"><span class="t-button__content"> <!-- -->锚点用法</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle 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 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 t-button--block"><span class="t-button__content"> <!-- -->自定义样式</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example2.png"/><div class="side-bar-wrapper section-switch"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content" style="transform:translateY(-100%)"><div class="section"><div class="title">标题一</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example2.png"/><div class="side-bar-wrapper section-switch"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content" style="transform:translateY(-100%)"><div class="section"><div class="title">标题一</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/with-icon.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项三</div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/with-icon.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项三</div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/skeleton/_example/animation.tsx 1`] = `"<div><div><div class="demo-section__desc">渐变加载效果</div><div class="demo-section__content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient" style="width:55%"></div></div></div></div></div><div><div class="demo-section__desc">闪烁加载效果</div><div class="demo-section__content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed" style="width:55%"></div></div></div></div></div></div>"`;
 
@@ -133134,13 +133528,13 @@ exports[`ssr snapshot test > ssr test src/switch/_example/size.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/switch/_example/status.tsx 1`] = `"<div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">加载状态</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--disabled"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center t-switch__loading" style="font-size:16px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">开关开启禁用</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--disabled t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center t-switch__loading" style="font-size:16px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--disabled t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--disabled t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tab-bar/_example/badge-props.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">16</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:0px;top:0px"></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">···</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/tab-bar/_example/badge-props.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">New</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">···</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tab-bar/_example/base.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tab-bar/_example/custom.tsx 1`] = `"<div class="demo-tab-bar section-custom"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">TabBar 底部标签栏</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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" aria-haspopup="true" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list" style="fill:none;font-size:16"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-tab-bar-item__icon-menu"></div>我的</div></div></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">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">弱选中标签栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">16</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:0px;top:0px"></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">···</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--round" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></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">自定义样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar section-custom"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">TabBar 底部标签栏</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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" aria-haspopup="true" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list" style="fill:none;font-size:16"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-tab-bar-item__icon-menu"></div>我的</div></div></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">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">弱选中标签栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">New</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">···</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--round" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></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">自定义样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar section-custom"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tab-bar/_example/pure-icon.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div>"`;
 
@@ -133162,7 +133556,7 @@ exports[`ssr snapshot test > ssr test src/table/_example/scroll.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/table/_example/stripe.tsx 1`] = `"<div class="t-table t-vertical-align-middle t-table--striped" style="position:relative"><div class="t-table__content" style="max-height:400px"><table class="t-table--layout-fixed"><colgroup><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th class="t-table__th-applicant"><div>标题</div></th><th class="t-table__th-status"><div>标题</div></th><th class="t-table__th-channel"><div>标题</div></th><th class="t-table__th-detail.email t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">标题</div></th><th class="t-table__th-operation"><div>标题</div></th><th class="t-table__th-more"><div>标题</div></th></tr></thead><tbody class="t-table__body"><tr style="top:NaNpx" class="t-table__row--fixed-top"><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class="t-table__row--without-border-bottom"><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr style="bottom:NaNpx" class="t-table__row--fixed-bottom t-table__row--fixed-bottom-first"><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr style="bottom:NaNpx" class="t-table__row--fixed-bottom"><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/badge.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:-4px;top:1px"></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:3px">8</div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/tabs/_example/badge.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="top:1px"><div class="t-badge__count"></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:1px"><div class="t-badge__count">8</div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tabs/_example/content.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>上限六个文字</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"><p>内容区1</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区2</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区3</p></div></div></div></div>"`;
 
@@ -133170,7 +133564,7 @@ exports[`ssr snapshot test > ssr test src/tabs/_example/evenly.tsx 1`] = `"<div>
 
 exports[`ssr snapshot test > ssr test src/tabs/_example/icon.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Tabs 选项卡</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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div>选项</div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div>选项</div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:-4px;top:1px"></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:3px">8</div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>上限六个文字</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"><p>内容区1</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区2</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区3</p></div></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">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">选项卡状态</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选中</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>默认</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--disabled t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>禁用</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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">选项卡尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar"><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>小尺寸</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs large"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>大尺寸</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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="demo-tab-bar"><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--tag"><div class="t-tabs__wrapper t-tabs__wrapper--tag"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag t-tabs__item-inner--active"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--card"><div class="t-tabs__wrapper t-tabs__wrapper--card"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div><div class="t-tabs__item-suffix"></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/tabs/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Tabs 选项卡</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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div>选项</div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div>选项</div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="top:1px"><div class="t-badge__count"></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:1px"><div class="t-badge__count">8</div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>上限六个文字</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"><p>内容区1</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区2</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区3</p></div></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">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">选项卡状态</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选中</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>默认</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--disabled t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>禁用</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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">选项卡尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar"><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>小尺寸</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs large"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>大尺寸</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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="demo-tab-bar"><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--tag"><div class="t-tabs__wrapper t-tabs__wrapper--tag"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag t-tabs__item-inner--active"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--card"><div class="t-tabs__wrapper t-tabs__wrapper--card"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div><div class="t-tabs__item-suffix"></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tabs/_example/isometric.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 1edcc5536..4964938a0 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -2,19 +2,19 @@
 
 exports[`ssr snapshot test > ssr test src/action-sheet/_example/align.tsx 1`] = `"<div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->居中列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->左对齐列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--left" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/action-sheet/_example/grid.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标宫格型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">动作面板描述文字</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">带徽标宫格型</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">99</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/action-sheet/_example/grid.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标宫格型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">动作面板描述文字</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">带徽标宫格型</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">99</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/action-sheet/_example/grid-multiple.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->宫格型-多页</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid t-action-sheet__grid--swiper t-action-sheet__dots"><div class="t-action-sheet__swiper-wrap--base t-action-sheet__swiper-wrap t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div><span class="t-swiper-nav--vertical t-swiper-nav__dots t-swiper-nav--bottom"></span></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/action-sheet/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">ActionSheet 动作面板</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"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->函数调用</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Move</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Mark as important</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-6px;top:2px">8</div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-6px;top:2px">99</div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-10px;top:2px">99+</div></div></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></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 with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标宫格型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">动作面板描述文字</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">带徽标宫格型</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">99</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->宫格型-多页</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid t-action-sheet__grid--swiper t-action-sheet__dots"><div class="t-action-sheet__swiper-wrap--base t-action-sheet__swiper-wrap t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div><span class="t-swiper-nav--vertical t-swiper-nav__dots t-swiper-nav--bottom"></span></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></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">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">列表型选项状态</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->列表型选项状态</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">列表型选项状态</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#0052D9"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#E34D59"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-action-sheet__list-item--disabled t-button--disabled t-button--block" disabled=""><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></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">列表型对齐方式</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->居中列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->左对齐列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--left" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/action-sheet/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wechat.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/times.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/qq.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/wecom.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">ActionSheet 动作面板</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"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->函数调用</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Move</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Mark as important</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -6px);top:2px"><div class="t-badge__count">8</div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -6px);top:2px"><div class="t-badge__count">99</div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -10px);top:2px"><div class="t-badge__count">99+</div></div></div></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></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 with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述宫格型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标宫格型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">动作面板描述文字</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">带徽标宫格型</p><div class="t-action-sheet__grid"><div class="t-action-sheet__swiper-wrap--base t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">99</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></div></div></div><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->宫格型-多页</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--grid t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__grid t-action-sheet__grid--swiper t-action-sheet__dots"><div class="t-action-sheet__swiper-wrap--base t-action-sheet__swiper-wrap t-swiper t-swiper--default" style="height:auto;box-sizing:content-box"><div class="t-swiper__container--card" style="left:0px;right:0px;flex-direction:column;transition:none;height:auto"><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wechat.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/times.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">朋友圈</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/qq.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">QQ</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/wecom.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">企业微信</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">刷新</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">下载</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit-1" style="fill:none;font-size:24px"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">复制</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div><div class="t-swiper-item"><div class="t-swiper-item--image-host"><div class="t-grid" style="padding:0px;grid-template-columns:repeat(4, 1fr);grid-gap:0px;width:100%"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div><span class="t-swiper-nav--vertical t-swiper-nav__dots t-swiper-nav--bottom"></span></div></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-grid"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->取消</span></button></div></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">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">列表型选项状态</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->列表型选项状态</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">列表型选项状态</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#0052D9"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#E34D59"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-action-sheet__list-item--disabled t-button--disabled t-button--block" disabled=""><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></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">列表型对齐方式</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->居中列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->左对齐列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--left" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/action-sheet/_example/list.tsx 1`] = `"<div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->函数调用</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Move</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Mark as important</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-6px;top:2px">8</div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-6px;top:2px">99</div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-10px;top:2px">99+</div></div></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/action-sheet/_example/list.tsx 1`] = `"<div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->常规列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->函数调用</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带描述列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标列表型</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带徽标列表型</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center t-action-sheet--no-description" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">Email Settings</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Move</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Mark as important</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -6px);top:2px"><div class="t-badge__count">8</div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Unsubscribe</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -6px);top:2px"><div class="t-badge__count">99</div></div></div></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-badge"><div class="t-badge__content"><span class="t-action-sheet__list-item-text">Add to Tasks</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + -10px);top:2px"><div class="t-badge__count">99+</div></div></div></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/action-sheet/_example/status.tsx 1`] = `"<div class="action-sheet-demo"><div class="action-sheet-demo-btns"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->列表型选项状态</span></button></div><div class="t-popup t-popup--bottom t-action-sheet t-action-sheet--list t-action-sheet--center" style="display:none;animation-fill-mode:forwards"><div class="t-action-sheet__content"><p class="t-action-sheet__description">列表型选项状态</p><div class="t-action-sheet__list"><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-enter" style="fill:none"><g id="enter"><path id="stroke1" stroke="currentColor" d="M5.75 16H16C17.6569 16 19 14.6569 19 13L19 5M8 12.5L4.5 16L8 19.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Move</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#0052D9"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-bookmark" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Mark as important</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-button--block" style="color:#E34D59"><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-pin" style="fill:none"><g id="pin"><path id="fill1" fill="transparent" d="M21.962 6.28235L17.7197 2.04004L9.94034 8.39867L7.81896 6.27728L3.57422 10.522L13.4737 20.4215L17.7185 16.1768L15.5972 14.0555L21.962 6.28235Z"></path><path id="stroke1" stroke="currentColor" d="M2.16016 21.8358L8.52412 15.4718M17.7197 2.04004L21.9621 6.28235L15.5973 14.0555L17.7185 16.1768L13.4738 20.4215L3.57431 10.522L7.81905 6.27728L9.94043 8.39867L17.7197 2.04004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Unsubscribe</span></div></span></button><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__list-item t-action-sheet__list-item--disabled t-button--disabled t-button--block" disabled=""><span class="t-button__content"> <div class="t-action-sheet__list-item-content"><div class="t-action-sheet__list-item-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cloud-upload" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></svg></div><span class="t-action-sheet__list-item-text">Add to Tasks</span></div></span></button></div><div class="t-action-sheet__footer"><div class="t-action-sheet__gap-list"></div><button type="button" class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-action-sheet__cancel t-button--block"><span class="t-button__content"> <!-- -->cancel</span></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/avatar/_example/action.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar2.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar3.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar4.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar5.png"/><div class="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-right t-avatar-group-offset-right-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-add" style="fill:none;font-size:24px"><g id="user-add"><path id="fill1" fill="transparent" d="M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z"></path><path id="stroke1" stroke="currentColor" d="M11 15H8C5.23858 15 3 17.2386 3 20V21H11.0508M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M18 14V18M18 18V22M18 18H14M18 18H22" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/badge-avatar.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:4px;top:4px"></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:6px;top:6px">8</div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:6px;top:6px">12</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/avatar/_example/badge-avatar.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 4px);top:4px"><div class="t-badge__count"></div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 6px);top:6px"><div class="t-badge__count">8</div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 6px);top:6px"><div class="t-badge__count">12</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/avatar/_example/character-avatar.tsx 1`] = `"<div class="avatar-demo"><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx">A</div></div></div></div></div></div>"`;
 
@@ -24,7 +24,7 @@ exports[`ssr snapshot test > ssr test src/avatar/_example/icon-avatar.tsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/avatar/_example/image-avatar.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/avatar/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar2.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar3.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar4.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar5.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Avatar 头像</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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx">A</div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:4px;top:4px"></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:6px;top:6px">8</div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:6px;top:6px">12</div></div></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">02 特殊类型</h2><p class="tdesign-mobile-demo-block__summary">纯展示的头像组</p></div><div class="tdesign-mobile-demo-block__slot"><div class="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-left t-avatar-group-offset-left-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx">+5</div></div></div></div></div></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="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-right t-avatar-group-offset-right-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-add" style="fill:none;font-size:24px"><g id="user-add"><path id="fill1" fill="transparent" d="M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z"></path><path id="stroke1" stroke="currentColor" d="M11 15H8C5.23858 15 3 17.2386 3 20V21H11.0508M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M18 14V18M18 18V22M18 18H14M18 18H22" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></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">组件尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="tdesign-demo-avatar"><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/avatar/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar2.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar3.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar4.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar5.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Avatar 头像</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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx">A</div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--round" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></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="avatar-demo"><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 4px);top:4px"><div class="t-badge__count"></div></div></div></div></div><div class="t-avatar__wrapper avatar-example external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx">A</div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 6px);top:6px"><div class="t-badge__count">8</div></div></div></div></div><div class="t-avatar__wrapper avatar-example"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 6px);top:6px"><div class="t-badge__count">12</div></div></div></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">02 特殊类型</h2><p class="tdesign-mobile-demo-block__summary">纯展示的头像组</p></div><div class="tdesign-mobile-demo-block__slot"><div class="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-left t-avatar-group-offset-left-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx">+5</div></div></div></div></div></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="avatar-group-demo"><div class="t-avatar-group t-avatar-group-offset-right t-avatar-group-offset-right-medium"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar2.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar3.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar4.png" alt=""/></div></div></div></div></div></div><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar5.png" alt=""/></div></div></div></div></div></div><div class="t-avatar-group__collapse--default"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle t-avatar--border t-avatar--border-medium" style="font-size:NaNpx"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-add" style="fill:none;font-size:24px"><g id="user-add"><path id="fill1" fill="transparent" d="M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z"></path><path id="stroke1" stroke="currentColor" d="M11 15H8C5.23858 15 3 17.2386 3 20V21H11.0508M16 7.5C16 9.98528 13.9853 12 11.5 12C9.01472 12 7 9.98528 7 7.5C7 5.01472 9.01472 3 11.5 3C13.9853 3 16 5.01472 16 7.5Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M18 14V18M18 18V22M18 18H14M18 18H22" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></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">组件尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="tdesign-demo-avatar"><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/avatar/_example/size.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><div class="tdesign-demo-avatar"><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--large"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--medium"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div><div class="avatar-demo"><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-image t-image--square"><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/avatar1.png" alt="实例图片"/></div></div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small external-class-content"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle">A</div></div></div></div></div><div class="t-avatar__wrapper avatar-example--small"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--small t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div>"`;
 
@@ -32,13 +32,13 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/base.tsx 1`] = `"<di
 
 exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<div class="tdesign-mobile-react-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">BackTop 返回顶部</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">组件类型</h2></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="button-group"><div class="tdesign-mobile-demo-block__summary">圆形返回顶部</div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle button t-button--block"><span class="t-button__content"> <!-- -->圆形返回顶部</span></button><div class="tdesign-mobile-demo-block__summary">半圆形返回顶部</div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle button t-button--block"><span class="t-button__content"> <!-- -->半圆形返回顶部</span></button></div></div></div><div class="group"><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.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:100px"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div class="row"><button type="button" 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="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div>"`;
 
@@ -96,11 +96,11 @@ exports[`ssr snapshot test > ssr test src/cascader/_example/with-value.tsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service" style="fill:none"><g id="service"><g id="fill1"><path fill="transparent" d="M3 12H7V18H5C3.89543 18 3 17.1734 3 16.1538V12Z"></path><path fill="transparent" d="M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12Z"></path></g><path id="fill2" fill="transparent" d="M10.25 21.5C10.25 21.0858 10.5858 20.75 11 20.75H13C13.4142 20.75 13.75 21.0858 13.75 21.5C13.75 21.9142 13.4142 22.25 13 22.25H11C10.5858 22.25 10.25 21.9142 10.25 21.5Z"></path><path id="stroke1" stroke="currentColor" d="M21 12V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V12M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12ZM3 12H7V18H5M3 12V16.1538C3 17.1734 3.89543 18 5 18M10.25 21.5H8C6.34315 21.5 5 20.1569 5 18.5V18M10.25 21.5C10.25 21.9142 10.5858 22.25 11 22.25H13C13.4142 22.25 13.75 21.9142 13.75 21.5C13.75 21.0858 13.4142 20.75 13 20.75H11C10.5858 20.75 10.25 21.0858 10.25 21.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet" style="fill:none"><g id="internet"><path id="fill1" fill="transparent" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5229 6.47715 22 12 22C17.5228 22 22 17.5229 22 12C22 6.47715 17.5228 2 12 2Z"></path><path id="fill2" fill="transparent" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z"></path><path id="stroke1" stroke="currentColor" d="M3 12H21M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5229 17.5228 22 12 22C6.47715 22 2 17.5229 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example4.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</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="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></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">02</h2><p class="tdesign-mobile-demo-block__summary">多行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--default"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div></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">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service" style="fill:none"><g id="service"><g id="fill1"><path fill="transparent" d="M3 12H7V18H5C3.89543 18 3 17.1734 3 16.1538V12Z"></path><path fill="transparent" d="M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12Z"></path></g><path id="fill2" fill="transparent" d="M10.25 21.5C10.25 21.0858 10.5858 20.75 11 20.75H13C13.4142 20.75 13.75 21.0858 13.75 21.5C13.75 21.9142 13.4142 22.25 13 22.25H11C10.5858 22.25 10.25 21.9142 10.25 21.5Z"></path><path id="stroke1" stroke="currentColor" d="M21 12V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V12M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12ZM3 12H7V18H5M3 12V16.1538C3 17.1734 3.89543 18 5 18M10.25 21.5H8C6.34315 21.5 5 20.1569 5 18.5V18M10.25 21.5C10.25 21.9142 10.5858 22.25 11 22.25H13C13.4142 22.25 13.75 21.9142 13.75 21.5C13.75 21.0858 13.4142 20.75 13 20.75H11C10.5858 20.75 10.25 21.0858 10.25 21.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet" style="fill:none"><g id="internet"><path id="fill1" fill="transparent" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5229 6.47715 22 12 22C17.5228 22 22 17.5229 22 12C22 6.47715 17.5228 2 12 2Z"></path><path id="fill2" fill="transparent" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z"></path><path id="stroke1" stroke="currentColor" d="M3 12H21M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5229 17.5228 22 12 22C6.47715 22 2 17.5229 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example4.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</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="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></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">02</h2><p class="tdesign-mobile-demo-block__summary">多行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--default"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div></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">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service" style="fill:none"><g id="service"><g id="fill1"><path fill="transparent" d="M3 12H7V18H5C3.89543 18 3 17.1734 3 16.1538V12Z"></path><path fill="transparent" d="M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12Z"></path></g><path id="fill2" fill="transparent" d="M10.25 21.5C10.25 21.0858 10.5858 20.75 11 20.75H13C13.4142 20.75 13.75 21.0858 13.75 21.5C13.75 21.9142 13.4142 22.25 13 22.25H11C10.5858 22.25 10.25 21.9142 10.25 21.5Z"></path><path id="stroke1" stroke="currentColor" d="M21 12V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V12M21 12H17V18H19C20.1046 18 21 17.1734 21 16.1538V12ZM3 12H7V18H5M3 12V16.1538C3 17.1734 3.89543 18 5 18M10.25 21.5H8C6.34315 21.5 5 20.1569 5 18.5V18M10.25 21.5C10.25 21.9142 10.5858 22.25 11 22.25H13C13.4142 22.25 13.75 21.9142 13.75 21.5C13.75 21.0858 13.4142 20.75 13 20.75H11C10.5858 20.75 10.25 21.0858 10.25 21.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet" style="fill:none"><g id="internet"><path id="fill1" fill="transparent" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5229 6.47715 22 12 22C17.5228 22 22 17.5229 22 12C22 6.47715 17.5228 2 12 2Z"></path><path id="fill2" fill="transparent" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z"></path><path id="stroke1" stroke="currentColor" d="M3 12H21M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5229 17.5228 22 12 22C6.47715 22 2 17.5229 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M11.4987 21.9877C11.6646 21.9959 11.8315 22 11.9994 22C12.1673 22 12.3342 21.9959 12.5 21.9877C17.113 16.2216 17.1129 7.77835 12.4999 2.01231C12.3341 2.00414 12.1672 2 11.9994 2C11.8315 2 11.6646 2.00414 11.4988 2.01231C6.88584 7.77835 6.88581 16.2216 11.4987 21.9877Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example4.png"/><div><div class="t-cell-group t-cell-group--default"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/><link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example4.png"/><div><div class="t-cell-group t-cell-group--default"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-image t-image--square"><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/avatar1.png" alt=""/></div></div></div></div></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/checkbox/_example/all.tsx 1`] = `"<div class="t-checkbox-group"><span><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">全选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5">单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息</div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div></span></div>"`;
 
@@ -254,7 +254,7 @@ exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"<div c
 
 exports[`ssr snapshot test > ssr test src/form/_example/vertical.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--top t-form-item__name t-form__item--bordered t-form--top t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">用户名</label></div><div class="t-form__controls"><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="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></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--top t-form-item__password t-form__item--bordered t-form--top t-form-item__password"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">密码</label></div><div class="t-form__controls"><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="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__gender t-form__item--bordered t-form--top t-form-item__gender"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">性别</label></div><div class="t-form__controls"><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--top t-form-item__age t-form__item--bordered t-form--top t-form-item__age"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">年限</label></div><div class="t-form__controls"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__description t-form__item--bordered t-form--top t-form-item__description"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">自我评价</label></div><div class="t-form__controls"><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" style="fill:none"><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" style="fill:none"><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" style="fill:none"><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" style="fill:none"><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" style="fill:none"><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--top t-form-item__resume t-form__item--bordered t-form--top t-form-item__resume"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">个人简介</label></div><div class="t-form__controls"><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 t-textarea__placeholder" 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>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">8</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">13</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">NEW</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">8</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">13</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/grid/_example/base.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(5, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">最多四个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多五个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
@@ -266,7 +266,7 @@ exports[`ssr snapshot test > ssr test src/grid/_example/desc.tsx 1`] = `"<link r
 
 exports[`ssr snapshot test > ssr test src/grid/_example/icon.tsx 1`] = `"<div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">分享</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏0</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">保存</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit" style="fill:none;font-size:24px"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">编辑</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Grid 宫格</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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(5, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">最多四个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多五个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></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-grid grid-demo t-grid--bordered" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo t-grid--bordered" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">8</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">13</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">NEW</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo t-grid--auto-size"><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">可传图标的宫格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">分享</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏0</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">保存</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit" style="fill:none;font-size:24px"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">编辑</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo t-grid--card" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo t-grid--card" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--horizontal" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--horizontal"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--horizontal">描述文字</div></div></div><div class="t-grid-item t-grid-item--horizontal" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--horizontal"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--horizontal">描述文字</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/grid/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Grid 宫格</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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(5, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:20%"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">最多四个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多五个字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></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-grid grid-demo t-grid--bordered" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo t-grid--bordered" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical t-grid-item--bordered" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></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-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">8</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">13</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo t-grid--auto-size"><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">可传图标的宫格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:24px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">分享</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star" style="fill:none;font-size:24px"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">收藏0</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-download" style="fill:none;font-size:24px"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">保存</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-edit" style="fill:none;font-size:24px"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">编辑</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></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-grid grid-demo t-grid--card" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述文字</div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">最多六个文字</div><div class="t-grid-item__description t-grid-item__description--vertical">描述最多六字</div></div></div></div><div class="t-grid grid-demo t-grid--card" style="padding:undefinedpx;grid-template-columns:repeat(2, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--horizontal" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--horizontal"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--horizontal">描述文字</div></div></div><div class="t-grid-item t-grid-item--horizontal" style="text-align:center;flex-basis:50%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--horizontal"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--horizontal">描述文字</div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/grid/_example/scroll.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo t-grid--auto-size"><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-image t-image--round"><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/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
@@ -558,15 +558,15 @@ exports[`ssr snapshot test > ssr test src/search/_example/other.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/search/_example/shape.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none;font-size:24px"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/base.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/base.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/custom.tsx 1`] = `"<div class="side-bar-wrapper section-custom"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/custom.tsx 1`] = `"<div class="side-bar-wrapper section-custom"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/side-bar/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">SideBar 侧边栏</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 t-button--block"><span class="t-button__content"> <!-- -->锚点用法</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle 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 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 t-button--block"><span class="t-button__content"> <!-- -->自定义样式</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example2.png"/><div class="side-bar-wrapper section-switch"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content" style="transform:translateY(-100%)"><div class="section"><div class="title">标题一</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example2.png"/><div class="side-bar-wrapper section-switch"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content" style="transform:translateY(-100%)"><div class="section"><div class="title">标题一</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell"><div class="t-cell__left"><div class="t-image t-image--round image"><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/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/with-icon.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项三</div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/with-icon.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项三</div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/skeleton/_example/animation.tsx 1`] = `"<div><div><div class="demo-section__desc">渐变加载效果</div><div class="demo-section__content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient" style="width:55%"></div></div></div></div></div><div><div class="demo-section__desc">闪烁加载效果</div><div class="demo-section__content"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-flashed" style="width:55%"></div></div></div></div></div></div>"`;
 
@@ -674,13 +674,13 @@ exports[`ssr snapshot test > ssr test src/switch/_example/size.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/switch/_example/status.tsx 1`] = `"<div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">加载状态</div></div><div class="t-cell__right t-cell__right--middle"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--disabled"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center t-switch__loading" style="font-size:16px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">开关开启禁用</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--disabled t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center t-switch__loading" style="font-size:16px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--disabled t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--disabled t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tab-bar/_example/badge-props.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">16</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:0px;top:0px"></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">···</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/tab-bar/_example/badge-props.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">New</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">···</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tab-bar/_example/base.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tab-bar/_example/custom.tsx 1`] = `"<div class="demo-tab-bar section-custom"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">TabBar 底部标签栏</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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" aria-haspopup="true" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list" style="fill:none;font-size:16"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-tab-bar-item__icon-menu"></div>我的</div></div></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">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">弱选中标签栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">16</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:0px;top:0px"></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">···</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--round" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></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">自定义样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar section-custom"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">TabBar 底部标签栏</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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text">应用</div></div></div><div class="t-tab-bar-item t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" aria-haspopup="true" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-view-list" style="fill:none;font-size:16"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-tab-bar-item__icon-menu"></div>我的</div></div></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">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">弱选中标签栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">16</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">New</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">···</div></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></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="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--round" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--round"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></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">自定义样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar section-custom"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--split t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tab-bar/_example/pure-icon.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:20px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:20px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--tag"><div class="t-tab-bar-item__icon" style="height:20px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none;font-size:20px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div>"`;
 
@@ -702,7 +702,7 @@ exports[`ssr snapshot test > ssr test src/table/_example/scroll.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/table/_example/stripe.tsx 1`] = `"<div class="t-table t-vertical-align-middle t-table--striped" style="position:relative"><div class="t-table__content" style="max-height:400px"><table class="t-table--layout-fixed"><colgroup><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/><col style="width:80px;min-width:undefined"/></colgroup><thead class="t-table__header t-table__header--fixed"><tr><th class="t-table__th-applicant"><div>标题</div></th><th class="t-table__th-status"><div>标题</div></th><th class="t-table__th-channel"><div>标题</div></th><th class="t-table__th-detail.email t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">标题</div></th><th class="t-table__th-operation"><div>标题</div></th><th class="t-table__th-more"><div>标题</div></th></tr></thead><tbody class="t-table__body"><tr style="top:NaNpx" class="t-table__row--fixed-top"><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class=""><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr class="t-table__row--without-border-bottom"><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr style="bottom:NaNpx" class="t-table__row--fixed-bottom t-table__row--fixed-bottom-first"><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr><tr style="bottom:NaNpx" class="t-table__row--fixed-bottom"><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">内容</div></td><td class=""><div>内容</div></td><td class=""><div>内容</div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/badge.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:-4px;top:1px"></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:3px">8</div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/tabs/_example/badge.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="top:1px"><div class="t-badge__count"></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:1px"><div class="t-badge__count">8</div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tabs/_example/content.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>上限六个文字</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"><p>内容区1</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区2</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区3</p></div></div></div></div>"`;
 
@@ -710,7 +710,7 @@ exports[`ssr snapshot test > ssr test src/tabs/_example/evenly.tsx 1`] = `"<div>
 
 exports[`ssr snapshot test > ssr test src/tabs/_example/icon.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tabs/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Tabs 选项卡</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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div>选项</div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div>选项</div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:-4px;top:1px"></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:3px">8</div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>上限六个文字</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"><p>内容区1</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区2</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区3</p></div></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">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">选项卡状态</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选中</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>默认</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--disabled t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>禁用</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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">选项卡尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar"><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>小尺寸</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs large"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>大尺寸</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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="demo-tab-bar"><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--tag"><div class="t-tabs__wrapper t-tabs__wrapper--tag"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag t-tabs__item-inner--active"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--card"><div class="t-tabs__wrapper t-tabs__wrapper--card"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div><div class="t-tabs__item-suffix"></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/tabs/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Tabs 选项卡</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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div>选项</div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div>选项</div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div><div class="label-content"><i class="t-icon t-icon-app t-size-l"></i><span>选项</span></div></div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="top:1px"><div class="t-badge__count"></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:1px"><div class="t-badge__count">8</div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>上限六个文字</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"><p>内容区1</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区2</p></div><div style="display:none" class="t-tab-panel t-tabs__panel"><p>内容区3</p></div></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">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">选项卡状态</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选中</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>默认</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--disabled t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>禁用</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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">选项卡尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-tab-bar"><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>小尺寸</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs large"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>大尺寸</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></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="demo-tab-bar"><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--tag"><div class="t-tabs__wrapper t-tabs__wrapper--tag"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag t-tabs__item-inner--active"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--tag"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--tag"><div>选项</div></div></div></div></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--card"><div class="t-tabs__wrapper t-tabs__wrapper--card"><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--active t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div><div class="t-tabs__item-suffix"></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--evenly t-tabs__item--card"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--card"><div>选项</div></div></div></div></div></div></div></div></div></div><div class="t-tabs__content"><div style="display:block" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div><div style="display:none" class="t-tab-panel t-tabs__panel"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tabs/_example/isometric.tsx 1`] = `"<div><div class="t-tabs medium"><div class="t-sticky"><div class="t-sticky__content"><div class="t-tabs__nav"><div class="t-tabs__scroll t-tabs__scroll--top t-tabs__scroll--line"><div class="t-tabs__wrapper t-tabs__wrapper--line"><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div class="t-tabs__item t-tabs__item--top t-tabs__item--active t-tabs__item--line"><div class="t-badge"><div class="t-badge__content"><div class="t-tabs__item-inner t-tabs__item-inner--line"><div>选项</div></div></div></div></div><div style="opacity:0" class="t-tabs__track t-tabs__track--top"></div></div></div></div></div></div><div class="t-tabs__content"></div></div></div>"`;
 

From 5a11d7023a9a471e0b1c6f7911b7fa06d3740696 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 24 Dec 2025 09:11:33 +0800
Subject: [PATCH 3/9] docs: regenerate api docs

---
 src/badge/badge.md | 2 +-
 src/badge/type.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/badge/badge.md b/src/badge/badge.md
index 978eafa8c..c8eab1a80 100644
--- a/src/badge/badge.md
+++ b/src/badge/badge.md
@@ -15,7 +15,7 @@ count | TNode | 0 | 徽标右上角内容。可以是数字，也可以是文字
 dot | Boolean | false | 是否为红点 | N
 maxCount | Number | 99 | 封顶的数字值 | N
 offset | Array | - | 设置状态点的位置偏移，示例：[-10, 20] 或 ['10em', '8rem']。TS 类型：`Array<string \| number>` | N
-shape | String | circle | 徽标形状，其中 ribbon 和 ribbon-right 等价。可选项：circle/square/bubble/ribbon/ribbon-right/ribbon-left/triangle-right/triangle-left | N
+shape | String | circle | 徽标形状，其中 ribbon 和 ribbon-right 等效。可选项：circle/square/bubble/ribbon/ribbon-right/ribbon-left/triangle-right/triangle-left | N
 showZero | Boolean | false | 当数值为 0 时，是否展示徽标 | N
 size | String | medium | 尺寸。可选项：medium/large | N
 
diff --git a/src/badge/type.ts b/src/badge/type.ts
index 5efb93a24..c6efa5873 100644
--- a/src/badge/type.ts
+++ b/src/badge/type.ts
@@ -40,7 +40,7 @@ export interface TdBadgeProps {
    */
   offset?: Array<string | number>;
   /**
-   * 徽标形状，其中 ribbon 和 ribbon-right 等价
+   * 徽标形状，其中 ribbon 和 ribbon-right 等效
    * @default circle
    */
   shape?:

From b67573ac0e713e57d40a24758c15c0cd96d9e6d8 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 24 Dec 2025 11:00:01 +0800
Subject: [PATCH 4/9] fix: fix test unit

---
 src/avatar/__tests__/avatar.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/avatar/__tests__/avatar.test.tsx b/src/avatar/__tests__/avatar.test.tsx
index 669d25371..d6fb98f3a 100644
--- a/src/avatar/__tests__/avatar.test.tsx
+++ b/src/avatar/__tests__/avatar.test.tsx
@@ -43,7 +43,7 @@ describe('Avatar', () => {
       const count = 8;
       const { container } = render(<Avatar badgeProps={{ count, offset: [6, 6] }} icon={<UserIcon />} />);
       expect(container.querySelector('.t-badge--basic')).toBeTruthy();
-      expect(container.querySelector('.t-badge--basic').innerHTML.trim()).toBe(`${count}`);
+      expect(container.querySelector('.t-badge--basic > .t-badge__count').innerHTML.trim()).toBe(`${count}`);
     });
 
     it(': size', () => {

From 2760061803433015665154a48c1a666a51fc59cf Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 24 Dec 2025 11:02:06 +0800
Subject: [PATCH 5/9] chore: update _common

---
 src/_common              | 2 +-
 src/badge/badge.en-US.md | 3 ++-
 src/badge/badge.md       | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/_common b/src/_common
index 7337bf69e..965f9f439 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 7337bf69e1a3ab011891a3722ae83b7c6c39611c
+Subproject commit 965f9f4390b137f245969fa97bf5ef29f26f1a2c
diff --git a/src/badge/badge.en-US.md b/src/badge/badge.en-US.md
index c0c654bf0..8243f4718 100644
--- a/src/badge/badge.en-US.md
+++ b/src/badge/badge.en-US.md
@@ -30,9 +30,10 @@ Name | Default Value | Description
 --td-badge-bg-color | @error-color | -
 --td-badge-border-radius | 2px | -
 --td-badge-bubble-border-radius | 10px 10px 10px 1px | -
+--td-badge-content-text-color | @text-color-primary | -
 --td-badge-dot-size | 8px | -
 --td-badge-font | @font-mark-extraSmall | -
 --td-badge-large-font | @font-mark-small | -
 --td-badge-large-height | 20px | -
 --td-badge-large-padding | 5px | -
---td-badge-text-color | @font-white-1 | -
+--td-badge-text-color | @text-color-anti | -
diff --git a/src/badge/badge.md b/src/badge/badge.md
index c8eab1a80..1e729ea0d 100644
--- a/src/badge/badge.md
+++ b/src/badge/badge.md
@@ -30,9 +30,10 @@ size | String | medium | 尺寸。可选项：medium/large | N
 --td-badge-bg-color | @error-color | -
 --td-badge-border-radius | 2px | -
 --td-badge-bubble-border-radius | 10px 10px 10px 1px | -
+--td-badge-content-text-color | @text-color-primary | -
 --td-badge-dot-size | 8px | -
 --td-badge-font | @font-mark-extraSmall | -
 --td-badge-large-font | @font-mark-small | -
 --td-badge-large-height | 20px | -
 --td-badge-large-padding | 5px | -
---td-badge-text-color | @font-white-1 | -
+--td-badge-text-color | @text-color-anti | -

From 3dda0a3a63aa8bbe2fcdd81cd11afd49ea152812 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 24 Dec 2025 11:10:30 +0800
Subject: [PATCH 6/9] fix: fix demo

---
 src/badge/_example/size.tsx               | 2 +-
 test/snap/__snapshots__/csr.test.jsx.snap | 8 ++++----
 test/snap/__snapshots__/ssr.test.jsx.snap | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/badge/_example/size.tsx b/src/badge/_example/size.tsx
index 16373bf0a..a58ae0dcc 100644
--- a/src/badge/_example/size.tsx
+++ b/src/badge/_example/size.tsx
@@ -10,7 +10,7 @@ export default function SizeBadge() {
         <Avatar icon={<UserIcon />} size="large" badgeProps={{ count: 8, size: 'large', offset: [7, 7] }} />
       </div>
 
-      <div className="summary">Middle</div>
+      <div className="summary">Medium</div>
       <div className="block">
         <Avatar icon={<UserIcon />} badgeProps={{ count: 8, offset: [5, 5] }} />
       </div>
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 809594292..e2a26b53c 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -11962,7 +11962,7 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
         <div
           class="summary"
         >
-          Middle
+          Medium
         </div>
         <div
           class="block"
@@ -12138,7 +12138,7 @@ exports[`csr snapshot test > csr test src/badge/_example/size.tsx 1`] = `
   <div
     class="summary"
   >
-    Middle
+    Medium
   </div>
   <div
     class="block"
@@ -132888,9 +132888,9 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 4964938a0..845bc0b24 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -34,9 +34,9 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div>"`;
 

From 6baca97329024549a2e3d6e37622a44ea8ae1c1b Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 24 Dec 2025 03:48:40 +0000
Subject: [PATCH 7/9] chore: update common

---
 src/_common | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/_common b/src/_common
index 965f9f439..4651278f4 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 965f9f4390b137f245969fa97bf5ef29f26f1a2c
+Subproject commit 4651278f41f3fe9a6a75716dc508f24c1a1ba77b

From 1e1be7c7f3792bb2c2b674bd9275703c20ce91c2 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 24 Dec 2025 13:54:34 +0800
Subject: [PATCH 8/9] chore: update _common

---
 src/_common | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/_common b/src/_common
index 4651278f4..a247bc1d8 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 4651278f41f3fe9a6a75716dc508f24c1a1ba77b
+Subproject commit a247bc1d8e57a7e6794885ab14d60079ab1fbba7

From 47956eb95b549d1407d75dba27657a244d26b71f Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Thu, 25 Dec 2025 14:31:49 +0800
Subject: [PATCH 9/9] fix: fix cr

---
 src/_common                               |   2 +-
 src/badge/_example/theme.tsx              |  10 +-
 test/snap/__snapshots__/csr.test.jsx.snap | 148 +++++++++++++++++++++-
 test/snap/__snapshots__/ssr.test.jsx.snap |   4 +-
 4 files changed, 157 insertions(+), 7 deletions(-)

diff --git a/src/_common b/src/_common
index a247bc1d8..e8935e057 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit a247bc1d8e57a7e6794885ab14d60079ab1fbba7
+Subproject commit e8935e05712a52a0ac37e0a65fc793b3491cb781
diff --git a/src/badge/_example/theme.tsx b/src/badge/_example/theme.tsx
index c5667397e..b04332006 100644
--- a/src/badge/_example/theme.tsx
+++ b/src/badge/_example/theme.tsx
@@ -29,12 +29,18 @@ export default function ThemeBadge() {
       <div className="summary" style={{ marginBottom: '16px' }}>
         角标
       </div>
-      <Cell title="单行标题" note={<Badge count="NEW" offset={[0, 0]} shape="ribbon" />}></Cell>
+      <Cell title="单行标题" note={<Badge count="NEW" offset={[0, 0]} shape="ribbon-left" />}></Cell>
+      <Cell title="单行标题" bordered={false} note={<Badge count="NEW" offset={[0, 0]} shape="ribbon" />}></Cell>
 
       <div className="summary" style={{ marginBottom: '16px' }}>
         三角角标
       </div>
-      <Cell title="单行标题" note={<Badge count="NEW" offset={[0, 0]} shape="triangle-right" />}></Cell>
+      <Cell title="单行标题" note={<Badge count="NEW" offset={[0, 0]} shape="triangle-left" />}></Cell>
+      <Cell
+        title="单行标题"
+        bordered={false}
+        note={<Badge count="NEW" offset={[0, 0]} shape="triangle-right" />}
+      ></Cell>
     </>
   );
 }
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index e2a26b53c..4e691d0c8 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -11782,6 +11782,42 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
         </div>
         <div
           class="t-cell"
+        >
+          <div
+            class="t-cell__left"
+          />
+          <div
+            class="t-cell__title"
+          >
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
+          </div>
+          <div
+            class="t-cell__note"
+          >
+            <div
+              class="t-badge t-badge__ribbon-left-outer"
+            >
+              <div
+                class="t-badge__content"
+              />
+              <div
+                class="t-badge--basic t-badge--medium t-badge--ribbon-left t-badge--count t-has-count"
+              >
+                <div
+                  class="t-badge__count"
+                >
+                  NEW
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-cell t-cell--borderless"
         >
           <div
             class="t-cell__left"
@@ -11824,6 +11860,42 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
         </div>
         <div
           class="t-cell"
+        >
+          <div
+            class="t-cell__left"
+          />
+          <div
+            class="t-cell__title"
+          >
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
+          </div>
+          <div
+            class="t-cell__note"
+          >
+            <div
+              class="t-badge t-badge__triangle-left-outer"
+            >
+              <div
+                class="t-badge__content"
+              />
+              <div
+                class="t-badge--basic t-badge--medium t-badge--triangle-left t-badge--count t-has-count"
+              >
+                <div
+                  class="t-badge__count"
+                >
+                  NEW
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-cell t-cell--borderless"
         >
           <div
             class="t-cell__left"
@@ -12420,6 +12492,42 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
   </div>
   <div
     class="t-cell"
+  >
+    <div
+      class="t-cell__left"
+    />
+    <div
+      class="t-cell__title"
+    >
+      <div
+        class="t-cell__title-text"
+      >
+        单行标题
+      </div>
+    </div>
+    <div
+      class="t-cell__note"
+    >
+      <div
+        class="t-badge t-badge__ribbon-left-outer"
+      >
+        <div
+          class="t-badge__content"
+        />
+        <div
+          class="t-badge--basic t-badge--medium t-badge--ribbon-left t-badge--count t-has-count"
+        >
+          <div
+            class="t-badge__count"
+          >
+            NEW
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-cell t-cell--borderless"
   >
     <div
       class="t-cell__left"
@@ -12462,6 +12570,42 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
   </div>
   <div
     class="t-cell"
+  >
+    <div
+      class="t-cell__left"
+    />
+    <div
+      class="t-cell__title"
+    >
+      <div
+        class="t-cell__title-text"
+      >
+        单行标题
+      </div>
+    </div>
+    <div
+      class="t-cell__note"
+    >
+      <div
+        class="t-badge t-badge__triangle-left-outer"
+      >
+        <div
+          class="t-badge__content"
+        />
+        <div
+          class="t-badge--basic t-badge--medium t-badge--triangle-left t-badge--count t-has-count"
+        >
+          <div
+            class="t-badge__count"
+          >
+            NEW
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-cell t-cell--borderless"
   >
     <div
       class="t-cell__left"
@@ -132888,11 +133032,11 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-left-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon-left t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="t-cell t-cell--borderless"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-left-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-left t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="t-cell t-cell--borderless"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-left-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon-left t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="t-cell t-cell--borderless"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-left-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-left t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="t-cell t-cell--borderless"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div class="row"><button type="button" 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="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 845bc0b24..4006829e3 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -34,11 +34,11 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:-1px"><div class="t-badge__count"></div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="left:calc(100% + 1px);top:1px"><div class="t-badge__count"></div></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 4px)"><div class="t-badge__count">8</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:2px"><div class="t-badge__count">8</div></div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="top:2px"><div class="t-badge__count">NEW</div></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">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-left-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon-left t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="t-cell t-cell--borderless"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-left-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-left t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="t-cell t-cell--borderless"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></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></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 7px);top:7px"><div class="t-badge__count">8</div></div></div></div></div></div><div class="summary">Medium</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 5px);top:5px"><div class="t-badge__count">8</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="left:calc(100% + 2px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="left:calc(100% + 1px);top:-2px"><div class="t-badge__count">2</div></div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count"><div class="t-badge__count">领积分</div></div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-left-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon-left t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="t-cell t-cell--borderless"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="summary" style="margin-bottom:16px">三角角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-left-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-left t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div><div class="t-cell t-cell--borderless"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__triangle-right-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--triangle-right t-badge--count t-has-count"><div class="t-badge__count">NEW</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div class="row"><button type="button" 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="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div>"`;