diff --git a/site/mobile/mobile.config.js b/site/mobile/mobile.config.js
index 95d205af..147a1406 100644
--- a/site/mobile/mobile.config.js
+++ b/site/mobile/mobile.config.js
@@ -212,5 +212,10 @@ export default {
       name: 'notice-bar',
       component: () => import('tdesign-mobile-react/notice-bar/_example/mobile.jsx'),
     },
+    {
+      title: 'Result 结果',
+      name: 'result',
+      component: () => import('tdesign-mobile-react/result/_example/index.tsx'),
+    }
   ],
 };
diff --git a/site/web/site.config.js b/site/web/site.config.js
index 928e5823..4ede83ce 100644
--- a/site/web/site.config.js
+++ b/site/web/site.config.js
@@ -251,6 +251,12 @@ export default {
         //   path: '/mobile-react/components/image-viewer',
         //   component: () => import('tdesign-mobile-react/image-viewer/image-viewer.md'),
         // },
+        {
+          title: 'Result 结果',
+          name: 'result',
+          path: '/mobile-react/components/result',
+          component: () => import('tdesign-mobile-react/result/result.md'),
+        },
         {
           title: 'Skeleton 骨架屏',
           name: 'skeleton',
diff --git a/src/index.ts b/src/index.ts
index 8688946d..84e6ed45 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -45,6 +45,7 @@ export * from './sticky';
 export * from './swiper';
 export * from './swipe-cell';
 export * from './tag';
+export * from './result';
 
 /**
  * 消息提醒（7个）
diff --git a/src/result/Result.tsx b/src/result/Result.tsx
new file mode 100644
index 00000000..bb8235d3
--- /dev/null
+++ b/src/result/Result.tsx
@@ -0,0 +1,68 @@
+import React from 'react';
+import classNames from 'classnames';
+import { InfoCircleIcon, CheckCircleIcon, CloseCircleIcon } from 'tdesign-icons-react';
+import { TdResultProps } from './type';
+import { resultDefaultProps } from './defaultProps';
+import withNativeProps, { NativeProps } from '../_util/withNativeProps';
+import useConfig from '../_util/useConfig';
+import useDefaultProps from '../hooks/useDefaultProps';
+
+export interface ResultProps extends TdResultProps, NativeProps {
+}
+
+const Result: React.FC<ResultProps> = (props) => {
+  const { description, image, theme, title } = useDefaultProps(props, resultDefaultProps);
+  const { classPrefix } = useConfig();
+  const rootClassName = `${classPrefix}-result`;
+  const resultClassName = classNames(rootClassName, `${rootClassName}--theme-${theme || 'default'}`);
+
+  const renderIcon = () => {
+    const defaultIcons = {
+      default: InfoCircleIcon,
+      success: CheckCircleIcon,
+      warning: InfoCircleIcon,
+      error: CloseCircleIcon,
+    };
+    const RenderIcon = defaultIcons[theme];
+    return RenderIcon ? <RenderIcon className={`${rootClassName}__icon`} /> : null;
+  };
+  const renderImage = () => {
+    if (!image) {
+      return null;
+    }
+    if (typeof image === 'string') {
+      return <img src={image} alt="" />;
+    }
+    return image;
+  };
+
+  const renderThumb = () => {
+    const image = renderImage();
+    const icon = renderIcon();
+    return <div className={`${rootClassName}__thumb`}>{image || icon}</div>;
+  };
+
+  const renderTitle = () => {
+    if (!title) {
+      return null;
+    }
+    return <div className={`${rootClassName}__title`}>{title}</div>;
+  };
+
+  const renderDescription = () => {
+    if (!description) {
+      return null;
+    }
+    return <div className={`${rootClassName}__description`}>{description}</div>;
+  };
+  return withNativeProps(
+    props,
+    <div className={resultClassName}>
+      {renderThumb()}
+      {renderTitle()}
+      {renderDescription()}
+    </div>,
+  );
+};
+Result.displayName = 'Result';
+export default Result;
diff --git a/src/result/_example/custom.tsx b/src/result/_example/custom.tsx
new file mode 100644
index 00000000..4ba91ca5
--- /dev/null
+++ b/src/result/_example/custom.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import { Image, Result } from 'tdesign-mobile-react';
+import './style/index.less';
+
+export default function CustomResult() {
+  return (
+    <Result
+      image={<Image src="https://tdesign.gtimg.com/mobile/demos/result1.png" className="extra-class-image" />}
+      title="自定义结果"
+      description="描述文字"
+    />
+  );
+}
diff --git a/src/result/_example/index.tsx b/src/result/_example/index.tsx
new file mode 100644
index 00000000..5e648b09
--- /dev/null
+++ b/src/result/_example/index.tsx
@@ -0,0 +1,44 @@
+import React, { useState } from 'react';
+import { Button, Result } from 'tdesign-mobile-react';
+import TDemoHeader from '../../../site/mobile/components/DemoHeader';
+import TDemoBlock from '../../../site/mobile/components/DemoBlock';
+import CustomResult from './custom';
+import ThemeResult from './theme';
+import './style/index.less';
+
+export default function ResultDemo() {
+  const [showResultPage, setShowResultPage] = useState(false);
+  return (
+    <>
+      {!showResultPage ? (
+        <div className="tdesign-mobile-demo">
+          <TDemoHeader title="Result 结果" summary="结果反馈" />
+          <TDemoBlock title="01类型" summary="不同结果反馈">
+            <ThemeResult />
+          </TDemoBlock>
+          <TDemoBlock title="" summary="自定义结果">
+            <CustomResult />
+          </TDemoBlock>
+          <TDemoBlock title="" summary="页面位置展示">
+            <div className="padding">
+              <Button block size="large" variant="outline" theme="primary" onClick={() => setShowResultPage(true)}>
+                页面位置展示
+              </Button>
+            </div>
+          </TDemoBlock>
+        </div>
+      ) : (
+        <div className="result-page">
+          <div className="demo-section__wrapper">
+            <Result theme="success" title="成功状态" description="描述文字" />
+          </div>
+          <div className="demo-section__wrapper">
+            <Button size="large" variant="outline" block theme="primary" onClick={() => setShowResultPage(false)}>
+              返回
+            </Button>
+          </div>
+        </div>
+      )}
+    </>
+  );
+}
diff --git a/src/result/_example/style/index.less b/src/result/_example/style/index.less
new file mode 100644
index 00000000..030f504f
--- /dev/null
+++ b/src/result/_example/style/index.less
@@ -0,0 +1,24 @@
+.extra-class-image {
+  width: 108px;
+}
+
+.space {
+  margin-bottom: 48px;
+}
+
+.tdesign-mobile-demo {
+  background-color: var(--bg-color-demo, #fff);
+
+  .padding {
+    padding: 0 16px 16px;
+  }
+}
+
+.result-page {
+  height: calc(100vh - 50px);
+  background-color: var(--bg-color-demo, #fff);
+
+  .demo-section__wrapper {
+    padding: 24px 16px;
+  }
+}
diff --git a/src/result/_example/theme.tsx b/src/result/_example/theme.tsx
new file mode 100644
index 00000000..715a3908
--- /dev/null
+++ b/src/result/_example/theme.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { Result, ResultProps } from 'tdesign-mobile-react';
+import './style/index.less';
+
+export default function ThemeResult() {
+  const resultList: Array<ResultProps> = [
+    {
+      title: '成功状态',
+      theme: 'success',
+      description: '描述文字',
+    },
+    {
+      title: '失败状态',
+      theme: 'error',
+      description: '描述文字',
+    },
+    {
+      title: '警示状态',
+      theme: 'warning',
+      description: '描述文字',
+    },
+    {
+      title: '默认状态',
+      theme: 'default',
+      description: '描述文字',
+    },
+  ];
+  return (
+    <div>
+      {resultList.map((resultInfo) => (
+        <Result
+          className="space"
+          key={resultInfo.theme}
+          title={resultInfo.title}
+          description={resultInfo.description}
+          theme={resultInfo.theme}
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/src/result/defaultProps.ts b/src/result/defaultProps.ts
new file mode 100644
index 00000000..54947583
--- /dev/null
+++ b/src/result/defaultProps.ts
@@ -0,0 +1,7 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+import { TdResultProps } from './type';
+
+export const resultDefaultProps: TdResultProps = { theme: 'default', title: '' };
diff --git a/src/result/index.ts b/src/result/index.ts
new file mode 100644
index 00000000..35b31092
--- /dev/null
+++ b/src/result/index.ts
@@ -0,0 +1,8 @@
+import _Result from './Result';
+import './style/index.js';
+
+export type { ResultProps } from './Result';
+export * from './type';
+
+export const Result = _Result;
+export default Result;
diff --git a/src/result/result.en-US.md b/src/result/result.en-US.md
new file mode 100644
index 00000000..5f794397
--- /dev/null
+++ b/src/result/result.en-US.md
@@ -0,0 +1,15 @@
+:: BASE_DOC ::
+
+## API
+
+
+### Result Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+className | String | - | className of component | N
+style | Object | - | CSS(Cascading Style Sheets)，Typescript：`React.CSSProperties` | N
+description | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+image | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+theme | String | default | options: default/success/warning/error | N
+title | TNode | '' | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
diff --git a/src/result/result.md b/src/result/result.md
new file mode 100644
index 00000000..a04ca97b
--- /dev/null
+++ b/src/result/result.md
@@ -0,0 +1,15 @@
+:: BASE_DOC ::
+
+## API
+
+
+### Result Props
+
+名称 | 类型 | 默认值 | 描述 | 必传
+-- | -- | -- | -- | --
+className | String | - | 类名 | N
+style | Object | - | 样式，TS 类型：`React.CSSProperties` | N
+description | TNode | - | 描述文字。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+image | TNode | - | 图片地址。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+theme | String | default | 内置主题。可选项：default/success/warning/error | N
+title | TNode | '' | 标题。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
diff --git a/src/result/style/css.js b/src/result/style/css.js
new file mode 100644
index 00000000..6a9a4b13
--- /dev/null
+++ b/src/result/style/css.js
@@ -0,0 +1 @@
+import './index.css';
diff --git a/src/result/style/index.js b/src/result/style/index.js
new file mode 100644
index 00000000..6102c35f
--- /dev/null
+++ b/src/result/style/index.js
@@ -0,0 +1 @@
+import '../../_common/style/mobile/components/result/v2/_index.less';
diff --git a/src/result/type.ts b/src/result/type.ts
new file mode 100644
index 00000000..8e0de125
--- /dev/null
+++ b/src/result/type.ts
@@ -0,0 +1,28 @@
+/* eslint-disable */
+
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+import { TNode } from '../common';
+
+export interface TdResultProps {
+  /**
+   * 描述文字
+   */
+  description?: TNode;
+  /**
+   * 图片地址
+   */
+  image?: TNode;
+  /**
+   * 内置主题
+   * @default default
+   */
+  theme?: 'default' | 'success' | 'warning' | 'error';
+  /**
+   * 标题
+   * @default ''
+   */
+  title?: TNode;
+}
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 0eef74d0..cf509620 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -1923,6 +1923,492 @@ exports[`csr snapshot test > csr test src/progress/_example/transition.tsx 1`] =
 </div>
 `;
 
+exports[`csr snapshot test > csr test src/result/_example/custom.tsx 1`] = `
+<div>
+  <div
+    class="t-result t-result--theme-default"
+  >
+    <div
+      class="t-result__thumb"
+    >
+      <div
+        class="t-image t-image--round extra-class-image"
+      >
+        <div
+          class="t-image__status"
+        >
+          <svg
+            class="t-icon t-icon-ellipsis"
+            fill="none"
+            height="1em"
+            viewBox="0 0 16 16"
+            width="1em"
+          >
+            <path
+              d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+          </svg>
+        </div>
+        <img
+          class="t-image__img"
+          src="https://tdesign.gtimg.com/mobile/demos/result1.png"
+          style="object-fit: fill; width: inherit; height: inherit;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-result__title"
+    >
+      自定义结果
+    </div>
+    <div
+      class="t-result__description"
+    >
+      描述文字
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/result/_example/index.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-mobile-demo"
+  >
+    <div
+      class="tdesign-mobile-demo-header"
+    >
+      <h1
+        class="tdesign-mobile-demo-header__title"
+      >
+        Result 结果
+      </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-result t-result--theme-success space"
+          >
+            <div
+              class="t-result__thumb"
+            >
+              <svg
+                class="t-icon t-icon-check-circle t-result__icon"
+                fill="none"
+                height="1em"
+                viewBox="0 0 16 16"
+                width="1em"
+              >
+                <path
+                  d="M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+                <path
+                  d="M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-result__title"
+            >
+              成功状态
+            </div>
+            <div
+              class="t-result__description"
+            >
+              描述文字
+            </div>
+          </div>
+          <div
+            class="t-result t-result--theme-error space"
+          >
+            <div
+              class="t-result__thumb"
+            >
+              <svg
+                class="t-icon t-icon-close-circle t-result__icon"
+                fill="none"
+                height="1em"
+                viewBox="0 0 16 16"
+                width="1em"
+              >
+                <path
+                  d="M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+                <path
+                  d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-result__title"
+            >
+              失败状态
+            </div>
+            <div
+              class="t-result__description"
+            >
+              描述文字
+            </div>
+          </div>
+          <div
+            class="t-result t-result--theme-warning space"
+          >
+            <div
+              class="t-result__thumb"
+            >
+              <svg
+                class="t-icon t-icon-info-circle t-result__icon"
+                fill="none"
+                height="1em"
+                viewBox="0 0 16 16"
+                width="1em"
+              >
+                <path
+                  d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+                <path
+                  d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-result__title"
+            >
+              警示状态
+            </div>
+            <div
+              class="t-result__description"
+            >
+              描述文字
+            </div>
+          </div>
+          <div
+            class="t-result t-result--theme-default space"
+          >
+            <div
+              class="t-result__thumb"
+            >
+              <svg
+                class="t-icon t-icon-info-circle t-result__icon"
+                fill="none"
+                height="1em"
+                viewBox="0 0 16 16"
+                width="1em"
+              >
+                <path
+                  d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+                <path
+                  d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-result__title"
+            >
+              默认状态
+            </div>
+            <div
+              class="t-result__description"
+            >
+              描述文字
+            </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-result t-result--theme-default"
+        >
+          <div
+            class="t-result__thumb"
+          >
+            <div
+              class="t-image t-image--round extra-class-image"
+            >
+              <div
+                class="t-image__status"
+              >
+                <svg
+                  class="t-icon t-icon-ellipsis"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </div>
+              <img
+                class="t-image__img"
+                src="https://tdesign.gtimg.com/mobile/demos/result1.png"
+                style="object-fit: fill; width: inherit; height: inherit;"
+              />
+            </div>
+          </div>
+          <div
+            class="t-result__title"
+          >
+            自定义结果
+          </div>
+          <div
+            class="t-result__description"
+          >
+            描述文字
+          </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="padding"
+        >
+          <button
+            class="t-button t-button--outline t-button--primary t-size-l t-is-block t-button--shape-rectangle"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+               
+              页面位置展示
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/result/_example/theme.tsx 1`] = `
+<div>
+  <div>
+    <div
+      class="t-result t-result--theme-success space"
+    >
+      <div
+        class="t-result__thumb"
+      >
+        <svg
+          class="t-icon t-icon-check-circle t-result__icon"
+          fill="none"
+          height="1em"
+          viewBox="0 0 16 16"
+          width="1em"
+        >
+          <path
+            d="M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+          <path
+            d="M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-result__title"
+      >
+        成功状态
+      </div>
+      <div
+        class="t-result__description"
+      >
+        描述文字
+      </div>
+    </div>
+    <div
+      class="t-result t-result--theme-error space"
+    >
+      <div
+        class="t-result__thumb"
+      >
+        <svg
+          class="t-icon t-icon-close-circle t-result__icon"
+          fill="none"
+          height="1em"
+          viewBox="0 0 16 16"
+          width="1em"
+        >
+          <path
+            d="M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+          <path
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-result__title"
+      >
+        失败状态
+      </div>
+      <div
+        class="t-result__description"
+      >
+        描述文字
+      </div>
+    </div>
+    <div
+      class="t-result t-result--theme-warning space"
+    >
+      <div
+        class="t-result__thumb"
+      >
+        <svg
+          class="t-icon t-icon-info-circle t-result__icon"
+          fill="none"
+          height="1em"
+          viewBox="0 0 16 16"
+          width="1em"
+        >
+          <path
+            d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+          <path
+            d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-result__title"
+      >
+        警示状态
+      </div>
+      <div
+        class="t-result__description"
+      >
+        描述文字
+      </div>
+    </div>
+    <div
+      class="t-result t-result--theme-default space"
+    >
+      <div
+        class="t-result__thumb"
+      >
+        <svg
+          class="t-icon t-icon-info-circle t-result__icon"
+          fill="none"
+          height="1em"
+          viewBox="0 0 16 16"
+          width="1em"
+        >
+          <path
+            d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+          <path
+            d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-result__title"
+      >
+        默认状态
+      </div>
+      <div
+        class="t-result__description"
+      >
+        描述文字
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ssr snapshot test > ssr test src/divider/_example/base.tsx 1`] = `"<div class="divider-demo__title">水平分割线</div><div class="t-divider t-divider--horizontal t-divider--center" role="separator"><div class="t-divider__content"></div></div><div class="divider-demo__title">带文字水平分割线</div><div class="t-divider t-divider--horizontal t-divider--left" role="separator"><div class="t-divider__content">文字信息</div></div><div class="t-divider t-divider--horizontal t-divider--center" role="separator"><div class="t-divider__content">文字信息</div></div><div class="t-divider t-divider--horizontal t-divider--right" role="separator"><div class="t-divider__content">文字信息</div></div><div class="divider-demo__title" style="margin-bottom:10px">垂直分割线</div><div class="divider-wrapper"><span>文字信息</span><div class="t-divider t-divider--vertical t-divider--center" role="separator"><div class="t-divider__content"></div></div><span>文字信息</span><div class="t-divider t-divider--vertical t-divider--center" role="separator"><div class="t-divider__content"></div></div><span>文字信息</span></div>"`;
 
 exports[`ssr snapshot test > ssr test src/divider/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo" data-reactroot=""><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Divider 分割符</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 with-padding"><div class="divider-demo__title">水平分割线</div><div class="t-divider t-divider--horizontal t-divider--center" role="separator"><div class="t-divider__content"></div></div><div class="divider-demo__title">带文字水平分割线</div><div class="t-divider t-divider--horizontal t-divider--left" role="separator"><div class="t-divider__content">文字信息</div></div><div class="t-divider t-divider--horizontal t-divider--center" role="separator"><div class="t-divider__content">文字信息</div></div><div class="t-divider t-divider--horizontal t-divider--right" role="separator"><div class="t-divider__content">文字信息</div></div><div class="divider-demo__title" style="margin-bottom:10px">垂直分割线</div><div class="divider-wrapper"><span>文字信息</span><div class="t-divider t-divider--vertical t-divider--center" role="separator"><div class="t-divider__content"></div></div><span>文字信息</span><div class="t-divider t-divider--vertical t-divider--center" role="separator"><div class="t-divider__content"></div></div><span>文字信息</span></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 with-padding"><div><div class="divider-demo__title">虚线样式</div><div class="t-divider t-divider--horizontal t-divider--center t-divider--dashed" role="separator"><div class="t-divider__content"></div></div><div class="t-divider t-divider--horizontal t-divider--left t-divider--dashed" role="separator"><div class="t-divider__content">文字信息</div></div><div class="t-divider t-divider--horizontal t-divider--center t-divider--dashed" role="separator"><div class="t-divider__content">文字信息</div></div><div class="t-divider t-divider--horizontal t-divider--right t-divider--dashed" role="separator"><div class="t-divider__content">文字信息</div></div></div></div></div></div>"`;
@@ -1944,3 +2430,9 @@ exports[`ssr snapshot test > ssr test src/progress/_example/line.tsx 1`] = `"<di
 exports[`ssr snapshot test > ssr test src/progress/_example/plump.tsx 1`] = `"<div class="example-progress" data-reactroot=""><div class="example-progress__item"><div class="t-progress"><div class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status-default"><div class="t-progress__inner" style="width:80%;background:"><div class="t-progress__info">80%</div></div></div></div></div><div class="example-progress__item"><div class="t-progress"><div class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status-warning"><div class="t-progress__inner" style="width:88%;background:"><div class="t-progress__info">88%</div></div></div></div></div><div class="example-progress__item"><div class="t-progress"><div class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status-error"><div class="t-progress__inner" style="width:88%;background:"><div class="t-progress__info">88%</div></div></div></div></div><div class="example-progress__item"><div class="t-progress"><div class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status-success"><div class="t-progress__inner" style="width:88%;background:"><div class="t-progress__info">88%</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/progress/_example/transition.tsx 1`] = `"<div class="example-progress" data-reactroot=""><div class="t-progress"><div class="t-progress--thin t-progress--status-default"><div class="t-progress__bar"><div class="t-progress__inner" style="width:88%;background:"></div></div><div class="t-progress__info">88%</div></div></div><div class="button-group"><button type="button" class="t-button t-button--outline t-button--primary t-size-s t-button--shape-rectangle"><span class="t-button__text"> <!-- -->减少</span></button><div class="space"></div><button type="button" class="t-button t-button--base t-button--primary t-size-s t-button--shape-rectangle"><span class="t-button__text"> <!-- -->增加</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/result/_example/custom.tsx 1`] = `"<div class="t-result t-result--theme-default" data-reactroot=""><div class="t-result__thumb"><div class="t-image t-image--round extra-class-image"><div class="t-image__status"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z" fill-opacity="0.9"></path></svg></div><img class="t-image__img" src="https://tdesign.gtimg.com/mobile/demos/result1.png" style="object-fit:fill;width:inherit;height:inherit"/></div></div><div class="t-result__title">自定义结果</div><div class="t-result__description">描述文字</div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Result 结果</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-result t-result--theme-success space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle t-result__icon"><path fill="currentColor" d="M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z" fill-opacity="0.9"></path><path fill="currentColor" d="M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">成功状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-error space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-close-circle t-result__icon"><path fill="currentColor" d="M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z" fill-opacity="0.9"></path><path fill="currentColor" d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">失败状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-warning space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z" fill-opacity="0.9"></path><path fill="currentColor" d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">警示状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-default space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z" fill-opacity="0.9"></path><path fill="currentColor" d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">默认状态</div><div class="t-result__description">描述文字</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-result t-result--theme-default"><div class="t-result__thumb"><div class="t-image t-image--round extra-class-image"><div class="t-image__status"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z" fill-opacity="0.9"></path></svg></div><img class="t-image__img" src="https://tdesign.gtimg.com/mobile/demos/result1.png" style="object-fit:fill;width:inherit;height:inherit"/></div></div><div class="t-result__title">自定义结果</div><div class="t-result__description">描述文字</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="padding"><button type="button" class="t-button t-button--outline t-button--primary t-size-l t-is-block t-button--shape-rectangle"><span class="t-button__text"> <!-- -->页面位置展示</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/result/_example/theme.tsx 1`] = `"<div data-reactroot=""><div class="t-result t-result--theme-success space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle t-result__icon"><path fill="currentColor" d="M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z" fill-opacity="0.9"></path><path fill="currentColor" d="M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">成功状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-error space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-close-circle t-result__icon"><path fill="currentColor" d="M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z" fill-opacity="0.9"></path><path fill="currentColor" d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">失败状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-warning space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z" fill-opacity="0.9"></path><path fill="currentColor" d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">警示状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-default space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z" fill-opacity="0.9"></path><path fill="currentColor" d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">默认状态</div><div class="t-result__description">描述文字</div></div></div>"`;
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index df22fc63..e50fd44d 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -21,3 +21,9 @@ exports[`ssr snapshot test > ssr test src/progress/_example/line.tsx 1`] = `"<di
 exports[`ssr snapshot test > ssr test src/progress/_example/plump.tsx 1`] = `"<div class="example-progress" data-reactroot=""><div class="example-progress__item"><div class="t-progress"><div class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status-default"><div class="t-progress__inner" style="width:80%;background:"><div class="t-progress__info">80%</div></div></div></div></div><div class="example-progress__item"><div class="t-progress"><div class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status-warning"><div class="t-progress__inner" style="width:88%;background:"><div class="t-progress__info">88%</div></div></div></div></div><div class="example-progress__item"><div class="t-progress"><div class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status-error"><div class="t-progress__inner" style="width:88%;background:"><div class="t-progress__info">88%</div></div></div></div></div><div class="example-progress__item"><div class="t-progress"><div class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status-success"><div class="t-progress__inner" style="width:88%;background:"><div class="t-progress__info">88%</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/progress/_example/transition.tsx 1`] = `"<div class="example-progress" data-reactroot=""><div class="t-progress"><div class="t-progress--thin t-progress--status-default"><div class="t-progress__bar"><div class="t-progress__inner" style="width:88%;background:"></div></div><div class="t-progress__info">88%</div></div></div><div class="button-group"><button type="button" class="t-button t-button--outline t-button--primary t-size-s t-button--shape-rectangle"><span class="t-button__text"> <!-- -->减少</span></button><div class="space"></div><button type="button" class="t-button t-button--base t-button--primary t-size-s t-button--shape-rectangle"><span class="t-button__text"> <!-- -->增加</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/result/_example/custom.tsx 1`] = `"<div class="t-result t-result--theme-default" data-reactroot=""><div class="t-result__thumb"><div class="t-image t-image--round extra-class-image"><div class="t-image__status"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z" fill-opacity="0.9"></path></svg></div><img class="t-image__img" src="https://tdesign.gtimg.com/mobile/demos/result1.png" style="object-fit:fill;width:inherit;height:inherit"/></div></div><div class="t-result__title">自定义结果</div><div class="t-result__description">描述文字</div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Result 结果</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-result t-result--theme-success space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle t-result__icon"><path fill="currentColor" d="M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z" fill-opacity="0.9"></path><path fill="currentColor" d="M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">成功状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-error space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-close-circle t-result__icon"><path fill="currentColor" d="M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z" fill-opacity="0.9"></path><path fill="currentColor" d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">失败状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-warning space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z" fill-opacity="0.9"></path><path fill="currentColor" d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">警示状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-default space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z" fill-opacity="0.9"></path><path fill="currentColor" d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">默认状态</div><div class="t-result__description">描述文字</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-result t-result--theme-default"><div class="t-result__thumb"><div class="t-image t-image--round extra-class-image"><div class="t-image__status"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-ellipsis"><path fill="currentColor" d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z" fill-opacity="0.9"></path></svg></div><img class="t-image__img" src="https://tdesign.gtimg.com/mobile/demos/result1.png" style="object-fit:fill;width:inherit;height:inherit"/></div></div><div class="t-result__title">自定义结果</div><div class="t-result__description">描述文字</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="padding"><button type="button" class="t-button t-button--outline t-button--primary t-size-l t-is-block t-button--shape-rectangle"><span class="t-button__text"> <!-- -->页面位置展示</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/result/_example/theme.tsx 1`] = `"<div data-reactroot=""><div class="t-result t-result--theme-success space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle t-result__icon"><path fill="currentColor" d="M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z" fill-opacity="0.9"></path><path fill="currentColor" d="M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">成功状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-error space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-close-circle t-result__icon"><path fill="currentColor" d="M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z" fill-opacity="0.9"></path><path fill="currentColor" d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">失败状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-warning space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z" fill-opacity="0.9"></path><path fill="currentColor" d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">警示状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-default space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M7.5 12V6.5h1V12h-1zM8.6 4H7.4v1.2h1.2V4z" fill-opacity="0.9"></path><path fill="currentColor" d="M1 8a7 7 0 1014 0A7 7 0 001 8zm1 0a6 6 0 1112 0A6 6 0 012 8z" fill-opacity="0.9"></path></svg></div><div class="t-result__title">默认状态</div><div class="t-result__description">描述文字</div></div></div>"`;