diff --git a/packages/components/col/_example/col.wxml b/packages/components/col/_example/col.wxml
index 411e4df986..c7d4e92a82 100644
--- a/packages/components/col/_example/col.wxml
+++ b/packages/components/col/_example/col.wxml
@@ -1,15 +1,19 @@
-<t-navbar title="Layout" leftArrow placeholder />
-<view class="demo">
-  <t-demo-header
-    title="Layout 布局"
-    desc="以规则的网格阵列来指导和规范页面中的版面布局以及信息分布，提高界面内布局的一致性，节约成本。"
-    notice="渲染框架支持情况：Skyline、WebView"
-  />
-  <t-demo title="01 组件类型" desc="基础用法">
-    <base />
-  </t-demo>
+<view class="skyline">
+  <t-navbar title="Layout" leftArrow placeholder />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <t-demo-header
+        title="Layout 布局"
+        desc="以规则的网格阵列来指导和规范页面中的版面布局以及信息分布，提高界面内布局的一致性，节约成本。"
+        notice="渲染框架支持情况：Skyline、WebView"
+      />
+      <t-demo title="01 组件类型" desc="基础用法">
+        <base />
+      </t-demo>
 
-  <t-demo desc="在列元素之间增加间距">
-    <offset />
-  </t-demo>
+      <t-demo desc="在列元素之间增加间距">
+        <offset />
+      </t-demo>
+    </view>
+  </scroll-view>
 </view>
diff --git a/packages/components/col/_example/skyline/col.json b/packages/components/col/_example/skyline/col.json
index 965bed941f..980d7b2565 100644
--- a/packages/components/col/_example/skyline/col.json
+++ b/packages/components/col/_example/skyline/col.json
@@ -2,9 +2,8 @@
   "navigationStyle": "custom",
   "renderer": "skyline",
   "componentFramework": "glass-easel",
+  "disableScroll": true,
   "usingComponents": {
-    "t-navbar": "tdesign-miniprogram/navbar/navbar",
-    "base": "../base",
-    "offset": "../offset"
+    "demo-col": "../col"
   }
 }
diff --git a/packages/components/col/_example/skyline/col.less b/packages/components/col/_example/skyline/col.less
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/packages/components/col/_example/skyline/col.wxml b/packages/components/col/_example/skyline/col.wxml
index edfd2059ed..e1f5d0f7bf 100644
--- a/packages/components/col/_example/skyline/col.wxml
+++ b/packages/components/col/_example/skyline/col.wxml
@@ -1,18 +1 @@
-<view class="skyline">
-  <t-navbar title="Layout" leftArrow />
-  <scroll-view scroll-y type="list" class="scroll-view">
-    <view class="demo">
-      <view class="demo-title">Layout 布局</view>
-      <view class="demo-desc">
-        以规则的网格阵列来指导和规范页面中的版面布局以及信息分布，提高界面内布局的一致性，节约成本。
-      </view>
-      <t-demo title="01 组件类型" desc="基础用法">
-        <base />
-      </t-demo>
-
-      <t-demo desc="在列元素之间增加间距">
-        <offset />
-      </t-demo>
-    </view>
-  </scroll-view>
-</view>
+<demo-col />