From 1dac6dfb9bc39cc58ef30e59183a2203ea4589f6 Mon Sep 17 00:00:00 2001
From: songchenglin3 <353833373@qq.com>
Date: Wed, 24 Jun 2026 16:40:56 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ResultPage):=20v16=20=E9=80=82?=
 =?UTF-8?q?=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config.json                               |  2 +-
 src/packages/button/button.taro.tsx           |  4 +-
 src/packages/configprovider/types.ts          |  1 +
 .../__snapshots__/resultpage.spec.tsx.snap    |  2 +-
 .../resultpage/__test__/resultpage.spec.tsx   |  4 +-
 src/packages/resultpage/demo.taro.tsx         | 12 ++++
 src/packages/resultpage/demo.tsx              | 12 ++++
 src/packages/resultpage/demos/h5/demo1.tsx    |  6 +-
 src/packages/resultpage/demos/h5/demo2.tsx    | 10 ++--
 src/packages/resultpage/demos/h5/demo3.tsx    |  6 +-
 src/packages/resultpage/demos/h5/demo4.tsx    |  8 +--
 src/packages/resultpage/demos/h5/demo5.tsx    |  2 +-
 src/packages/resultpage/demos/h5/demo6.tsx    | 55 ++++++++++++++++++
 src/packages/resultpage/demos/h5/demo7.tsx    | 43 ++++++++++++++
 src/packages/resultpage/demos/taro/demo1.tsx  |  6 +-
 src/packages/resultpage/demos/taro/demo2.tsx  | 10 ++--
 src/packages/resultpage/demos/taro/demo3.tsx  |  6 +-
 src/packages/resultpage/demos/taro/demo4.tsx  |  8 +--
 src/packages/resultpage/demos/taro/demo5.tsx  |  2 +-
 src/packages/resultpage/demos/taro/demo6.tsx  | 56 +++++++++++++++++++
 src/packages/resultpage/demos/taro/demo7.tsx  | 43 ++++++++++++++
 src/packages/resultpage/doc.en-US.md          | 54 ++++++++++++++----
 src/packages/resultpage/doc.md                | 54 ++++++++++++++----
 src/packages/resultpage/doc.taro.md           | 54 ++++++++++++++----
 src/packages/resultpage/doc.zh-TW.md          | 54 ++++++++++++++----
 src/packages/resultpage/resultpage.scss       | 11 ++--
 src/packages/resultpage/resultpage.taro.tsx   |  2 +
 src/packages/resultpage/resultpage.tsx        |  4 +-
 src/packages/resultpage/types.ts              | 10 ----
 .../doc/docs/react/migrate-from-v3.en-US.md   | 40 +++++++++++++
 .../doc/docs/react/migrate-from-v3.md         | 40 +++++++++++++
 .../doc/docs/taro/migrate-from-v3.en-US.md    | 40 +++++++++++++
 .../doc/docs/taro/migrate-from-v3.md          | 40 +++++++++++++
 src/styles/variables-daojia.scss              | 12 ++--
 src/styles/variables-jmapp.scss               |  4 ++
 src/styles/variables-jrkf.scss                |  4 ++
 src/styles/variables.scss                     | 14 +++--
 37 files changed, 626 insertions(+), 109 deletions(-)
 create mode 100644 src/packages/resultpage/demos/h5/demo6.tsx
 create mode 100644 src/packages/resultpage/demos/h5/demo7.tsx
 create mode 100644 src/packages/resultpage/demos/taro/demo6.tsx
 create mode 100644 src/packages/resultpage/demos/taro/demo7.tsx
 delete mode 100644 src/packages/resultpage/types.ts

diff --git a/src/config.json b/src/config.json
index 4bc24265de..830366652b 100644
--- a/src/config.json
+++ b/src/config.json
@@ -1076,7 +1076,7 @@
           "v15": 1,
           "author": "songsong",
           "dd": true,
