diff --git a/packages/pro-components/chat/attachments/_example/attachments.json b/packages/pro-components/chat/attachments/_example/attachments.json
index c8df4ffe9..b886d7832 100644
--- a/packages/pro-components/chat/attachments/_example/attachments.json
+++ b/packages/pro-components/chat/attachments/_example/attachments.json
@@ -1,5 +1,6 @@
 {
   "navigationBarTitleText": "Attachments 聊天附件",
+  "disableScroll": true,
   "usingComponents": {
     "base": "./base",
     "fileLoading": "./file-loading",
diff --git a/packages/pro-components/chat/attachments/_example/attachments.less b/packages/pro-components/chat/attachments/_example/attachments.less
index e69de29bb..2d7f838b4 100644
--- a/packages/pro-components/chat/attachments/_example/attachments.less
+++ b/packages/pro-components/chat/attachments/_example/attachments.less
@@ -0,0 +1,10 @@
+.skyline {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+
+  .scroll-view {
+    flex: 1;
+    height: 0;
+  }
+}
diff --git a/packages/pro-components/chat/attachments/_example/attachments.wxml b/packages/pro-components/chat/attachments/_example/attachments.wxml
index b09a7e2cb..850c8d501 100644
--- a/packages/pro-components/chat/attachments/_example/attachments.wxml
+++ b/packages/pro-components/chat/attachments/_example/attachments.wxml
@@ -1,20 +1,24 @@
-<t-navbar class="demo-navbar" title="Attachments" leftArrow placeholder />
-<view class="demo">
-  <t-demo-header
-    title="Attachments 文件附件"
-    desc="用于聊天场景中上传、预览和管理附件的组件。"
-    notice="渲染框架支持情况：WebView"
-  />
-  <t-demo title="01 组件类型" desc="图片类型">
-    <base />
-  </t-demo>
-  <t-demo desc="文件类型">
-    <file />
-  </t-demo>
-  <t-demo title="02 组件状态" desc="图片类型加载状态">
-    <imageLoading />
-  </t-demo>
-  <t-demo desc="文件类型加载状态">
-    <fileLoading />
-  </t-demo>
+<view class="skyline">
+  <t-navbar class="demo-navbar" title="Attachments" leftArrow placeholder />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <t-demo-header
+        title="Attachments 文件附件"
+        desc="用于聊天场景中上传、预览和管理附件的组件。"
+        notice="渲染框架支持情况：WebView"
+      />
+      <t-demo title="01 组件类型" desc="图片类型">
+        <base />
+      </t-demo>
+      <t-demo desc="文件类型">
+        <file />
+      </t-demo>
+      <t-demo title="02 组件状态" desc="图片类型加载状态">
+        <imageLoading />
+      </t-demo>
+      <t-demo desc="文件类型加载状态">
+        <fileLoading />
+      </t-demo>
+    </view>
+  </scroll-view>
 </view>
diff --git a/packages/pro-components/chat/attachments/attachments.less b/packages/pro-components/chat/attachments/attachments.less
index 3ff937047..66ff8ce6c 100644
--- a/packages/pro-components/chat/attachments/attachments.less
+++ b/packages/pro-components/chat/attachments/attachments.less
@@ -23,7 +23,7 @@
 
   // 可滚动内容区域
   &__scrollable {
-    height: 100%;
+    /* 移除固定高度设置，由动态绑定控制高度 */
     display: flex;
     align-items: center;
     justify-content: flex-start;
@@ -80,6 +80,7 @@
   &__files {
     box-sizing: border-box;
     margin-left: @attachments-file-margin;
+    display: inline-block;
 
     &:first-of-type {
       margin-left: 0;
diff --git a/packages/pro-components/chat/attachments/attachments.ts b/packages/pro-components/chat/attachments/attachments.ts
index 2c78d7785..84cf41f93 100644
--- a/packages/pro-components/chat/attachments/attachments.ts
+++ b/packages/pro-components/chat/attachments/attachments.ts
@@ -27,11 +27,17 @@ export default class Attachments extends SuperComponent {
   data = {
     classPrefix: name,
     files: [],
+    isSkyline: false,
+    scrollViewHeight: 0, // 新增：scroll-view的高度
   };
 
   observers = {
     items() {
       this.setFiles();
+      // 新增：文件列表变化时重新计算高度
+      wx.nextTick(() => {
+        this.getScrollViewHeight();
+      });
     },
   };
 
@@ -51,6 +57,13 @@ export default class Attachments extends SuperComponent {
         this.handleRemove(item, index);
       }
     },
+    // 新增：图片加载完成回调
+    onImageLoad() {
+      // 图片加载完成后重新计算高度
+      wx.nextTick(() => {
+        this.getScrollViewHeight();
+      });
+    },
     handleFileClick(item) {
       if (this.data.imageViewer && item.fileType === 'image') {
         wx.previewImage({
@@ -62,6 +75,20 @@ export default class Attachments extends SuperComponent {
     handleRemove(item, index) {
       this.triggerEvent('remove', { item, index });
     },
+    // 修改：获取所有文件元素的最大高度
+    getScrollViewHeight() {
+      const query = this.createSelectorQuery();
+      query.selectAll('.t-attachments__files').boundingClientRect();
+      query.exec((res) => {
+        if (res[0] && res[0].length > 0) {
+          // 获取所有文件元素的最大高度
+          const maxFileHeight = Math.max(...res[0].map((rect) => rect.height));
+          this.setData({
+            scrollViewHeight: maxFileHeight,
+          });
+        }
+      });
+    },
     renderDesc(item) {
       const sizeInBytes = item.size || 0;
       let formattedSize;
@@ -187,9 +214,15 @@ export default class Attachments extends SuperComponent {
       this.data.renderIcon = this.renderIcon.bind(this);
       this.data.renderFileType = this.renderFileType.bind(this);
       this.data.renderExtension = this.renderExtension.bind(this);
+      // 检测 Skyline 模式
+      this.setData({ isSkyline: this.renderer === 'skyline' });
     },
     attached() {
       this.setFiles();
+      // 新增：组件挂载时计算高度
+      wx.nextTick(() => {
+        this.getScrollViewHeight();
+      });
     },
     detached() {},
   };
diff --git a/packages/pro-components/chat/attachments/attachments.wxml b/packages/pro-components/chat/attachments/attachments.wxml
index 0769446fe..09fdda5ed 100644
--- a/packages/pro-components/chat/attachments/attachments.wxml
+++ b/packages/pro-components/chat/attachments/attachments.wxml
@@ -1,75 +1,102 @@
 <wxs src="./attachments.wxs" module="_this" />
 <wxs src="../../../components/common/utils.wxs" module="_" />
 
+<!-- 图片文件模板 -->
+<template name="image-item">
+  <view class="file-image {{classPrefix}}__file {{removable ? classPrefix + '__file--removable' : ''}}">
+    <block wx:if="{{item.status==='pending' || item.status==='fail' || item.status==='error'}}">
+      <view class="{{item.status}} {{classPrefix}}__file--{{item.status}}">
+        <t-loading theme="{{isSkyline ? 'spinner' : 'circular'}}" size="48rpx" />
+      </view>
+    </block>
+    <block wx:else>
+      <image
+        class="image"
+        src="{{item.url}}"
+        mode="{{_this.getImageMode(item)}}"
+        lazy-load="false"
+        style="{{inChat ? _this.imageStyle(item) : ''}}"
+        bindload="onImageLoad"
+      ></image>
+    </block>
+    <view wx:if="{{removable}}" class="{{classPrefix}}__remove">
+      <t-icon data-index="{{index}}" name="multiply" size="16px" catchtap="onRemoveTap" />
+    </view>
+  </view>
+</template>
+
+<!-- 普通文件模板 -->
+<template name="file-item">
+  <view class="file {{classPrefix}}__file {{removable ? classPrefix + '__file--removable' : ''}}">
+    <view class="image">
+      <block wx:if="{{item.status==='pending'}}">
+        <view class="loading {{classPrefix}}__file--pending">
+          <t-loading theme="{{isSkyline ? 'spinner' : 'circular'}}" size="48rpx" />
+        </view>
+      </block>
+      <block wx:elif="{{item.status==='fail'}}">
+        <view class="fail {{classPrefix}}__file--fail">
+          <t-loading theme="{{isSkyline ? 'spinner' : 'circular'}}" size="48rpx" />
+        </view>
+      </block>
+      <block wx:elif="{{item.status==='error'}}">
+        <view class="error {{classPrefix}}__file--error">
+          <t-loading theme="{{isSkyline ? 'spinner' : 'circular'}}" size="48rpx" />
+        </view>
+      </block>
+      <block wx:else>
+        <t-icon name="{{item.fileIcon.name}}" color="{{item.fileIcon.color}}" size="48rpx"></t-icon>
+      </block>
+    </view>
+    <view class="{{classPrefix}}__content">
+      <view class="{{classPrefix}}__title">{{item.name}}</view>
+      <view wx:if="{{item.status==='pending'}}" class="{{classPrefix}}__desc">上传中...{{item.progress || 0+"%"}}</view>
+      <view wx:elif="{{item.status==='fail'}}" class="{{classPrefix}}__desc">上传失败</view>
+      <view wx:elif="{{item.status==='error'}}" class="{{classPrefix}}__desc">{{item.errorMessage}}</view>
+      <view wx:else class="{{classPrefix}}__desc">{{item.desc}}</view>
+    </view>
+    <view wx:if="{{removable}}" class="{{classPrefix}}__remove">
+      <t-icon data-index="{{index}}" name="multiply" size="16px" catchtap="onRemoveTap" />
+    </view>
+  </view>
+</template>
+
 <view
   class="{{classPrefix}} {{[inChat ? classPrefix + '--chatting' : '', _this.getFileTypeClass(inChat, files)]}}"
   style="{{_._style([style, customStyle])}}"
 >
   <view class="{{classPrefix}}__left">
-    <view class="{{classPrefix}}__scrollable scroll-x">
-      <block wx:for="{{files}}" wx:for-item="item" wx:for-index="index" wx:key="index">
-        <view class="{{classPrefix}}__files" bindtap="onFileWrapTap" data-index="{{index}}">
-          <block wx:if="{{item.fileType==='image'}}">
-            <view class="file-image {{classPrefix}}__file {{removable ? classPrefix + '__file--removable' : ''}}">
-              <block wx:if="{{item.status==='pending' || item.status==='fail' || item.status==='error'}}">
-                <view class="{{item.status}} {{classPrefix}}__file--{{item.status}}">
-                  <t-loading theme="circular" size="48rpx" />
-                </view>
-              </block>
-              <block wx:else>
-                <image
-                  class="image"
-                  src="{{item.url}}"
-                  mode="{{_this.getImageMode(item)}}"
-                  lazy-load="false"
-                  style="{{inChat ? _this.imageStyle(item) : ''}}"
-                ></image>
-              </block>
-              <view wx:if="{{removable}}" class="{{classPrefix}}__remove">
-                <t-icon data-index="{{index}}" name="multiply" size="16px" catchtap="onRemoveTap" />
-              </view>
-            </view>
-          </block>
-          <block wx:else>
-            <view class="file {{classPrefix}}__file {{removable ? classPrefix + '__file--removable' : ''}}">
-              <view class="image">
-                <block wx:if="{{item.status==='pending'}}">
-                  <view class="loading {{classPrefix}}__file--pending">
-                    <t-loading theme="circular" size="48rpx" />
-                  </view>
-                </block>
-                <block wx:elif="{{item.status==='fail'}}">
-                  <view class="fail {{classPrefix}}__file--fail">
-                    <t-loading theme="circular" size="48rpx" />
-                  </view>
-                </block>
-                <block wx:elif="{{item.status==='error'}}">
-                  <view class="error {{classPrefix}}__file--error">
-                    <t-loading theme="circular" size="48rpx" />
-                  </view>
-                </block>
-                <block wx:else>
-                  <t-icon name="{{item.fileIcon.name}}" color="{{item.fileIcon.color}}" size="48rpx"></t-icon>
-                </block>
-              </view>
-              <view class="{{classPrefix}}__content">
-                <view class="{{classPrefix}}__title">{{item.name}}</view>
-                <block>
-                  <view wx:if="{{item.status==='pending'}}" class="{{classPrefix}}__desc"
-                    >上传中...{{item.progress || 0+"%"}}</view
-                  >
-                  <view wx:elif="{{item.status==='fail'}}" class="{{classPrefix}}__desc">上传失败</view>
-                  <view wx:elif="{{item.status==='error'}}" class="{{classPrefix}}__desc">{{item.errorMessage}}</view>
-                  <view wx:else class="{{classPrefix}}__desc">{{item.desc}}</view>
-                </block>
-              </view>
-              <view wx:if="{{removable}}" class="{{classPrefix}}__remove">
-                <t-icon data-index="{{index}}" name="multiply" size="16px" catchtap="onRemoveTap" />
-              </view>
-            </view>
-          </block>
-        </view>
-      </block>
-    </view>
+    <!-- 对话模式：图片横向滚动，文件纵向排列 -->
+    <block wx:if="{{inChat}}">
+      <!-- 图片横向滚动区域 -->
+      <scroll-view wx:if="{{_this.hasImageFile(files)}}" class="{{classPrefix}}__scrollable scroll-x" scroll-x style="height: {{scrollViewHeight}}px">
+        <block wx:for="{{files}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+          <view wx:if="{{item.fileType==='image'}}" class="{{classPrefix}}__files" bindtap="onFileWrapTap" data-index="{{index}}">
+            <template is="image-item" data="{{item, index, classPrefix, removable, isSkyline, inChat}}" />
+          </view>
+        </block>
+      </scroll-view>
+
+      <!-- 非图片文件纵向排列 -->
+      <view class="{{classPrefix}}__files-container">
+        <block wx:for="{{files}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+          <view wx:if="{{item.fileType!=='image'}}" class="{{classPrefix}}__files" bindtap="onFileWrapTap" data-index="{{index}}">
+            <template is="file-item" data="{{item, index, classPrefix, removable, isSkyline}}" />
+          </view>
+        </block>
+      </view>
+    </block>
+
+    <!-- 非对话模式：所有文件横向滚动 -->
+    <block wx:else>
+      <scroll-view class="{{classPrefix}}__scrollable scroll-x" scroll-x style="height: {{scrollViewHeight}}px">
+        <block wx:for="{{files}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+          <view class="{{classPrefix}}__files" bindtap="onFileWrapTap" data-index="{{index}}">
+            <template wx:if="{{item.fileType==='image'}}" is="image-item" data="{{item, index, classPrefix, removable, isSkyline, inChat}}" />
+            <template wx:else is="file-item" data="{{item, index, classPrefix, removable, isSkyline}}" />
+          </view>
+        </block>
+      </scroll-view>
+    </block>
   </view>
 </view>
diff --git a/packages/pro-components/chat/attachments/attachments.wxs b/packages/pro-components/chat/attachments/attachments.wxs
index d258fd6b1..084c9a105 100644
--- a/packages/pro-components/chat/attachments/attachments.wxs
+++ b/packages/pro-components/chat/attachments/attachments.wxs
@@ -46,8 +46,25 @@ function getFileTypeClass(inChat, files) {
   return allImages ? 'all_images' : 'all_files';
 }
 
+function hasImageFile(files) {
+  // 如果 files 为空或不存在，返回 false
+  if (!files || files.length === 0) {
+    return false;
+  }
+
+  // 检查是否存在至少一个图片文件
+  for (var i = 0; i < files.length; i++) {
+    if (files[i].fileType === 'image') {
+      return true;
+    }
+  }
+
+  return false;
+}
+
 module.exports = {
   imageStyle: imageStyle,
   getImageMode: getImageMode,
   getFileTypeClass: getFileTypeClass,
+  hasImageFile: hasImageFile,
 };
diff --git a/packages/pro-components/chat/chat-actionbar/chat-actionbar.less b/packages/pro-components/chat/chat-actionbar/chat-actionbar.less
index 05d6960a2..54e83f2d6 100644
--- a/packages/pro-components/chat/chat-actionbar/chat-actionbar.less
+++ b/packages/pro-components/chat/chat-actionbar/chat-actionbar.less
@@ -67,6 +67,9 @@
     border-right: 2rpx solid @component-stroke;
     background-color: unset;
     outline: none;
+    border: none;
+    border-radius: 0;
+    line-height: inherit;
 
     &:after {
       display: none;
diff --git a/packages/pro-components/chat/chat-content/_example/chat-content.json b/packages/pro-components/chat/chat-content/_example/chat-content.json
index 25ff5b753..a18591687 100644
--- a/packages/pro-components/chat/chat-content/_example/chat-content.json
+++ b/packages/pro-components/chat/chat-content/_example/chat-content.json
@@ -1,5 +1,6 @@
 {
   "navigationBarTitleText": "ChatContent",
+  "disableScroll": true,
   "usingComponents": {
     "base": "./base"
   }
diff --git a/packages/pro-components/chat/chat-content/_example/chat-content.less b/packages/pro-components/chat/chat-content/_example/chat-content.less
index e69de29bb..2d7f838b4 100644
--- a/packages/pro-components/chat/chat-content/_example/chat-content.less
+++ b/packages/pro-components/chat/chat-content/_example/chat-content.less
@@ -0,0 +1,10 @@
+.skyline {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+
+  .scroll-view {
+    flex: 1;
+    height: 0;
+  }
+}
diff --git a/packages/pro-components/chat/chat-content/_example/chat-content.wxml b/packages/pro-components/chat/chat-content/_example/chat-content.wxml
index 2d63cc958..c761e7106 100644
--- a/packages/pro-components/chat/chat-content/_example/chat-content.wxml
+++ b/packages/pro-components/chat/chat-content/_example/chat-content.wxml
@@ -1,7 +1,15 @@
-<t-navbar class="demo-navbar" title="ChatContent" leftArrow placeholder />
-<view class="demo">
-  <t-demo-header title="ChatContent 对话正文" desc="支持 markdown 格式的渲染。" notice="渲染框架支持情况：WebView" />
-  <t-demo title="01 组件类型">
-    <base />
-  </t-demo>
+<view class="skyline">
+  <t-navbar class="demo-navbar" title="ChatContent" leftArrow placeholder />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <t-demo-header
+        title="ChatContent 对话正文"
+        desc="支持 markdown 格式的渲染。"
+        notice="渲染框架支持情况：WebView"
+      />
+      <t-demo title="01 组件类型">
+        <base />
+      </t-demo>
+    </view>
+  </scroll-view>
 </view>
diff --git a/packages/pro-components/chat/chat-content/chat-content.less b/packages/pro-components/chat/chat-content/chat-content.less
index 00a16fa62..2de28041d 100644
--- a/packages/pro-components/chat/chat-content/chat-content.less
+++ b/packages/pro-components/chat/chat-content/chat-content.less
@@ -5,14 +5,16 @@
 @chat-content-user-text-color: var(--td-chat-content-user-text-color, @text-color-primary);
 @chat-content-assistant-text-color: var(--td-chat-content-assistant-text-color, @text-color-primary);
 @chat-content-error-text-color: var(--td-chat-content-error-text-color, @error-color);
+@chat-content-line-height: 1.5;
 
 .@{chat-content} {
   font: @font-body-large;
+  line-height: @chat-content-line-height;
   word-break: break-all;
   word-wrap: break-word;
   overflow-wrap: break-word;
   box-sizing: border-box;
-  width: fit-content;
+  max-width: 100%;
 
   &__user,
   &__system {
@@ -42,7 +44,7 @@
       border-radius: @radius-small;
     }
   }
-// 错误状态样式
+  // 错误状态样式
   &__error {
     color: @chat-content-error-text-color;
   }
diff --git a/packages/pro-components/chat/chat-list/_example/agent/index.wxss b/packages/pro-components/chat/chat-list/_example/agent/index.wxss
index 8150545a5..225a4751d 100644
--- a/packages/pro-components/chat/chat-list/_example/agent/index.wxss
+++ b/packages/pro-components/chat/chat-list/_example/agent/index.wxss
@@ -54,11 +54,11 @@
 }
 
 .t-steps-item__circle--finish {
-  background-color: transparent;
-  color: var(--td-text-color-primary);
-  border: 1px solid var(--td-text-color-primary);
-  width: 16px;
-  height: 16px;
+  background-color: transparent !important;
+  color: var(--td-text-color-primary) !important;
+  border: 1px solid var(--td-text-color-primary) !important;
+  width: 16px !important;
+  height: 16px !important;
 }
 
 .t-steps-item__circle--finish .t-icon {
@@ -66,10 +66,10 @@
 }
 
 .t-steps-item__line--finish {
-  background-color: var(--td-component-border);
+  background-color: var(--td-component-border) !important;
 }
 
 .t-steps-item__title--finish {
-  color: var(--td-text-color-primary);
-  font-weight: 600;
+  color: var(--td-text-color-primary) !important;
+  font-weight: 600 !important;
 }
diff --git a/packages/pro-components/chat/chat-list/_example/image/index.wxss b/packages/pro-components/chat/chat-list/_example/image/index.wxss
index e31bbe356..09852ba34 100644
--- a/packages/pro-components/chat/chat-list/_example/image/index.wxss
+++ b/packages/pro-components/chat/chat-list/_example/image/index.wxss
@@ -21,18 +21,21 @@
   width: 100%;
 }
 
+.image-chat .assistant .t-chat-message__detail {
+  width: 100%;
+}
+
 .attachment-slide {
   height: 274rpx;
-  width: 100%;
+  width: calc(100% + 128rpx) !important;
 }
 
 .attachment-slide .t-attachments {
-  padding-right: 32rpx;
   padding-top: 24rpx;
   box-sizing: border-box;
-  position: fixed;
+  position: relative;
   z-index: 2;
-  left: 0;
+  left: -128rpx;
   right: 0;
 }
 
@@ -41,5 +44,5 @@
 }
 
 .attachment-slide .t-attachments .t-attachments__files:last-child {
-  padding-right: 32rpx;
+  padding-right: 64rpx;
 }
diff --git a/packages/pro-components/chat/chat-list/chat-list.less b/packages/pro-components/chat/chat-list/chat-list.less
index 5f9c896f1..0d59661ab 100644
--- a/packages/pro-components/chat/chat-list/chat-list.less
+++ b/packages/pro-components/chat/chat-list/chat-list.less
@@ -12,7 +12,6 @@
   color: @chat-text-color;
 
   &__content {
-    flex: 1;
     overflow-y: auto;
     overflow-x: hidden;
     width: 100%;
@@ -26,10 +25,15 @@
         transform: scaleY(-1);
       }
     }
+  }
 
-    .placeholder {
-      flex-grow: 1;
-      flex-shrink: 1;
-    }
+  &__placeholder {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+
+  &__footer {
+    flex-grow: 0;
+    flex-shrink: 0;
   }
 }
diff --git a/packages/pro-components/chat/chat-list/chat-list.wxml b/packages/pro-components/chat/chat-list/chat-list.wxml
index 4d595befb..7b0513b5a 100644
--- a/packages/pro-components/chat/chat-list/chat-list.wxml
+++ b/packages/pro-components/chat/chat-list/chat-list.wxml
@@ -12,10 +12,8 @@
     bindscroll="onScroll"
     bindscrolltoupper="handlerScrollToUpper"
     bindscrolltolower="handlerScrollToLower"
+    type="list"
   >
-    <block wx:if="{{reverse}}">
-      <view class="placeholder"></view>
-    </block>
     <!-- /**
         * 1. 两种方式获取要渲染的 list
         *  a. props 传 data
@@ -39,6 +37,8 @@
     </block>
     <slot wx:else />
   </scroll-view>
+
+  <view wx:if="{{reverse}}" class="{{classPrefix}}__placeholder"></view>
   <view class="{{classPrefix}}__footer">
     <slot name="footer" />
   </view>
diff --git a/packages/pro-components/chat/chat-loading/_example/base/index.wxss b/packages/pro-components/chat/chat-loading/_example/base/index.wxss
index a75bd5351..e6a331f87 100644
--- a/packages/pro-components/chat/chat-loading/_example/base/index.wxss
+++ b/packages/pro-components/chat/chat-loading/_example/base/index.wxss
@@ -3,5 +3,12 @@
   padding: 32rpx;
   display: flex;
   align-items: center;
-  gap: 48rpx;
+}
+
+.chat-example-block {
+  margin-right: 48rpx;
+}
+
+.chat-example-block:last-child {
+  margin-right: 0;
 }
diff --git a/packages/pro-components/chat/chat-loading/chat-loading.json b/packages/pro-components/chat/chat-loading/chat-loading.json
index 30294a659..31e617cd4 100644
--- a/packages/pro-components/chat/chat-loading/chat-loading.json
+++ b/packages/pro-components/chat/chat-loading/chat-loading.json
@@ -5,4 +5,4 @@
     "t-skeleton": "tdesign-miniprogram/skeleton/skeleton",
     "t-loading": "tdesign-miniprogram/loading/loading"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.json b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.json
index 9ee8ba68a..d2c3485aa 100644
--- a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.json
+++ b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.json
@@ -1,5 +1,6 @@
 {
   "navigationBarTitleText": "ChatMarkdown 聊天 Markdown 渲染器",
+  "disableScroll": true,
   "usingComponents": {
     "base": "./base",
     "list": "./list",
diff --git a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.less b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.less
index 98bc646f9..2f765ac1a 100644
--- a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.less
+++ b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.less
@@ -15,3 +15,14 @@
 .demo-block__content {
   min-height: 200rpx;
 }
+
+.skyline {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+
+  .scroll-view {
+    flex: 1;
+    height: 0;
+  }
+}
diff --git a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.wxml b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.wxml
index 96a5a9b94..f224c05e5 100644
--- a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.wxml
+++ b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.wxml
@@ -1,26 +1,30 @@
-<t-navbar class="demo-navbar" title="ChatMarkdown" leftArrow placeholder />
-<view class="demo">
-  <t-demo-header
-    title="ChatMarkdown Markdown内容"
-    desc="用于聊天场景中渲染 Markdown 格式文本的组件，内置 marked 解析器，支持多种 Markdown 语法和配置选项。"
-    notice="渲染框架支持情况：WebView"
-  />
-  <t-demo title="01 基础 Markdown 样式" desc="标题与文本">
-    <base />
-  </t-demo>
-  <t-demo desc="列表">
-    <list />
-  </t-demo>
-  <t-demo title="02 代码块与表格" desc="代码块">
-    <code />
-  </t-demo>
-  <t-demo desc="表格">
-    <sheet />
-  </t-demo>
-  <t-demo title="03 图片与超链接">
-    <url />
-  </t-demo>
-  <t-demo title="04 引用">
-    <refer />
-  </t-demo>
+<view class="skyline">
+  <t-navbar class="demo-navbar" title="ChatMarkdown" leftArrow placeholder />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <t-demo-header
+        title="ChatMarkdown Markdown内容"
+        desc="用于聊天场景中渲染 Markdown 格式文本的组件，内置 marked 解析器，支持多种 Markdown 语法和配置选项。"
+        notice="渲染框架支持情况：WebView"
+      />
+      <t-demo title="01 基础 Markdown 样式" desc="标题与文本">
+        <base />
+      </t-demo>
+      <t-demo desc="列表">
+        <list />
+      </t-demo>
+      <t-demo title="02 代码块与表格" desc="代码块">
+        <code />
+      </t-demo>
+      <t-demo desc="表格">
+        <sheet />
+      </t-demo>
+      <t-demo title="03 图片与超链接">
+        <url />
+      </t-demo>
+      <t-demo title="04 引用">
+        <refer />
+      </t-demo>
+    </view>
+  </scroll-view>
 </view>
diff --git a/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.less b/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.less
index 9f0f999d1..7a0b02863 100644
--- a/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.less
+++ b/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.less
@@ -61,7 +61,7 @@
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
     white-space: nowrap;
-    height: auto;
+    /* 移除height: auto，由动态绑定控制高度 */
   }
 
   // 代码文本
diff --git a/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.ts b/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.ts
index 7c38b9caf..6b8dcf871 100644
--- a/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.ts
+++ b/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.ts
@@ -19,5 +19,37 @@ export default class ChatMarkdownCode extends SuperComponent {
 
   data = {
     classPrefix: name,
+    scrollViewHeight: 0, // 新增：scroll-view的高度
+  };
+
+  methods = {
+    // 新增：获取text节点高度
+    getTextNodeHeight() {
+      const query = this.createSelectorQuery();
+      query.select('.t-chat-markdown-code__text').boundingClientRect();
+      query.exec((res) => {
+        if (res[0]) {
+          const textHeight = res[0].height;
+          this.setData({
+            scrollViewHeight: textHeight,
+          });
+        }
+      });
+    },
+  };
+
+  // 新增：监听node属性变化，重新计算高度
+  observers = {
+    'node.text': function () {
+      wx.nextTick(() => {
+        this.getTextNodeHeight();
+      });
+    },
+  };
+
+  lifetimes = {
+    attached() {
+      this.getTextNodeHeight();
+    },
   };
 }
diff --git a/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.wxml b/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.wxml
index 3b39d6230..1ed8d8733 100644
--- a/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.wxml
+++ b/packages/pro-components/chat/chat-markdown/chat-markdown-code/chat-markdown-code.wxml
@@ -5,7 +5,7 @@
   </view>
 
   <!-- 代码内容区域 -->
-  <scroll-view class="{{classPrefix}}__content" scroll-x="{{true}}">
+  <scroll-view class="{{classPrefix}}__content" scroll-x="{{true}}" style="height: {{scrollViewHeight}}px">
     <text class="{{classPrefix}}__text" decode="{{true}}">{{node.text}}</text>
   </scroll-view>
 </view>
diff --git a/packages/pro-components/chat/chat-markdown/chat-markdown.less b/packages/pro-components/chat/chat-markdown/chat-markdown.less
index 9351a6ff3..8557683ff 100644
--- a/packages/pro-components/chat/chat-markdown/chat-markdown.less
+++ b/packages/pro-components/chat/chat-markdown/chat-markdown.less
@@ -4,7 +4,7 @@
 @chat-markdown-table: ~'@{prefix}-chat-markdown-table';
 
 @chat-markdown-color: @text-color-primary;
-@chat-markdown-line-height: 1.75;
+@chat-markdown-line-height: 1.5;
 @chat-markdown-h1: 2em;
 @chat-markdown-h2: 1.75em;
 @chat-markdown-h3: 1.5em;
@@ -115,7 +115,7 @@
   &-list {
     display: block;
     padding: 0;
-    margin: 0 0 @spacer 1.5em;;
+    margin: 0 0 @spacer 1.5em;
 
     // 有序列表
     &__decimal {
diff --git a/packages/pro-components/chat/chat-message/_example/chat-message.json b/packages/pro-components/chat/chat-message/_example/chat-message.json
index cec314a9b..0e5a4ed0a 100644
--- a/packages/pro-components/chat/chat-message/_example/chat-message.json
+++ b/packages/pro-components/chat/chat-message/_example/chat-message.json
@@ -1,5 +1,6 @@
 {
   "navigationBarTitleText": "ChatItem",
+  "disableScroll": true,
   "usingComponents": {
     "t-skeleton": "tdesign-miniprogram/skeleton/skeleton",
     "base": "./base",
diff --git a/packages/pro-components/chat/chat-message/_example/chat-message.less b/packages/pro-components/chat/chat-message/_example/chat-message.less
index 191f5946d..213f45bfd 100644
--- a/packages/pro-components/chat/chat-message/_example/chat-message.less
+++ b/packages/pro-components/chat/chat-message/_example/chat-message.less
@@ -5,3 +5,14 @@
 .t-button:last-child {
   margin-right: 0;
 }
+
+.skyline {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+
+  .scroll-view {
+    flex: 1;
+    height: 0;
+  }
+}
diff --git a/packages/pro-components/chat/chat-message/_example/chat-message.wxml b/packages/pro-components/chat/chat-message/_example/chat-message.wxml
index b42ab7051..7fd6195e9 100644
--- a/packages/pro-components/chat/chat-message/_example/chat-message.wxml
+++ b/packages/pro-components/chat/chat-message/_example/chat-message.wxml
@@ -1,26 +1,30 @@
-<t-navbar class="demo-navbar" title="ChatMessage" leftArrow placeholder />
-<view class="demo">
-  <t-demo-header
-    title="ChatMessage 对话消息体"
-    desc="用于在聊天对话中显示单个消息项。它可以展示用户的头像、昵称、时间、聊天内容，支持多种消息状态和样式变体。"
-    notice="渲染框架支持情况：WebView"
-  />
-  <t-demo title="01 组件类型" desc="基础类型">
-    <base />
-  </t-demo>
-  <t-demo desc="可配置昵称、头像、对齐方式">
-    <configure />
-  </t-demo>
-  <t-demo desc="配置消息属性">
-    <content />
-  </t-demo>
-  <t-demo title="02 组件状态" desc="加载状态">
-    <status />
-  </t-demo>
-  <t-demo desc="出错状态">
-    <error />
-  </t-demo>
-  <t-demo title="03 组件样式" desc="气泡样式">
-    <style-component />
-  </t-demo>
+<view class="skyline">
+  <t-navbar class="demo-navbar" title="ChatMessage" leftArrow placeholder />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <t-demo-header
+        title="ChatMessage 对话消息体"
+        desc="用于在聊天对话中显示单个消息项。它可以展示用户的头像、昵称、时间、聊天内容，支持多种消息状态和样式变体。"
+        notice="渲染框架支持情况：WebView"
+      />
+      <t-demo title="01 组件类型" desc="基础类型">
+        <base />
+      </t-demo>
+      <t-demo desc="可配置昵称、头像、对齐方式">
+        <configure />
+      </t-demo>
+      <t-demo desc="配置消息属性">
+        <content />
+      </t-demo>
+      <t-demo title="02 组件状态" desc="加载状态">
+        <status />
+      </t-demo>
+      <t-demo desc="出错状态">
+        <error />
+      </t-demo>
+      <t-demo title="03 组件样式" desc="气泡样式">
+        <style-component />
+      </t-demo>
+    </view>
+  </scroll-view>
 </view>
diff --git a/packages/pro-components/chat/chat-message/chat-message.less b/packages/pro-components/chat/chat-message/chat-message.less
index ca1e6aa03..37345b70b 100644
--- a/packages/pro-components/chat/chat-message/chat-message.less
+++ b/packages/pro-components/chat/chat-message/chat-message.less
@@ -47,7 +47,8 @@
   .@{chat-message}__detail {
     max-width: 100%;
     box-sizing: border-box;
-    display: contents;
+    display: flex;
+    flex-direction: column;
   }
 
   // 有头部时的样式
@@ -66,10 +67,6 @@
     .@{chat-message}__base {
       padding-right: @spacer-2;
     }
-
-    .@{chat-content} {
-      max-width: 90%;
-    }
   }
 
   // 助手消息样式
diff --git a/packages/pro-components/chat/chat-sender/_example/attachments/index.wxml b/packages/pro-components/chat/chat-sender/_example/attachments/index.wxml
index 6b5f70cb3..30c76ba46 100644
--- a/packages/pro-components/chat/chat-sender/_example/attachments/index.wxml
+++ b/packages/pro-components/chat/chat-sender/_example/attachments/index.wxml
@@ -1,5 +1,5 @@
 <view class="demo-attachments-container {{showUploadMenu ? 'show-upload-menu' : ''}}">
-  <view class="chat-sender-demo-wrapper">
+  <view class="chat-sender-demo-wrapper" style="{{showUploadMenu ? 'height: 780rpx;' : 'height: 608rpx;'}}">
     <view class="chat-sender-height-limit">
       <view class="chat-sender-height-left-limit"> </view>
       <view class="chat-sender-height-right-limit"> </view>
diff --git a/packages/pro-components/chat/chat-sender/_example/base/index.wxss b/packages/pro-components/chat/chat-sender/_example/base/index.wxss
index c04273942..3f21f2778 100644
--- a/packages/pro-components/chat/chat-sender/_example/base/index.wxss
+++ b/packages/pro-components/chat/chat-sender/_example/base/index.wxss
@@ -7,6 +7,7 @@
 
 /* 聊天发送器包装器 */
 .chat-sender-demo-wrapper {
+  height: 488rpx;
   margin-bottom: 32rpx;
   /* border: 2rpx solid #e5e5e5; */
   border-radius: 8rpx;
diff --git a/packages/pro-components/chat/chat-sender/_example/chat-sender.json b/packages/pro-components/chat/chat-sender/_example/chat-sender.json
index 374658b37..024f123a8 100644
--- a/packages/pro-components/chat/chat-sender/_example/chat-sender.json
+++ b/packages/pro-components/chat/chat-sender/_example/chat-sender.json
@@ -1,5 +1,6 @@
 {
   "navigationBarTitleText": "ChatSender",
+  "disableScroll": true,
   "usingComponents": {
     "t-tabs": "tdesign-miniprogram/tabs/tabs",
     "t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel",
diff --git a/packages/pro-components/chat/chat-sender/_example/chat-sender.less b/packages/pro-components/chat/chat-sender/_example/chat-sender.less
index 4bafd7529..579d9764a 100644
--- a/packages/pro-components/chat/chat-sender/_example/chat-sender.less
+++ b/packages/pro-components/chat/chat-sender/_example/chat-sender.less
@@ -16,3 +16,14 @@
   margin-right: 0;
 }
 
+.skyline {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+
+  .scroll-view {
+    flex: 1;
+    height: 0;
+  }
+}
+
diff --git a/packages/pro-components/chat/chat-sender/_example/chat-sender.wxml b/packages/pro-components/chat/chat-sender/_example/chat-sender.wxml
index 19738427a..5b135cfe3 100644
--- a/packages/pro-components/chat/chat-sender/_example/chat-sender.wxml
+++ b/packages/pro-components/chat/chat-sender/_example/chat-sender.wxml
@@ -1,20 +1,24 @@
-<t-navbar class="demo-navbar" title="ChatSender" leftArrow placeholder zIndex="{{99}}" />
-<view class="demo">
-  <t-demo-header
-    title="ChatSender 对话输入"
-    desc="用于 AI 聊天的输入框，可以扩展模型、多模态等能力。"
-    notice="渲染框架支持情况：WebView"
-  />
-  <t-demo title="01 组件类型" desc="基础类型">
-    <base />
-  </t-demo>
-  <t-demo desc="上传文件">
-    <attachments />
-  </t-demo>
-  <t-demo desc="内容引用">
-    <content-citation />
-  </t-demo>
-  <t-demo desc="文件引用">
-    <file-citation />
-  </t-demo>
+<view class="skyline">
+  <t-navbar class="demo-navbar" title="ChatSender" leftArrow placeholder zIndex="{{99}}" />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <t-demo-header
+        title="ChatSender 对话输入"
+        desc="用于 AI 聊天的输入框，可以扩展模型、多模态等能力。"
+        notice="渲染框架支持情况：WebView"
+      />
+      <t-demo title="01 组件类型" desc="基础类型">
+        <base />
+      </t-demo>
+      <t-demo desc="上传文件">
+        <attachments />
+      </t-demo>
+      <t-demo desc="内容引用">
+        <content-citation />
+      </t-demo>
+      <t-demo desc="文件引用">
+        <file-citation />
+      </t-demo>
+    </view>
+  </scroll-view>
 </view>
diff --git a/packages/pro-components/chat/chat-sender/_example/content-citation/index.wxml b/packages/pro-components/chat/chat-sender/_example/content-citation/index.wxml
index 380ac3f68..85281a205 100644
--- a/packages/pro-components/chat/chat-sender/_example/content-citation/index.wxml
+++ b/packages/pro-components/chat/chat-sender/_example/content-citation/index.wxml
@@ -1,5 +1,5 @@
 <view class="demo-content-citation-container">
-  <view class="chat-sender-demo-wrapper">
+  <view class="chat-sender-demo-wrapper" style="height: 568rpx;">
     <view class="chat-sender-height-limit">
       <view class="chat-sender-height-left-limit"> </view>
       <view class="chat-sender-height-right-limit"> </view>
@@ -34,7 +34,7 @@
           <view style="padding: 4rpx; height: 40rpx; color: var(--td-text-color-disabled)">
             <t-icon name="enter" size="40rpx" style="transform: scaleX(-1)" />
           </view>
-          <view class="header-content"> {{headerText}} </view>
+          <text overflow="ellipsis" class="header-content"> {{headerText}} </text>
           <view style="padding: 4rpx; height: 40rpx; margin-left: auto; color: var(--td-text-color-placeholder)">
             <t-icon name="close" size="40rpx" bind:tap="handleCLoseCite" />
           </view>
diff --git a/packages/pro-components/chat/chat-sender/_example/content-citation/index.wxss b/packages/pro-components/chat/chat-sender/_example/content-citation/index.wxss
index 2d41e1bbb..d70a216ad 100644
--- a/packages/pro-components/chat/chat-sender/_example/content-citation/index.wxss
+++ b/packages/pro-components/chat/chat-sender/_example/content-citation/index.wxss
@@ -70,6 +70,7 @@
 }
 
 .header-content {
+  flex: 1;
   padding: 2rpx 24rpx;
   box-sizing: border-box;
   white-space: nowrap;
diff --git a/packages/pro-components/chat/chat-sender/_example/file-citation/index.wxml b/packages/pro-components/chat/chat-sender/_example/file-citation/index.wxml
index 3874da7d8..0ce5489a4 100644
--- a/packages/pro-components/chat/chat-sender/_example/file-citation/index.wxml
+++ b/packages/pro-components/chat/chat-sender/_example/file-citation/index.wxml
@@ -1,5 +1,5 @@
 <view class="demo-content-citation-container">
-  <view class="chat-sender-demo-wrapper">
+  <view class="chat-sender-demo-wrapper" style="height: 568rpx;">
     <view class="chat-sender-height-limit">
       <view class="chat-sender-height-left-limit"> </view>
       <view class="chat-sender-height-right-limit"> </view>
diff --git a/packages/pro-components/chat/chat-sender/chat-sender.less b/packages/pro-components/chat/chat-sender/chat-sender.less
index 445272129..e61e09337 100644
--- a/packages/pro-components/chat/chat-sender/chat-sender.less
+++ b/packages/pro-components/chat/chat-sender/chat-sender.less
@@ -26,6 +26,7 @@
 @chat-sender-input-color: @text-color-primary;
 @chat-sender-input-caret-color: @brand-color;
 @chat-sender-input-letter-spacing: 5%;
+@chat-sender-input-line-height: 48rpx;
 
 @chat-sender-placeholder-color: @text-color-disabled;
 @chat-sender-placeholder-transition: opacity 0.25s linear;
@@ -111,6 +112,7 @@
       caret-color: @chat-sender-input-caret-color;
       letter-spacing: @chat-sender-input-letter-spacing;
       padding-bottom: @chat-sender-textarea-hook-padding-bottom;
+      line-height: @chat-sender-input-line-height;
     }
 
     // 占位符
diff --git a/packages/pro-components/chat/chat-sender/chat-sender.ts b/packages/pro-components/chat/chat-sender/chat-sender.ts
index 391be0457..5a1adc3be 100644
--- a/packages/pro-components/chat/chat-sender/chat-sender.ts
+++ b/packages/pro-components/chat/chat-sender/chat-sender.ts
@@ -43,6 +43,8 @@ export default class ChatSender extends SuperComponent {
       },
     },
     uploadNames: [],
+    textareaAutoHeight: true, // 动态控制 auto-height
+    currentLineCount: 1, // 当前行数
   };
 
   observers = {
@@ -61,6 +63,20 @@ export default class ChatSender extends SuperComponent {
   };
 
   methods = {
+    onLineChange(e) {
+      const { lineCount, height } = e.detail;
+      const maxHeight = this.data.textareaProps?.autosize?.maxHeight || 264;
+      
+      // 当高度达到或超过最大高度时，禁用 auto-height 并启用滚动
+      // 当高度小于最大高度时，启用 auto-height
+      const shouldAutoHeight = height < maxHeight;
+      if (this.data.textareaAutoHeight !== shouldAutoHeight) {
+        this.setData({ textareaAutoHeight: shouldAutoHeight });
+      }
+      
+      this.setData({ currentLineCount: lineCount });
+    },
+
     onkeyboardheightchange(e) {
       // 业务侧控制键盘顶起高度，如果用fix布局，不需要监听键盘高度变化
       this.triggerEvent('keyboardheightchange', e.detail);
@@ -138,10 +154,17 @@ export default class ChatSender extends SuperComponent {
     },
 
     textChange(e) {
+      const { value } = e.detail;
       this.setData({
-        value: e.detail.value,
+        value,
       });
-      this.triggerEvent('change', { value: e.detail.value, context: e });
+      
+      // 当内容清空或变少时，重新启用 auto-height
+      if (!value || value.length === 0) {
+        this.setData({ textareaAutoHeight: true });
+      }
+      
+      this.triggerEvent('change', { value, context: e });
     },
 
     handleUploadClick(e) {
diff --git a/packages/pro-components/chat/chat-sender/chat-sender.wxml b/packages/pro-components/chat/chat-sender/chat-sender.wxml
index 02c2bf628..68c15e5fc 100644
--- a/packages/pro-components/chat/chat-sender/chat-sender.wxml
+++ b/packages/pro-components/chat/chat-sender/chat-sender.wxml
@@ -34,7 +34,8 @@
         class="{{classPrefix}}__textarea--control"
         style="{{_this.textareaStyle(textareaProps.autosize)}}"
         disabled="{{disabled}}"
-        auto-height="{{!!textareaProps.autosize}}"
+        auto-height="{{textareaAutoHeight}}"
+        show-scrollbar="{{!textareaAutoHeight}}"
         confirm-type="send"
         adjust-position="{{adjustPosition}}"
         disable-default-padding="{{false}}"
@@ -46,6 +47,7 @@
         bindblur="blurFn"
         bindtap="handlerClick"
         bindinput="textChange"
+        bindlinechange="onLineChange"
         bindkeyboardheightchange="onkeyboardheightchange"
         bindconfirm="handleSendClick"
       >
diff --git a/packages/pro-components/chat/chat-thinking/_example/chat-thinking.json b/packages/pro-components/chat/chat-thinking/_example/chat-thinking.json
index 884005a2b..d76ad6dfb 100644
--- a/packages/pro-components/chat/chat-thinking/_example/chat-thinking.json
+++ b/packages/pro-components/chat/chat-thinking/_example/chat-thinking.json
@@ -1,5 +1,6 @@
 {
   "navigationBarTitleText": "ChatThinking 聊天思考状态",
+  "disableScroll": true,
   "usingComponents": {
     "base": "./base",
     "layout": "./layout",
diff --git a/packages/pro-components/chat/chat-thinking/_example/chat-thinking.less b/packages/pro-components/chat/chat-thinking/_example/chat-thinking.less
index e69de29bb..2d7f838b4 100644
--- a/packages/pro-components/chat/chat-thinking/_example/chat-thinking.less
+++ b/packages/pro-components/chat/chat-thinking/_example/chat-thinking.less
@@ -0,0 +1,10 @@
+.skyline {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+
+  .scroll-view {
+    flex: 1;
+    height: 0;
+  }
+}
diff --git a/packages/pro-components/chat/chat-thinking/_example/chat-thinking.wxml b/packages/pro-components/chat/chat-thinking/_example/chat-thinking.wxml
index 56c058365..dbba717f8 100644
--- a/packages/pro-components/chat/chat-thinking/_example/chat-thinking.wxml
+++ b/packages/pro-components/chat/chat-thinking/_example/chat-thinking.wxml
@@ -1,17 +1,20 @@
-<t-navbar class="demo-navbar" title="ChatThinking" leftArrow placeholder />
-
-<view class="demo">
-  <t-demo-header title="ChatThinking 思考过程" desc="用于展示思考过程的组件。" notice="渲染框架支持情况：WebView" />
-  <t-demo title="01 组件类型" desc="支持多种加载动效类型，包括gradient、moving、dots">
-    <base />
-  </t-demo>
-  <t-demo title="02 组件状态" desc="思考中">
-    <pending />
-  </t-demo>
-  <t-demo desc="思考完成">
-    <complete />
-  </t-demo>
-  <t-demo title="03 组件样式" desc="">
-    <layout />
-  </t-demo>
+<view class="skyline">
+  <t-navbar class="demo-navbar" title="ChatThinking" leftArrow placeholder />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <t-demo-header title="ChatThinking 思考过程" desc="用于展示思考过程的组件。" notice="渲染框架支持情况：WebView" />
+      <t-demo title="01 组件类型" desc="支持多种加载动效类型，包括gradient、moving、dots">
+        <base />
+      </t-demo>
+      <t-demo title="02 组件状态" desc="思考中">
+        <pending />
+      </t-demo>
+      <t-demo desc="思考完成">
+        <complete />
+      </t-demo>
+      <t-demo title="03 组件样式" desc="">
+        <layout />
+      </t-demo>
+    </view>
+  </scroll-view>
 </view>
diff --git a/packages/pro-components/chat/chat-thinking/chat-thinking.less b/packages/pro-components/chat/chat-thinking/chat-thinking.less
index 314f6b5ea..e60c6c647 100644
--- a/packages/pro-components/chat/chat-thinking/chat-thinking.less
+++ b/packages/pro-components/chat/chat-thinking/chat-thinking.less
@@ -4,6 +4,7 @@
 
 .@{chat-thinking} {
   width: 100%;
+  max-width: 100%;
   box-sizing: border-box;
 
   &__inner {
@@ -20,7 +21,6 @@
 
   &__hd {
     height: 48rpx;
-    overflow: hidden;
     display: flex;
     align-items: center;
 
diff --git a/packages/tdesign-miniprogram/example/app.json b/packages/tdesign-miniprogram/example/app.json
index 3445ff2d5..4895d8600 100644
--- a/packages/tdesign-miniprogram/example/app.json
+++ b/packages/tdesign-miniprogram/example/app.json
@@ -191,13 +191,17 @@
   },
   "sitemapLocation": "sitemap.json",
   "lazyCodeLoading": "requiredComponents",
+  "renderer": "skyline",
+  "componentFramework": "glass-easel",
+  "disableScroll": true,
   "rendererOptions": {
     "skyline": {
       "disableABTest": true,
       "defaultDisplayBlock": true,
       "defaultContentBox": true,
       "sdkVersionBegin": "3.4.3",
-      "sdkVersionEnd": "15.255.255"
+      "sdkVersionEnd": "15.255.255",
+      "enableScrollViewAutoSize": true
     }
   }
 }