-          "v16": false
+          "v16": true
         },
         {
           "version": "3.0.0",
diff --git a/src/packages/button/button.taro.tsx b/src/packages/button/button.taro.tsx
index f8bb724138..ec9e6288c9 100644
--- a/src/packages/button/button.taro.tsx
+++ b/src/packages/button/button.taro.tsx
@@ -147,9 +147,7 @@ export const Button = React.forwardRef<
       onClick={(e) => handleClick(e as any)}
     >
       <View className="nut-button-wrap">
-        {loading && (
-          <Loading className="nut-icon-loading" ariaHidden aria-hidden />
-        )}
+        {loading && <Loading className="nut-icon-loading" aria-hidden="true" />}
         {!loading && icon}
         {children && (
           <View
diff --git a/src/packages/configprovider/types.ts b/src/packages/configprovider/types.ts
index 2a48c1a81d..3a06870755 100644
--- a/src/packages/configprovider/types.ts
+++ b/src/packages/configprovider/types.ts
@@ -938,6 +938,7 @@ export type NutCSSVariables =
   | 'nutuiResultpageIconMarginBottom'
   | 'nutuiResultpageTitleMarginBottom'
   | 'nutuiResultpageTitleFontSize'
+  | 'nutuiResultpageTitleLineHeight'
   | 'nutuiResultpageTitleColor'
   | 'nutuiResultpageDescriptionFontSize'
   | 'nutuiResultpageDescriptionColor'
diff --git a/src/packages/resultpage/__test__/__snapshots__/resultpage.spec.tsx.snap b/src/packages/resultpage/__test__/__snapshots__/resultpage.spec.tsx.snap
index 8add205497..67a02122ff 100644
--- a/src/packages/resultpage/__test__/__snapshots__/resultpage.spec.tsx.snap
+++ b/src/packages/resultpage/__test__/__snapshots__/resultpage.spec.tsx.snap
@@ -28,7 +28,7 @@ exports[`should render description correctly 1`] = `
     <div
       class="nut-resultpage-description"
     >
-      内容描述内容可折行，建议最多不超过两行建议最多不超过两行内容描述内容可折行，建议最多不超过两行建议最多不超过两行
+      内容描述可折行，建议最多不超过两行建议最多不超过两行内容描述可折行，建议最多不超过两行建议最多不超过两行
     </div>
   </div>
 </div>
diff --git a/src/packages/resultpage/__test__/resultpage.spec.tsx b/src/packages/resultpage/__test__/resultpage.spec.tsx
index 98b0b64134..13a2d27b16 100644
--- a/src/packages/resultpage/__test__/resultpage.spec.tsx
+++ b/src/packages/resultpage/__test__/resultpage.spec.tsx
@@ -6,11 +6,11 @@ import { ResultPage } from '../resultpage'
 
 test('should render description correctly', () => {
   const { container, getByText } = render(
-    <ResultPage description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行内容描述内容可折行，建议最多不超过两行建议最多不超过两行" />
+    <ResultPage description="内容描述可折行，建议最多不超过两行建议最多不超过两行内容描述可折行，建议最多不超过两行建议最多不超过两行" />
   )
   expect(
     getByText(
-      '内容描述内容可折行，建议最多不超过两行建议最多不超过两行内容描述内容可折行，建议最多不超过两行建议最多不超过两行'
+      '内容描述可折行，建议最多不超过两行建议最多不超过两行内容描述可折行，建议最多不超过两行建议最多不超过两行'
     )
   ).toBeTruthy()
   expect(container).toMatchSnapshot()
diff --git a/src/packages/resultpage/demo.taro.tsx b/src/packages/resultpage/demo.taro.tsx
index fd6beff530..a43d31f030 100644
--- a/src/packages/resultpage/demo.taro.tsx
+++ b/src/packages/resultpage/demo.taro.tsx
@@ -8,6 +8,8 @@ import Demo2 from './demos/taro/demo2'
 import Demo3 from './demos/taro/demo3'
 import Demo4 from './demos/taro/demo4'
 import Demo5 from './demos/taro/demo5'
+import Demo6 from './demos/taro/demo6'
+import Demo7 from './demos/taro/demo7'
 
 const ResultPageDemo = () => {
   const [translated] = useTranslate({
@@ -17,6 +19,8 @@ const ResultPageDemo = () => {
       noTitle: '无标题',
       singleButton: '单按钮',
       noButton: '无按钮',
+      popup: '半弹层内嵌',
+      dialog: '弹窗内嵌',
     },
     'zh-TW': {
       basic: '基礎用法',
@@ -24,6 +28,8 @@ const ResultPageDemo = () => {
       noTitle: '無標題',
       singleButton: '單按鈕',
       noButton: '無按鈕',
+      popup: '半彈層內嵌',
+      dialog: '彈窗內嵌',
     },
     'en-US': {
       basic: 'Basic Usage',
@@ -31,6 +37,8 @@ const ResultPageDemo = () => {
       noTitle: 'No Title',
       singleButton: 'Single Button',
       noButton: 'No Button',
+      popup: 'Inside Popup',
+      dialog: 'Inside Dialog',
     },
   })
   return (
@@ -47,6 +55,10 @@ const ResultPageDemo = () => {
         <Demo4 />
         <View className="h2">{translated.noButton}</View>
         <Demo5 />
+        <View className="h2">{translated.popup}</View>
+        <Demo6 />
+        <View className="h2">{translated.dialog}</View>
+        <Demo7 />
       </ScrollView>
     </>
   )
diff --git a/src/packages/resultpage/demo.tsx b/src/packages/resultpage/demo.tsx
index faddcc4eb9..2d3d6c4d28 100644
--- a/src/packages/resultpage/demo.tsx
+++ b/src/packages/resultpage/demo.tsx
@@ -5,6 +5,8 @@ import Demo2 from './demos/h5/demo2'
 import Demo3 from './demos/h5/demo3'
 import Demo4 from './demos/h5/demo4'
 import Demo5 from './demos/h5/demo5'
+import Demo6 from './demos/h5/demo6'
+import Demo7 from './demos/h5/demo7'
 
 const ResultPageDemo = () => {
   const [translated] = useTranslate({
@@ -14,6 +16,8 @@ const ResultPageDemo = () => {
       noTitle: '无标题',
       singleButton: '单按钮',
       noButton: '无按钮',
+      popup: '半弹层内嵌',
+      dialog: '弹窗内嵌',
     },
     'zh-TW': {
       basic: '基礎用法',
@@ -21,6 +25,8 @@ const ResultPageDemo = () => {
       noTitle: '無標題',
       singleButton: '單按鈕',
       noButton: '無按鈕',
+      popup: '半彈層內嵌',
+      dialog: '彈窗內嵌',
     },
     'en-US': {
       basic: 'Basic Usage',
@@ -28,6 +34,8 @@ const ResultPageDemo = () => {
       noTitle: 'No Title',
       singleButton: 'Single Button',
       noButton: 'No Button',
+      popup: 'Inside Popup',
+      dialog: 'Inside Dialog',
     },
   })
   return (
@@ -43,6 +51,10 @@ const ResultPageDemo = () => {
         <Demo4 />
         <h2>{translated.noButton}</h2>
         <Demo5 />
+        <h2>{translated.popup}</h2>
+        <Demo6 />
+        <h2>{translated.dialog}</h2>
+        <Demo7 />
       </div>
     </>
   )
diff --git a/src/packages/resultpage/demos/h5/demo1.tsx b/src/packages/resultpage/demos/h5/demo1.tsx
index 6830bbe059..285e8e4866 100644
--- a/src/packages/resultpage/demos/h5/demo1.tsx
+++ b/src/packages/resultpage/demos/h5/demo1.tsx
@@ -6,14 +6,14 @@ const Demo1 = () => {
     <Cell>
       <ResultPage
         title="成功反馈"
-        description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+        description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
         status="success"
         actions={[
           {
-            text: '次要操作',
+            text: '负向操作',
           },
           {
-            text: '主要操作',
+            text: '建议操作',
             type: 'primary',
           },
         ]}
diff --git a/src/packages/resultpage/demos/h5/demo2.tsx b/src/packages/resultpage/demos/h5/demo2.tsx
index f6f35d3f3d..6be5f88250 100644
--- a/src/packages/resultpage/demos/h5/demo2.tsx
+++ b/src/packages/resultpage/demos/h5/demo2.tsx
@@ -1,19 +1,19 @@
 import React from 'react'
 import { ResultPage, Cell } from '@nutui/nutui-react'
 
-const Demo1 = () => {
+const Demo2 = () => {
   return (
     <Cell>
       <ResultPage
         title="失败反馈"
-        description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+        description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
         status="error"
         actions={[
           {
-            text: '次要操作',
+            text: '负向操作',
           },
           {
-            text: '主要操作',
+            text: '建议操作',
             type: 'primary',
           },
         ]}
@@ -21,4 +21,4 @@ const Demo1 = () => {
     </Cell>
   )
 }
-export default Demo1
+export default Demo2
diff --git a/src/packages/resultpage/demos/h5/demo3.tsx b/src/packages/resultpage/demos/h5/demo3.tsx
index 1431130b3a..7884570feb 100644
--- a/src/packages/resultpage/demos/h5/demo3.tsx
+++ b/src/packages/resultpage/demos/h5/demo3.tsx
@@ -5,14 +5,14 @@ const Demo1 = () => {
   return (
     <Cell>
       <ResultPage
-        description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+        description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
         status="warning"
         actions={[
           {
-            text: '次要操作',
+            text: '负向操作',
           },
           {
-            text: '主要操作',
+            text: '建议操作',
             type: 'primary',
           },
         ]}
diff --git a/src/packages/resultpage/demos/h5/demo4.tsx b/src/packages/resultpage/demos/h5/demo4.tsx
index 2341b71a0a..217160c40c 100644
--- a/src/packages/resultpage/demos/h5/demo4.tsx
+++ b/src/packages/resultpage/demos/h5/demo4.tsx
@@ -7,11 +7,11 @@ const Demo1 = () => {
       <Cell>
         <ResultPage
           title="信息反馈"
-          description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+          description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
           status="info"
           actions={[
             {
-              text: '主要操作',
+              text: '建议操作',
               type: 'primary',
             },
           ]}
@@ -20,11 +20,11 @@ const Demo1 = () => {
       <Cell>
         <ResultPage
           title="信息反馈"
-          description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+          description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
           status="info"
           actions={[
             {
-              text: '次要操作',
+              text: '负向操作',
             },
           ]}
         />
diff --git a/src/packages/resultpage/demos/h5/demo5.tsx b/src/packages/resultpage/demos/h5/demo5.tsx
index 1e9eefc185..e71cd7245b 100644
--- a/src/packages/resultpage/demos/h5/demo5.tsx
+++ b/src/packages/resultpage/demos/h5/demo5.tsx
@@ -6,7 +6,7 @@ const Demo1 = () => {
     <Cell>
       <ResultPage
         title="二次确认"
-        description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+        description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
         status="waiting"
       />
     </Cell>
diff --git a/src/packages/resultpage/demos/h5/demo6.tsx b/src/packages/resultpage/demos/h5/demo6.tsx
new file mode 100644
index 0000000000..b1eeb85bee
--- /dev/null
+++ b/src/packages/resultpage/demos/h5/demo6.tsx
@@ -0,0 +1,55 @@
+import React, { useState } from 'react'
+import { Popup, Cell, ResultPage, Button } from '@nutui/nutui-react'
+
+const contentStyle: React.CSSProperties = {
+  height: '196px',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+}
+
+const actionsStyle: React.CSSProperties = {
+  height: '92px',
+  padding: '8px',
+  display: 'flex',
+  justifyContent: 'center',
+  gap: '8px',
+  boxShadow: '0px 0.5px 0px #FFFFFF inset, 0px 8px 40px rgba(0, 0, 0, 0.12)',
+}
+
+const actionButtonStyle: React.CSSProperties = {
+  flex: 1,
+}
+
+const Demo6 = () => {
+  const [visible, setVisible] = useState(false)
+
+  return (
+    <>
+      <Cell title="半弹层内嵌结果反馈" onClick={() => setVisible(true)} />
+      <Popup
+        visible={visible}
+        position="bottom"
+        onClose={() => setVisible(false)}
+        style={{ height: '282px' }}
+      >
+        <div className="demo-content" style={contentStyle}>
+          <ResultPage
+            title="反馈标题"
+            description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
+            status="success"
+          />
+        </div>
+        <div className="demo-actions" style={actionsStyle}>
+          <Button type="service" size="large" style={actionButtonStyle}>
+            操作按钮
+          </Button>
+          <Button type="primary" size="large" style={actionButtonStyle}>
+            操作按钮
+          </Button>
+        </div>
+      </Popup>
+    </>
+  )
+}
+export default Demo6
diff --git a/src/packages/resultpage/demos/h5/demo7.tsx b/src/packages/resultpage/demos/h5/demo7.tsx
new file mode 100644
index 0000000000..31305f66be
--- /dev/null
+++ b/src/packages/resultpage/demos/h5/demo7.tsx
@@ -0,0 +1,43 @@
+import React, { useState } from 'react'
+import { Dialog, Cell, ResultPage } from '@nutui/nutui-react'
+
+const Demo7 = () => {
+  const [visible, setVisible] = useState(false)
+
+  return (
+    <>
+      <Cell title="弹窗内嵌结果反馈" onClick={() => setVisible(true)} />
+      <Dialog
+        visible={visible}
+        hideConfirmButton
+        hideCancelButton
+        style={{
+          '--nutui-dialog-padding': '20px 24px',
+          '--nutui-dialog-content-margin': '0',
+        }}
+      >
+        <ResultPage
+          title="反馈标题"
+          description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
+          status="success"
+          actions={[
+            {
+              text: '负向操作',
+              onClick: () => {
+                setVisible(false)
+              },
+            },
+            {
+              text: '建议操作',
+              type: 'primary',
+              onClick: () => {
+                setVisible(false)
+              },
+            },
+          ]}
+        />
+      </Dialog>
+    </>
+  )
+}
+export default Demo7
diff --git a/src/packages/resultpage/demos/taro/demo1.tsx b/src/packages/resultpage/demos/taro/demo1.tsx
index 060547082d..1d056bee1f 100644
--- a/src/packages/resultpage/demos/taro/demo1.tsx
+++ b/src/packages/resultpage/demos/taro/demo1.tsx
@@ -6,14 +6,14 @@ const Demo1 = () => {
     <Cell>
       <ResultPage
         title="成功反馈"
-        description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+        description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
         status="success"
         actions={[
           {
-            text: '次要操作',
+            text: '负向操作',
           },
           {
-            text: '主要操作',
+            text: '建议操作',
             type: 'primary',
           },
         ]}
diff --git a/src/packages/resultpage/demos/taro/demo2.tsx b/src/packages/resultpage/demos/taro/demo2.tsx
index 0568d97a66..8bbf93f2c7 100644
--- a/src/packages/resultpage/demos/taro/demo2.tsx
+++ b/src/packages/resultpage/demos/taro/demo2.tsx
@@ -1,19 +1,19 @@
 import React from 'react'
 import { ResultPage, Cell } from '@nutui/nutui-react-taro'
 
-const Demo1 = () => {
+const Demo2 = () => {
   return (
     <Cell>
       <ResultPage
         title="失败反馈"
-        description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+        description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
         status="error"
         actions={[
           {
-            text: '次要操作',
+            text: '负向操作',
           },
           {
-            text: '主要操作',
+            text: '建议操作',
             type: 'primary',
           },
         ]}
@@ -21,4 +21,4 @@ const Demo1 = () => {
     </Cell>
   )
 }
-export default Demo1
+export default Demo2
diff --git a/src/packages/resultpage/demos/taro/demo3.tsx b/src/packages/resultpage/demos/taro/demo3.tsx
index f09bd92518..58404a1578 100644
--- a/src/packages/resultpage/demos/taro/demo3.tsx
+++ b/src/packages/resultpage/demos/taro/demo3.tsx
@@ -5,14 +5,14 @@ const Demo1 = () => {
   return (
     <Cell>
       <ResultPage
-        description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+        description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
         status="warning"
         actions={[
           {
-            text: '次要操作',
+            text: '负向操作',
           },
           {
-            text: '主要操作',
+            text: '建议操作',
             type: 'primary',
           },
         ]}
diff --git a/src/packages/resultpage/demos/taro/demo4.tsx b/src/packages/resultpage/demos/taro/demo4.tsx
index e2102306f7..d598b41d81 100644
--- a/src/packages/resultpage/demos/taro/demo4.tsx
+++ b/src/packages/resultpage/demos/taro/demo4.tsx
@@ -7,11 +7,11 @@ const Demo1 = () => {
       <Cell>
         <ResultPage
           title="信息反馈"
-          description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+          description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
           status="info"
           actions={[
             {
-              text: '主要操作',
+              text: '建议操作',
               type: 'primary',
             },
           ]}
@@ -20,11 +20,11 @@ const Demo1 = () => {
       <Cell>
         <ResultPage
           title="信息反馈"
-          description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+          description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
           status="info"
           actions={[
             {
-              text: '次要操作',
+              text: '负向操作',
             },
           ]}
         />
diff --git a/src/packages/resultpage/demos/taro/demo5.tsx b/src/packages/resultpage/demos/taro/demo5.tsx
index 15725cb140..352be5691b 100644
--- a/src/packages/resultpage/demos/taro/demo5.tsx
+++ b/src/packages/resultpage/demos/taro/demo5.tsx
@@ -6,7 +6,7 @@ const Demo1 = () => {
     <Cell>
       <ResultPage
         title="二次确认"
-        description="内容描述内容可折行，建议最多不超过两行建议最多不超过两行"
+        description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
         status="waiting"
       />
     </Cell>
diff --git a/src/packages/resultpage/demos/taro/demo6.tsx b/src/packages/resultpage/demos/taro/demo6.tsx
new file mode 100644
index 0000000000..dac0345a4a
--- /dev/null
+++ b/src/packages/resultpage/demos/taro/demo6.tsx
@@ -0,0 +1,56 @@
+import React, { useState } from 'react'
+import { View } from '@tarojs/components'
+import { Popup, Cell, ResultPage, Button } from '@nutui/nutui-react-taro'
+
+const contentStyle: React.CSSProperties = {
+  height: '196px',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+}
+
+const actionsStyle: React.CSSProperties = {
+  height: '92px',
+  padding: '8px',
+  display: 'flex',
+  justifyContent: 'center',
+  gap: '8px',
+  boxShadow: '0px 0.5px 0px #FFFFFF inset, 0px 8px 40px rgba(0, 0, 0, 0.12)',
+}
+
+const actionButtonStyle: React.CSSProperties = {
+  flex: 1,
+}
+
+const Demo6 = () => {
+  const [visible, setVisible] = useState(false)
+
+  return (
+    <>
+      <Cell title="半弹层内嵌结果反馈" onClick={() => setVisible(true)} />
+      <Popup
+        visible={visible}
+        position="bottom"
+        onClose={() => setVisible(false)}
+        style={{ height: '282px' }}
+      >
+        <View className="demo-content" style={contentStyle}>
+          <ResultPage
+            title="反馈标题"
+            description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
+            status="success"
+          />
+        </View>
+        <View className="demo-actions" style={actionsStyle}>
+          <Button type="service" size="large" style={actionButtonStyle}>
+            操作按钮
+          </Button>
+          <Button type="primary" size="large" style={actionButtonStyle}>
+            操作按钮
+          </Button>
+        </View>
+      </Popup>
+    </>
+  )
+}
+export default Demo6
diff --git a/src/packages/resultpage/demos/taro/demo7.tsx b/src/packages/resultpage/demos/taro/demo7.tsx
new file mode 100644
index 0000000000..6e4356fe36
--- /dev/null
+++ b/src/packages/resultpage/demos/taro/demo7.tsx
@@ -0,0 +1,43 @@
+import React, { useState } from 'react'
+import { Dialog, Cell, ResultPage } from '@nutui/nutui-react-taro'
+
+const Demo7 = () => {
+  const [visible, setVisible] = useState(false)
+
+  return (
+    <>
+      <Cell title="弹窗内嵌结果反馈" onClick={() => setVisible(true)} />
+      <Dialog
+        visible={visible}
+        hideConfirmButton
+        hideCancelButton
+        style={{
+          '--nutui-dialog-padding': '20px 24px',
+          '--nutui-dialog-content-margin': '0',
+        }}
+      >
+        <ResultPage
+          title="反馈标题"
+          description="内容描述可折行，建议最多不超过两行建议最多不超过两行"
+          status="success"
+          actions={[
+            {
+              text: '负向操作',
+              onClick: () => {
+                setVisible(false)
+              },
+            },
+            {
+              text: '建议操作',
+              type: 'primary',
+              onClick: () => {
+                setVisible(false)
+              },
+            },
+          ]}
+        />
+      </Dialog>
+    </>
+  )
+}
+export default Demo7
diff --git a/src/packages/resultpage/doc.en-US.md b/src/packages/resultpage/doc.en-US.md
index 247630d092..451b8b7162 100644
--- a/src/packages/resultpage/doc.en-US.md
+++ b/src/packages/resultpage/doc.en-US.md
@@ -52,6 +52,26 @@ import { ResultPage } from '@nutui/nutui-react'
 
 :::
 
+### Inside Popup
+
+For half-sheet popup scenarios with vertically centered content.
+
+:::demo
+
+<CodeBlock src='h5/demo6.tsx'></CodeBlock>
+
+:::
+
+### Inside Dialog
+
+For dialog scenarios.
+
+:::demo
+
+<CodeBlock src='h5/demo7.tsx'></CodeBlock>
+
+:::
+
 ## ResultPage
 
 ### Props
@@ -61,8 +81,19 @@ import { ResultPage } from '@nutui/nutui-react'
 | title | title | `ReactNode` | `-` |
 | description | Description, up to two lines displayed | `ReactNode` | `-` |
 | status | Status type | `success` \| `error` \| `warning` \| `info` \| `waiting` | `info` |
-| icon | Custom `icon` | `ReactNode` | `-` |
-| actions | Actions of operation | `Array` | `[]` |
+| icon | Custom icon | `ReactNode` | `-` |
+| actions | Bottom action buttons | `ResultPageAction[]` | `[]` |
+
+### ResultPageAction
+
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| text | Button label | `ReactNode` | `-` |
+| type | Button type | `UIType` | `default` |
+| size | Button size | `UISize` | `large` |
+| fill | Fill mode | `UIFill` | `outline` |
+| disabled | Disabled state | `boolean` | `false` |
+| onClick | Click handler | `() => void` | `-` |
 
 ## Theming
 
@@ -73,14 +104,15 @@ The component provides the following CSS variables, which can be used to customi
 | Name | Description | Default |
 | --- | --- | --- |
 | \--nutui-resultpage-width | Content area width | `240px` |
-| \--nutui-resultpage-icon-size | Width and height of icon | `36px` |
-| \--nutui-resultpage-icon-margin-bottom | margin-bottom value of the icon | `12px` |
-| \--resultpage-title-margin-bottom | The margin-top value of the title | `12px` |
-| \--nutui-resultpage-title-font-size | The font size of the title | `$font-size-xl` |
-| \---nutui-resultpage-title-color | The text color of the title | `$color-title` |
-| \--nutui-resultpage-description-font-size | Describe the font size | `$font-size-base` |
-| \--nutui-resultpage-description-color | Describe the text color | `$color-text` |
-| \--nutui-resultpage-description-line-height | Describe the line height | `20px` |
-| \--nutui-resultpage-actions-margin-topt | The margin-top value of the operation area | `16px` |
+| \--nutui-resultpage-icon-size | Icon size | `36px` |
+| \--nutui-resultpage-icon-margin-bottom | Space below icon | `4px` |
+| \--nutui-resultpage-title-margin-bottom | Space below title | `4px` |
+| \--nutui-resultpage-title-font-size | Title font size | `16px` |
+| \--nutui-resultpage-title-line-height | Title line height | `24px` |
+| \--nutui-resultpage-title-color | Title color | `$color-title` |
+| \--nutui-resultpage-description-font-size | Description font size | `14px` |
+| \--nutui-resultpage-description-color | Description color | `$color-text` |
+| \--nutui-resultpage-description-line-height | Description line height | `22px` |
+| \--nutui-resultpage-actions-margin-top | Space above actions | `12px` |
 
 <Contribution name="ResultPage" />
diff --git a/src/packages/resultpage/doc.md b/src/packages/resultpage/doc.md
index e6c63a901a..c7f02abafc 100644
--- a/src/packages/resultpage/doc.md
+++ b/src/packages/resultpage/doc.md
@@ -52,6 +52,26 @@ import { ResultPage } from '@nutui/nutui-react'
 
 :::
 
+### 半弹层内嵌
+
+适用于 Popup 半弹层场景，内容区纵向居中展示。
+
+:::demo
+
+<CodeBlock src='h5/demo6.tsx'></CodeBlock>
+
+:::
+
+### 弹窗内嵌
+
+适用于 Dialog 弹窗场景。
+
+:::demo
+
+<CodeBlock src='h5/demo7.tsx'></CodeBlock>
+
+:::
+
 ## ResultPage
 
 ### Props
@@ -61,8 +81,19 @@ import { ResultPage } from '@nutui/nutui-react'
 | title | 标题 | `ReactNode` | `-` |
 | description | 描述，最多展示两行 | `ReactNode` | `-` |
 | status | 状态类型 | `success` \| `error` \| `warning` \| `info` \| `waiting` | `info` |
-| icon | 自定义 `icon` | `ReactNode` | `-` |
-| actions | 可用于处理操作的一组数据 | `Array` | `[]` |
+| icon | 自定义图标 | `ReactNode` | `-` |
+| actions | 底部操作按钮 | `ResultPageAction[]` | `[]` |
+
+### ResultPageAction
+
+| 属性 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| text | 按钮文案 | `ReactNode` | `-` |
+| type | 按钮类型 | `UIType` | `default` |
+| size | 按钮尺寸 | `UISize` | `large` |
+| fill | 填充模式 | `UIFill` | `outline` |
+| disabled | 是否禁用 | `boolean` | `false` |
+| onClick | 点击回调 | `() => void` | `-` |
 
 ## 主题定制
 
@@ -73,14 +104,15 @@ import { ResultPage } from '@nutui/nutui-react'
 | 名称 | 说明 | 默认值 |
 | --- | --- | --- |
 | \--nutui-resultpage-width | 内容区域宽度 | `240px` |
-| \--nutui-resultpage-icon-size | icon的宽高 | `36px` |
-| \--nutui-resultpage-icon-margin-bottom | icon的margin-bottom值 | `12px` |
-| \--resultpage-title-margin-bottom | 标题的margin-top值 | `12px` |
-| \--nutui-resultpage-title-font-size | 标题的字体大小 | `$font-size-xl` |
-| \---nutui-resultpage-title-color | 标题的文字颜色 | `$color-title` |
-| \--nutui-resultpage-description-font-size | 描述的字体大小 | `$font-size-base` |
-| \--nutui-resultpage-description-color | 描述的文字颜色 | `$color-text` |
-| \--nutui-resultpage-description-line-height | 描述的行高 | `20px` |
-| \--nutui-resultpage-actions-margin-topt | 操作区域的margin-top值 | `16px` |
+| \--nutui-resultpage-icon-size | 图标尺寸 | `36px` |
+| \--nutui-resultpage-icon-margin-bottom | 图标与内容间距 | `4px` |
+| \--nutui-resultpage-title-margin-bottom | 标题与描述间距 | `4px` |
+| \--nutui-resultpage-title-font-size | 标题字号 | `16px` |
+| \--nutui-resultpage-title-line-height | 标题行高 | `24px` |
+| \--nutui-resultpage-title-color | 标题颜色 | `$color-title` |
+| \--nutui-resultpage-description-font-size | 描述字号 | `14px` |
+| \--nutui-resultpage-description-color | 描述颜色 | `$color-text` |
+| \--nutui-resultpage-description-line-height | 描述行高 | `22px` |
+| \--nutui-resultpage-actions-margin-top | 描述与操作区间距 | `12px` |
 
 <Contribution name="ResultPage" />
diff --git a/src/packages/resultpage/doc.taro.md b/src/packages/resultpage/doc.taro.md
index ce65ad7a5f..7fb599f8d5 100644
--- a/src/packages/resultpage/doc.taro.md
+++ b/src/packages/resultpage/doc.taro.md
@@ -52,6 +52,26 @@ import { ResultPage } from '@nutui/nutui-react-taro'
 
 :::
 
+### 半弹层内嵌
+
+适用于 Popup 半弹层场景，内容区纵向居中展示。
+
+:::demo
+
+<CodeBlock src='taro/demo6.tsx'></CodeBlock>
+
+:::
+
+### 弹窗内嵌
+
+适用于 Dialog 弹窗场景。
+
+:::demo
+
+<CodeBlock src='taro/demo7.tsx'></CodeBlock>
+
+:::
+
 ## ResultPage
 
 ### Props
@@ -61,8 +81,19 @@ import { ResultPage } from '@nutui/nutui-react-taro'
 | title | 标题 | `ReactNode` | `-` |
 | description | 描述，最多展示两行 | `ReactNode` | `-` |
 | status | 状态类型 | `success` \| `error` \| `warning` \| `info` \| `waiting` | `info` |
-| icon | 自定义 `icon` | `ReactNode` | `-` |
-| actions | 可用于处理操作的一组数据 | `Array` | `[]` |
+| icon | 自定义图标 | `ReactNode` | `-` |
+| actions | 底部操作按钮 | `ResultPageAction[]` | `[]` |
+
+### ResultPageAction
+
+| 属性 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| text | 按钮文案 | `ReactNode` | `-` |
+| type | 按钮类型 | `UIType` | `default` |
+| size | 按钮尺寸 | `UISize` | `large` |
+| fill | 填充模式 | `UIFill` | `outline` |
+| disabled | 是否禁用 | `boolean` | `false` |
+| onClick | 点击回调 | `() => void` | `-` |
 
 ## 主题定制
 
@@ -73,14 +104,15 @@ import { ResultPage } from '@nutui/nutui-react-taro'
 | 名称 | 说明 | 默认值 |
 | --- | --- | --- |
 | \--nutui-resultpage-width | 内容区域宽度 | `240px` |
-| \--nutui-resultpage-icon-size | icon的宽高 | `36px` |
-| \--nutui-resultpage-icon-margin-bottom | icon的margin-bottom值 | `12px` |
-| \--resultpage-title-margin-bottom | 标题的margin-top值 | `12px` |
-| \--nutui-resultpage-title-font-size | 标题的字体大小 | `$font-size-xl` |
-| \---nutui-resultpage-title-color | 标题的文字颜色 | `$color-title` |
-| \--nutui-resultpage-description-font-size | 描述的字体大小 | `$font-size-base` |
-| \--nutui-resultpage-description-color | 描述的文字颜色 | `$color-text` |
-| \--nutui-resultpage-description-line-height | 描述的行高 | `20px` |
-| \--nutui-resultpage-actions-margin-top | 操作区域的margin-top值 | `16px` |
+| \--nutui-resultpage-icon-size | 图标尺寸 | `36px` |
+| \--nutui-resultpage-icon-margin-bottom | 图标与内容间距 | `4px` |
+| \--nutui-resultpage-title-margin-bottom | 标题与描述间距 | `4px` |
+| \--nutui-resultpage-title-font-size | 标题字号 | `16px` |
+| \--nutui-resultpage-title-line-height | 标题行高 | `24px` |
+| \--nutui-resultpage-title-color | 标题颜色 | `$color-title` |
+| \--nutui-resultpage-description-font-size | 描述字号 | `14px` |
+| \--nutui-resultpage-description-color | 描述颜色 | `$color-text` |
+| \--nutui-resultpage-description-line-height | 描述行高 | `22px` |
+| \--nutui-resultpage-actions-margin-top | 描述与操作区间距 | `12px` |
 
 <Contribution name="ResultPage" />
diff --git a/src/packages/resultpage/doc.zh-TW.md b/src/packages/resultpage/doc.zh-TW.md
index 5a14973b13..9f520b4762 100644
--- a/src/packages/resultpage/doc.zh-TW.md
+++ b/src/packages/resultpage/doc.zh-TW.md
@@ -52,6 +52,26 @@ import { ResultPage } from '@nutui/nutui-react'
 
 :::
 
+### 半彈層內嵌
+
+適用於 Popup 半彈層場景，內容區縱向居中展示。
+
+:::demo
+
+<CodeBlock src='h5/demo6.tsx'></CodeBlock>
+
+:::
+
+### 彈窗內嵌
+
+適用於 Dialog 彈窗場景。
+
+:::demo
+
+<CodeBlock src='h5/demo7.tsx'></CodeBlock>
+
+:::
+
 ## ResultPage
 
 ### Props
@@ -61,8 +81,19 @@ import { ResultPage } from '@nutui/nutui-react'
 | title | 標題 | `ReactNode` | `-` |
 | description | 描述，最多展示兩行 | `ReactNode` | `-` |
 | status | 狀態類型 | `success` \| `error` \| `warning` \| `info` \| `waiting` | `info` |
-| icon | 自定義 `icon` | `ReactNode` | `-` |
-| actions | 可用於處理操作的一組數據 | `Array` | `[]` |
+| icon | 自定義圖標 | `ReactNode` | `-` |
+| actions | 底部操作按鈕 | `ResultPageAction[]` | `[]` |
+
+### ResultPageAction
+
+| 屬性 | 說明 | 類型 | 默認值 |
+| --- | --- | --- | --- |
+| text | 按鈕文案 | `ReactNode` | `-` |
+| type | 按鈕類型 | `UIType` | `default` |
+| size | 按鈕尺寸 | `UISize` | `large` |
+| fill | 填充模式 | `UIFill` | `outline` |
+| disabled | 是否禁用 | `boolean` | `false` |
+| onClick | 點擊回調 | `() => void` | `-` |
 
 ## 主題定製
 
@@ -73,14 +104,15 @@ import { ResultPage } from '@nutui/nutui-react'
 | 名稱 | 說明 | 默認值 |
 | --- | --- | --- |
 | \--nutui-resultpage-width | 內容區域寬度 | `240px` |
-| \--nutui-resultpage-icon-size | icon的寬高 | `36px` |
-| \--nutui-resultpage-icon-margin-bottom | icon的margin-bottom值 | `12px` |
-| \--resultpage-title-margin-bottom | 標題的margin-top值 | `12px` |
-| \--nutui-resultpage-title-font-size | 標題的字體大小 | `$font-size-xl` |
-| \---nutui-resultpage-title-color | 標題的文字顏色 | `$color-title` |
-| \--nutui-resultpage-description-font-size | 描述的字體大小 | `$font-size-base` |
-| \--nutui-resultpage-description-color | 描述的文字顏色 | `$color-text` |
-| \--nutui-resultpage-description-line-height | 描述的行高 | `20px` |
-| \--nutui-resultpage-actions-margin-topt | 操作區域的margin-top值 | `16px` |
+| \--nutui-resultpage-icon-size | 圖標尺寸 | `36px` |
+| \--nutui-resultpage-icon-margin-bottom | 圖標與內容間距 | `4px` |
+| \--nutui-resultpage-title-margin-bottom | 標題與描述間距 | `4px` |
+| \--nutui-resultpage-title-font-size | 標題字號 | `16px` |
+| \--nutui-resultpage-title-line-height | 標題行高 | `24px` |
+| \--nutui-resultpage-title-color | 標題顏色 | `$color-title` |
+| \--nutui-resultpage-description-font-size | 描述字號 | `14px` |
+| \--nutui-resultpage-description-color | 描述顏色 | `$color-text` |
+| \--nutui-resultpage-description-line-height | 描述行高 | `22px` |
+| \--nutui-resultpage-actions-margin-top | 描述與操作區間距 | `12px` |
 
 <Contribution name="ResultPage" />
diff --git a/src/packages/resultpage/resultpage.scss b/src/packages/resultpage/resultpage.scss
index 6842c0b134..fe333d24bd 100644
--- a/src/packages/resultpage/resultpage.scss
+++ b/src/packages/resultpage/resultpage.scss
@@ -5,13 +5,11 @@
   flex-direction: column;
   align-items: center;
   margin: 0 auto;
+  .nut-button {
+    width: 114px;
+  }
   &-icon {
-    /* #ifdef dynamic*/
     display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
-    display: inline-flex;
-    /* #endif */
     margin-bottom: $resultpage-icon-margin-bottom;
     .nut-icon {
       height: $resultpage-icon-size;
@@ -22,6 +20,7 @@
     width: $resultpage-width;
     margin-bottom: $resultpage-title-margin-bottom;
     font-size: $resultpage-title-font-size;
+    line-height: $resultpage-title-line-height;
     color: $resultpage-title-color;
     font-weight: $font-weight-bold;
     text-align: center;
@@ -31,6 +30,7 @@
     line-height: $resultpage-description-line-height;
     font-size: $resultpage-description-font-size;
     color: $resultpage-description-color;
+    text-align: center;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -46,6 +46,7 @@
     }
   }
   &-action {
+    width: 114px;
     margin-left: 6px;
     margin-right: 6px;
   }
diff --git a/src/packages/resultpage/resultpage.taro.tsx b/src/packages/resultpage/resultpage.taro.tsx
index 755d16886c..0b82aa8740 100644
--- a/src/packages/resultpage/resultpage.taro.tsx
+++ b/src/packages/resultpage/resultpage.taro.tsx
@@ -14,6 +14,7 @@ const defaultProps = {
   status: 'info',
   actions: [],
 } as TaroResultPageProps
+
 export const ResultPage: FunctionComponent<
   Partial<TaroResultPageProps> & React.HTMLAttributes<HTMLDivElement>
 > = (props) => {
@@ -41,6 +42,7 @@ export const ResultPage: FunctionComponent<
     info: <Tips color="var(--nutui-color-info, #0c82f7)" />,
     waiting: <Ask color="var(--nutui-color-info, #0c82f7)" />,
   }
+
   return (
     <View className={cls} style={style}>
       <View className={`${classPrefix}-icon`}>
diff --git a/src/packages/resultpage/resultpage.tsx b/src/packages/resultpage/resultpage.tsx
index 35ecd6d233..e349cc260e 100644
--- a/src/packages/resultpage/resultpage.tsx
+++ b/src/packages/resultpage/resultpage.tsx
@@ -13,6 +13,7 @@ const defaultProps = {
   status: 'info',
   actions: [],
 } as WebResultPageProps
+
 export const ResultPage: FunctionComponent<
   Partial<WebResultPageProps> & React.HTMLAttributes<HTMLDivElement>
 > = (props) => {
@@ -35,11 +36,12 @@ export const ResultPage: FunctionComponent<
 
   const defaultStatus: ResultPageStatusOptions = {
     success: <Success color="var(--nutui-color-success, #0acc2a)" />,
-    error: <Failure color="var(--nutui-color-primary, #ff0f23)" />,
+    error: <Failure color="var(--nutui-color-primary, #ff2159)" />,
     warning: <Warning color="var(--nutui-color-warning, #ffaa00)" />,
     info: <Tips color="var(--nutui-color-info, #0c82f7)" />,
     waiting: <Ask color="var(--nutui-color-info, #0c82f7)" />,
   }
+
   return (
     <div className={cls} style={style}>
       <div className={`${classPrefix}-icon`}>
diff --git a/src/packages/resultpage/types.ts b/src/packages/resultpage/types.ts
deleted file mode 100644
index eb02bf4fc5..0000000000
--- a/src/packages/resultpage/types.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export type ResultPageStatusOptions = {
-  [key: string]: React.ReactNode
-}
-
-export type ResultPageStatus =
-  | 'success'
-  | 'error'
-  | 'warning'
-  | 'info'
-  | 'waiting'
diff --git a/src/sites/sites-react/doc/docs/react/migrate-from-v3.en-US.md b/src/sites/sites-react/doc/docs/react/migrate-from-v3.en-US.md
index 47e8cd2b8e..0469ce8874 100644
--- a/src/sites/sites-react/doc/docs/react/migrate-from-v3.en-US.md
+++ b/src/sites/sites-react/doc/docs/react/migrate-from-v3.en-US.md
@@ -78,3 +78,43 @@ npm install @nutui/nutui-react-taro
     - `status="empty"` → `status="search"` (generic empty) or another enum above
     - `status="error"` → `status="network"` or a custom `image`
   - Images load from CDN URLs at runtime; see `src/types/spec/empty/base.ts` for the mapping.
+
+### Popover
+
+> **No v3 compatibility in v4**: no prop aliases and no `.nut-popover-dark` class fallback. Migrate manually using the table below.
+
+- **New `type` bubble variant (breaking default behavior)**:
+  - Added `type`: `status` (icon + text + close) or `description` (text only).
+  - Default `status`; max width 240px for status, 208px for description.
+- **`theme` default changed (breaking)**:
+  - Default changed from `light` to `dark` (design-spec dark bubble).
+  - **Light style is preserved**: set `theme="light"` for the bright white-background style.
+  - Recommended migration:
+    - v3 default bright style → set `theme="light"` explicitly
+    - v3 `theme="dark"` → can remove the prop in v4 (already the default look)
+- **Visual spec updates**:
+  - **Common**: height 28px, font 12px, background `$color-mask`, text `$color-primary-text`, padding 6px vertical / 8px horizontal.
+  - **Status**: icon/close 12×12 at 80% opacity; close button touch hotspot at least 36×36px.
+  - **Description**: text only, 8px horizontal padding.
+- **CSS class name breaking changes**:
+  - Removed `.nut-popover-dark`; default styles match the design-spec dark bubble.
+  - Bright style uses `.nut-popover-light` (`theme="light"`).
+  - Added `.nut-popover--status` / `.nut-popover--description`.
+- **Theme variable updates**:
+  - Added `--nutui-popover-padding-horizontal`, `--nutui-popover-padding-vertical`, `--nutui-popover-height`, `--nutui-popover-icon-size`, `--nutui-popover-icon-color`, `--nutui-popover-status-max-width`, `--nutui-popover-description-max-width`, `--nutui-popover-action-hotspot-size`.
+  - `--nutui-popover-content-background-color` default changed from `#ffffff` to `$color-mask`; `--nutui-popover-text-color` from `$color-mask` to `$color-primary-text`.
+  - `--nutui-popover-item-width` default changed from `160px` to `240px` (same as status max width).
+
+### ResultPage
+
+> **No v3 compatibility in v4**: no prop aliases. Migrate manually using the table below.
+
+- **Type entry change**:
+  - Removed `src/packages/resultpage/types.ts`; import `ResultPageStatus`, `ResultPageAction`, and `ResultPageProps` from `@/types`.
+- **Visual spec aligned with JD APP 16.0**:
+  - Description text is centered by default; H5 error icon color aligns with `$color-primary` (`#ff2159`).
+  - 4px below icon; 4px between title and description; 12px above actions; 12px between buttons (`margin: 0 6px`).
+  - Title: `$font-size-md` / line height 24px; description line height 22px.
+- **Theme variable updates**:
+  - Added `--nutui-resultpage-title-line-height`.
+  - `--nutui-resultpage-icon-margin-bottom` default `12px` → `4px`; `--nutui-resultpage-title-margin-bottom` `12px` → `4px`; `--nutui-resultpage-title-font-size` `$font-size-xl` → `$font-size-md`; `--nutui-resultpage-description-line-height` `20px` → `22px`; `--nutui-resultpage-actions-margin-top` `16px` → `12px`.
diff --git a/src/sites/sites-react/doc/docs/react/migrate-from-v3.md b/src/sites/sites-react/doc/docs/react/migrate-from-v3.md
index c942fe3ad1..7bc22d2441 100644
--- a/src/sites/sites-react/doc/docs/react/migrate-from-v3.md
+++ b/src/sites/sites-react/doc/docs/react/migrate-from-v3.md
@@ -78,3 +78,43 @@ npm install @nutui/nutui-react-taro
     - `status="empty"` → `status="search"`（通用空态）或按场景选用上表枚举
     - `status="error"` → `status="network"` 或通过 `image` 传入自定义插图
   - 插图通过 CDN URL 运行时加载，映射表见 `src/types/spec/empty/base.ts`。
+
+### Popover (反馈类)
+
+> **v4 不提供 v3 兼容**：无 Props 别名、无 `.nut-popover-dark` 类名回退。请按下表手动迁移。
+
+- **新增 `type` 气泡类型（不兼容默认值行为）**：
+  - 新增 `type` 属性，枚举 `status`（状态型：图标 + 文案 + 关闭）/ `description`（说明型：仅文案）。
+  - 默认值 `status`；说明型最大宽度 208px，状态型最大宽度 240px。
+- **`theme` 默认值变更（不兼容）**：
+  - 默认值由 `light` 调整为 `dark`（对齐设计规范深色气泡）。
+  - **明亮风格保留**：设置 `theme="light"` 即可使用白底深字的明亮风格。
+  - 推荐迁移映射：
+    - v3 默认明亮风格 → 显式设置 `theme="light"`
+    - v3 `theme="dark"` → v4 可移除该属性（已是默认外观）
+- **视觉规格对齐设计稿**：
+  - **通用**：高度 28px，字号 12px，背景 `$color-mask`，文案 `$color-primary-text`，垂直内边距 6px、水平内边距 8px。
+  - **状态型**：图标/关闭 12×12、80% 透明度，关闭按钮触控热区不低于 36×36px。
+  - **说明型**：仅文案，左右内边距各 8px。
+- **CSS 类名变更（不兼容）**：
+  - 移除 `.nut-popover-dark`；默认样式即为设计规范深色气泡。
+  - 明亮风格改用 `.nut-popover-light`（`theme="light"`）。
+  - 新增类型修饰类：`.nut-popover--status` / `.nut-popover--description`。
+- **主题变量调整**：
+  - 新增 `--nutui-popover-padding-horizontal`、`--nutui-popover-padding-vertical`、`--nutui-popover-height`、`--nutui-popover-icon-size`、`--nutui-popover-icon-color`、`--nutui-popover-status-max-width`、`--nutui-popover-description-max-width`、`--nutui-popover-action-hotspot-size`。
+  - `--nutui-popover-content-background-color` 默认值由 `#ffffff` 改为 `$color-mask`；`--nutui-popover-text-color` 由 `$color-mask` 改为 `$color-primary-text`。
+  - `--nutui-popover-item-width` 默认值由 `160px` 改为 `240px`（等同状态型最大宽度）。
+
+### ResultPage (反馈类)
+
+> **v4 不提供 v3 兼容**：无 Props 别名。请按下表手动迁移。
+
+- **类型入口调整**：
+  - 移除 `src/packages/resultpage/types.ts`，统一从 `@/types` 引入 `ResultPageStatus`、`ResultPageAction`、`ResultPageProps`。
+- **视觉规格对齐 JD APP 16.0**：
+  - 描述文案默认居中；失败状态图标色值 H5 端对齐 `$color-primary`（`#ff2159`）。
+  - 图标与内容间距 4px；标题与描述间距 4px；描述与操作区间距 12px；操作按钮横向间距 12px（`margin: 0 6px`）。
+  - 标题：`$font-size-md` / 行高 24px；描述行高 22px。
+- **主题变量调整**：
+  - 新增 `--nutui-resultpage-title-line-height`。
+  - `--nutui-resultpage-icon-margin-bottom` 默认 `12px` → `4px`；`--nutui-resultpage-title-margin-bottom` `12px` → `4px`；`--nutui-resultpage-title-font-size` `$font-size-xl` → `$font-size-md`；`--nutui-resultpage-description-line-height` `20px` → `22px`；`--nutui-resultpage-actions-margin-top` `16px` → `12px`。
diff --git a/src/sites/sites-react/doc/docs/taro/migrate-from-v3.en-US.md b/src/sites/sites-react/doc/docs/taro/migrate-from-v3.en-US.md
index 47e8cd2b8e..0469ce8874 100644
--- a/src/sites/sites-react/doc/docs/taro/migrate-from-v3.en-US.md
+++ b/src/sites/sites-react/doc/docs/taro/migrate-from-v3.en-US.md
@@ -78,3 +78,43 @@ npm install @nutui/nutui-react-taro
     - `status="empty"` → `status="search"` (generic empty) or another enum above
     - `status="error"` → `status="network"` or a custom `image`
   - Images load from CDN URLs at runtime; see `src/types/spec/empty/base.ts` for the mapping.
+
+### Popover
+
+> **No v3 compatibility in v4**: no prop aliases and no `.nut-popover-dark` class fallback. Migrate manually using the table below.
+
+- **New `type` bubble variant (breaking default behavior)**:
+  - Added `type`: `status` (icon + text + close) or `description` (text only).
+  - Default `status`; max width 240px for status, 208px for description.
+- **`theme` default changed (breaking)**:
+  - Default changed from `light` to `dark` (design-spec dark bubble).
+  - **Light style is preserved**: set `theme="light"` for the bright white-background style.
+  - Recommended migration:
+    - v3 default bright style → set `theme="light"` explicitly
+    - v3 `theme="dark"` → can remove the prop in v4 (already the default look)
+- **Visual spec updates**:
+  - **Common**: height 28px, font 12px, background `$color-mask`, text `$color-primary-text`, padding 6px vertical / 8px horizontal.
+  - **Status**: icon/close 12×12 at 80% opacity; close button touch hotspot at least 36×36px.
+  - **Description**: text only, 8px horizontal padding.
+- **CSS class name breaking changes**:
+  - Removed `.nut-popover-dark`; default styles match the design-spec dark bubble.
+  - Bright style uses `.nut-popover-light` (`theme="light"`).
+  - Added `.nut-popover--status` / `.nut-popover--description`.
+- **Theme variable updates**:
+  - Added `--nutui-popover-padding-horizontal`, `--nutui-popover-padding-vertical`, `--nutui-popover-height`, `--nutui-popover-icon-size`, `--nutui-popover-icon-color`, `--nutui-popover-status-max-width`, `--nutui-popover-description-max-width`, `--nutui-popover-action-hotspot-size`.
+  - `--nutui-popover-content-background-color` default changed from `#ffffff` to `$color-mask`; `--nutui-popover-text-color` from `$color-mask` to `$color-primary-text`.
+  - `--nutui-popover-item-width` default changed from `160px` to `240px` (same as status max width).
+
+### ResultPage
+
+> **No v3 compatibility in v4**: no prop aliases. Migrate manually using the table below.
+
+- **Type entry change**:
+  - Removed `src/packages/resultpage/types.ts`; import `ResultPageStatus`, `ResultPageAction`, and `ResultPageProps` from `@/types`.
+- **Visual spec aligned with JD APP 16.0**:
+  - Description text is centered by default; H5 error icon color aligns with `$color-primary` (`#ff2159`).
+  - 4px below icon; 4px between title and description; 12px above actions; 12px between buttons (`margin: 0 6px`).
+  - Title: `$font-size-md` / line height 24px; description line height 22px.
+- **Theme variable updates**:
+  - Added `--nutui-resultpage-title-line-height`.
+  - `--nutui-resultpage-icon-margin-bottom` default `12px` → `4px`; `--nutui-resultpage-title-margin-bottom` `12px` → `4px`; `--nutui-resultpage-title-font-size` `$font-size-xl` → `$font-size-md`; `--nutui-resultpage-description-line-height` `20px` → `22px`; `--nutui-resultpage-actions-margin-top` `16px` → `12px`.
diff --git a/src/sites/sites-react/doc/docs/taro/migrate-from-v3.md b/src/sites/sites-react/doc/docs/taro/migrate-from-v3.md
index c942fe3ad1..7bc22d2441 100644
--- a/src/sites/sites-react/doc/docs/taro/migrate-from-v3.md
+++ b/src/sites/sites-react/doc/docs/taro/migrate-from-v3.md
@@ -78,3 +78,43 @@ npm install @nutui/nutui-react-taro
     - `status="empty"` → `status="search"`（通用空态）或按场景选用上表枚举
     - `status="error"` → `status="network"` 或通过 `image` 传入自定义插图
   - 插图通过 CDN URL 运行时加载，映射表见 `src/types/spec/empty/base.ts`。
+
+### Popover (反馈类)
+
+> **v4 不提供 v3 兼容**：无 Props 别名、无 `.nut-popover-dark` 类名回退。请按下表手动迁移。
+
+- **新增 `type` 气泡类型（不兼容默认值行为）**：
+  - 新增 `type` 属性，枚举 `status`（状态型：图标 + 文案 + 关闭）/ `description`（说明型：仅文案）。
+  - 默认值 `status`；说明型最大宽度 208px，状态型最大宽度 240px。
+- **`theme` 默认值变更（不兼容）**：
+  - 默认值由 `light` 调整为 `dark`（对齐设计规范深色气泡）。
+  - **明亮风格保留**：设置 `theme="light"` 即可使用白底深字的明亮风格。
+  - 推荐迁移映射：
+    - v3 默认明亮风格 → 显式设置 `theme="light"`
+    - v3 `theme="dark"` → v4 可移除该属性（已是默认外观）
+- **视觉规格对齐设计稿**：
+  - **通用**：高度 28px，字号 12px，背景 `$color-mask`，文案 `$color-primary-text`，垂直内边距 6px、水平内边距 8px。
+  - **状态型**：图标/关闭 12×12、80% 透明度，关闭按钮触控热区不低于 36×36px。
+  - **说明型**：仅文案，左右内边距各 8px。
+- **CSS 类名变更（不兼容）**：
+  - 移除 `.nut-popover-dark`；默认样式即为设计规范深色气泡。
+  - 明亮风格改用 `.nut-popover-light`（`theme="light"`）。
+  - 新增类型修饰类：`.nut-popover--status` / `.nut-popover--description`。
+- **主题变量调整**：
+  - 新增 `--nutui-popover-padding-horizontal`、`--nutui-popover-padding-vertical`、`--nutui-popover-height`、`--nutui-popover-icon-size`、`--nutui-popover-icon-color`、`--nutui-popover-status-max-width`、`--nutui-popover-description-max-width`、`--nutui-popover-action-hotspot-size`。
+  - `--nutui-popover-content-background-color` 默认值由 `#ffffff` 改为 `$color-mask`；`--nutui-popover-text-color` 由 `$color-mask` 改为 `$color-primary-text`。
+  - `--nutui-popover-item-width` 默认值由 `160px` 改为 `240px`（等同状态型最大宽度）。
+
+### ResultPage (反馈类)
+
+> **v4 不提供 v3 兼容**：无 Props 别名。请按下表手动迁移。
+
+- **类型入口调整**：
+  - 移除 `src/packages/resultpage/types.ts`，统一从 `@/types` 引入 `ResultPageStatus`、`ResultPageAction`、`ResultPageProps`。
+- **视觉规格对齐 JD APP 16.0**：
+  - 描述文案默认居中；失败状态图标色值 H5 端对齐 `$color-primary`（`#ff2159`）。
+  - 图标与内容间距 4px；标题与描述间距 4px；描述与操作区间距 12px；操作按钮横向间距 12px（`margin: 0 6px`）。
+  - 标题：`$font-size-md` / 行高 24px；描述行高 22px。
+- **主题变量调整**：
+  - 新增 `--nutui-resultpage-title-line-height`。
+  - `--nutui-resultpage-icon-margin-bottom` 默认 `12px` → `4px`；`--nutui-resultpage-title-margin-bottom` `12px` → `4px`；`--nutui-resultpage-title-font-size` `$font-size-xl` → `$font-size-md`；`--nutui-resultpage-description-line-height` `20px` → `22px`；`--nutui-resultpage-actions-margin-top` `16px` → `12px`。
diff --git a/src/styles/variables-daojia.scss b/src/styles/variables-daojia.scss
index 3603c7d984..3cb90865b0 100644
--- a/src/styles/variables-daojia.scss
+++ b/src/styles/variables-daojia.scss
@@ -1702,11 +1702,13 @@ $loading-lottie-background: var(--nutui-loading-lottie-background,
 $resultpage-width: var(--nutui-resultpage-width, 240px) !default;
 $resultpage-icon-size: var(--nutui-resultpage-icon-size, 36px) !default;
 $resultpage-icon-margin-bottom: var(--nutui-resultpage-icon-margin-bottom,
-    12px) !default;
+    4px) !default;
 $resultpage-title-margin-bottom: var(--nutui-resultpage-title-margin-bottom,
-    12px) !default;
+    4px) !default;
 $resultpage-title-font-size: var(--nutui-resultpage-title-font-size,
-    $font-size-xl) !default;
+    $font-size-md) !default;
+$resultpage-title-line-height: var(--nutui-resultpage-title-line-height,
+    24px) !default;
 $resultpage-title-color: var(--nutui-resultpage-title-color,
     $color-title) !default;
 $resultpage-description-font-size: var(--nutui-resultpage-description-font-size,
@@ -1714,9 +1716,9 @@ $resultpage-description-font-size: var(--nutui-resultpage-description-font-size,
 $resultpage-description-color: var(--nutui-resultpage-description-color,
     $color-text) !default;
 $resultpage-description-line-height: var(--nutui-resultpage-description-line-height,
-    20px) !default;
+    22px) !default;
 $resultpage-actions-margin-top: var(--nutui-resultpage-actions-margin-top,
-    16px) !default;
+    12px) !default;
 
 // quickenter
 $quickenter-bg-color: var(--nutui-quickenter-bg-color, #f5f5f5) !default;
diff --git a/src/styles/variables-jmapp.scss b/src/styles/variables-jmapp.scss
index 9f50ac70a0..26f5ec67b8 100644
--- a/src/styles/variables-jmapp.scss
+++ b/src/styles/variables-jmapp.scss
@@ -2879,6 +2879,10 @@ $resultpage-title-font-size: var(
   --nutui-resultpage-title-font-size,
   $font-size-xl
 ) !default;
+$resultpage-title-line-height: var(
+  --nutui-resultpage-title-line-height,
+  $line-height-xl
+) !default;
 $resultpage-title-color: var(
   --nutui-resultpage-title-color,
   $color-title
diff --git a/src/styles/variables-jrkf.scss b/src/styles/variables-jrkf.scss
index 088fb4ef61..a4b17b5248 100644
--- a/src/styles/variables-jrkf.scss
+++ b/src/styles/variables-jrkf.scss
@@ -2912,6 +2912,10 @@ $resultpage-title-font-size: var(
   --nutui-resultpage-title-font-size,
   $font-size-xl
 ) !default;
+$resultpage-title-line-height: var(
+  --nutui-resultpage-title-line-height,
+  $line-height-xl
+) !default;
 $resultpage-title-color: var(
   --nutui-resultpage-title-color,
   $color-title
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 1ad90e86f2..7caf99f6f3 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -2737,15 +2737,19 @@ $resultpage-width: var(--nutui-resultpage-width, scale-px(240px)) !default;
 $resultpage-icon-size: var(--nutui-resultpage-icon-size, scale-px(36px)) !default;
 $resultpage-icon-margin-bottom: var(
   --nutui-resultpage-icon-margin-bottom,
-  scale-px(12px)
+  scale-px(4px)
 ) !default;
 $resultpage-title-margin-bottom: var(
   --nutui-resultpage-title-margin-bottom,
-  scale-px(12px)
+  scale-px(4px)
 ) !default;
 $resultpage-title-font-size: var(
   --nutui-resultpage-title-font-size,
-  $font-size-xl
+  $font-size-md
+) !default;
+$resultpage-title-line-height: var(
+  --nutui-resultpage-title-line-height,
+  scale-px(24px)
 ) !default;
 $resultpage-title-color: var(
   --nutui-resultpage-title-color,
@@ -2761,11 +2765,11 @@ $resultpage-description-color: var(
 ) !default;
 $resultpage-description-line-height: var(
   --nutui-resultpage-description-line-height,
-  scale-px(20px)
+  scale-px(22px)
 ) !default;
 $resultpage-actions-margin-top: var(
   --nutui-resultpage-actions-margin-top,
-  scale-px(16px)
+  scale-px(12px)
 ) !default;
 
 // quickenter