diff --git a/src/button/button.less b/src/button/button.less
index 3c177ed8c..40c729ed9 100644
--- a/src/button/button.less
+++ b/src/button/button.less
@@ -209,6 +209,7 @@
   font-family: PingFang SC, Microsoft YaHei, Arial Regular;
   font-weight: @button-font-weight;
   vertical-align: top;
+  box-sizing: border-box;
 
   .cursor-pointer();
 
@@ -572,7 +573,6 @@
 
   &--block {
     display: flex;
-    box-sizing: border-box;
     width: 100%;
   }
 
diff --git a/src/checkbox/checkbox.wxml b/src/checkbox/checkbox.wxml
index 812a9f54e..eb9db8a22 100644
--- a/src/checkbox/checkbox.wxml
+++ b/src/checkbox/checkbox.wxml
@@ -44,15 +44,17 @@
       class="{{_.cls(classPrefix + '__title', [['disabled', _disabled], ['checked', checked]])}} {{prefix}}-class-label"
       style="-webkit-line-clamp:{{maxLabelRow}}"
     >
-      {{label}}
+      <block wx:if="{{label}}">{{label}}</block>
       <slot />
       <slot name="label" />
     </view>
     <view
       class="{{_.cls(classPrefix + '__description', [['disabled', _disabled]])}} {{prefix}}-class-content "
       style="-webkit-line-clamp:{{maxContentRow}}"
-      >{{content}}<slot name="content"
-    /></view>
+    >
+      <block wx:if="{{content}}">{{content}}</block>
+      <slot name="content" />
+    </view>
   </view>
   <view
     wx:if="{{theme == 'default' && !borderless}}"
diff --git a/src/dropdown-menu/__test__/__snapshots__/index.test.js.snap b/src/dropdown-menu/__test__/__snapshots__/index.test.js.snap
index 401339643..5d7daf061 100644
--- a/src/dropdown-menu/__test__/__snapshots__/index.test.js.snap
+++ b/src/dropdown-menu/__test__/__snapshots__/index.test.js.snap
@@ -163,16 +163,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      选项一
-      
+                                  选项一
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
@@ -216,16 +212,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      选项二
-      
+                                  选项二
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
@@ -282,16 +274,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-radio__title--checked t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      选项三
-      
+                                  选项三
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-radio__description--checked t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
@@ -335,16 +323,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      选项四
-      
+                                  选项四
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
@@ -388,16 +372,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      选项五
-      
+                                  选项五
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
@@ -441,16 +421,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      选项六
-      
+                                  选项六
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
@@ -494,16 +470,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      选项七
-      
+                                  选项七
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
@@ -547,16 +519,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      选项八
-      
+                                  选项八
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
@@ -600,16 +568,12 @@ exports[`dropdown-menu :base 1`] = `
                                   class="t-radio__title t-radio__title--disabled t-class-label"
                                   style="-webkit-line-clamp:3"
                                 >
-                                  
-      禁用选项
-      
+                                  禁用选项
                                 </wx-view>
                                 <wx-view
                                   class="t-radio__description t-radio__description--disabled t-class-content "
                                   style="-webkit-line-clamp:5"
-                                >
-                                  
-                                </wx-view>
+                                />
                               </wx-view>
                               <wx-view
                                 class="t-radio__border t-radio__border--left t-class-border"
diff --git a/src/navbar/navbar.less b/src/navbar/navbar.less
index 6287d4875..959eefb49 100644
--- a/src/navbar/navbar.less
+++ b/src/navbar/navbar.less
@@ -71,6 +71,7 @@
     background: @navbar-bg-color;
     display: flex;
     align-items: center;
+    box-sizing: content-box;
   }
 
   &__left {
diff --git a/src/radio/radio.wxml b/src/radio/radio.wxml
index 7268eedc1..6d748ad26 100644
--- a/src/radio/radio.wxml
+++ b/src/radio/radio.wxml
@@ -42,7 +42,7 @@
       class="{{_.cls(classPrefix + '__title', [['disabled', _disabled], ['checked', checked]])}} {{prefix}}-class-label"
       style="-webkit-line-clamp:{{maxLabelRow}}"
     >
-      {{label}}
+      <block wx:if="{{label}}">{{label}}</block>
       <slot />
       <slot name="label" />
     </view>
@@ -50,8 +50,10 @@
     <view
       class="{{_.cls(classPrefix + '__description', [['disabled', _disabled], ['checked', checked]])}} {{prefix}}-class-content "
       style="-webkit-line-clamp:{{maxContentRow}}"
-      >{{content}}<slot name="content"
-    /></view>
+    >
+      <block wx:if="{{content}}">{{content}}</block>
+      <slot name="content" />
+    </view>
   </view>
 
   <view wx:if="{{!borderless}}" class="{{_.cls(classPrefix + '__border', [_placement])}} {{prefix}}-class-border" />
diff --git a/src/textarea/__test__/__snapshots__/demo.test.js.snap b/src/textarea/__test__/__snapshots__/demo.test.js.snap
index f88f314d6..f85ac48ac 100644
--- a/src/textarea/__test__/__snapshots__/demo.test.js.snap
+++ b/src/textarea/__test__/__snapshots__/demo.test.js.snap
@@ -12,7 +12,6 @@ exports[`Textarea Textarea autosize demo works fine 1`] = `
     disableDefaultPadding="{{true}}"
     label="标签文字"
     placeholder="请输入文字"
-    tClassLabel=""
     bind:line-change="onLineChange"
   />
 </autosize>
@@ -41,8 +40,6 @@ exports[`Textarea Textarea card demo works fine 1`] = `
       placeholder="请输入文字"
       style="border-radius: 18rpx;"
       tClass="external-class"
-      tClassIndicator=""
-      tClassLabel=""
     />
   </wx-view>
 </card>
@@ -66,7 +63,6 @@ exports[`Textarea Textarea custom demo works fine 1`] = `
       placeholder="请输入文字"
       style="height: 248rpx"
       tClass="external-class"
-      tClassIndicator=""
     />
   </wx-view>
 </custom>
@@ -80,7 +76,6 @@ exports[`Textarea Textarea disabled demo works fine 1`] = `
     label="标签文字"
     placeholder="请输入文字"
     tClass="external-class"
-    tClassLabel=""
     value="不可编辑文字"
   />
 </disabled>
@@ -93,7 +88,6 @@ exports[`Textarea Textarea label demo works fine 1`] = `
     label="标签文字"
     placeholder="请输入文字"
     tClass="external-class"
-    tClassLabel=""
   />
 </wx-label>
 `;
@@ -107,8 +101,6 @@ exports[`Textarea Textarea maxcharacter demo works fine 1`] = `
     maxcharacter="200"
     placeholder="设置最大字符个数，一个汉字表示两个字符"
     tClass="external-class"
-    tClassIndicator=""
-    tClassLabel=""
   />
 </maxcharacter>
 `;
@@ -122,8 +114,6 @@ exports[`Textarea Textarea maxlength demo works fine 1`] = `
     maxlength="200"
     placeholder="设置最大字符个数"
     tClass="external-class"
-    tClassIndicator=""
-    tClassLabel=""
   />
 </maxlength>
 `;
diff --git a/src/textarea/_example/autosize/index.js b/src/textarea/_example/autosize/index.js
index 799c7a118..16c5e08f9 100644
--- a/src/textarea/_example/autosize/index.js
+++ b/src/textarea/_example/autosize/index.js
@@ -1,7 +1,4 @@
-import SkylineBehavior from '@behaviors/skyline.js';
-
 Component({
-  behaviors: [SkylineBehavior],
   data: {
     autosize: {
       maxHeight: 120,
diff --git a/src/textarea/_example/autosize/index.wxml b/src/textarea/_example/autosize/index.wxml
index 3c7f9be9a..f37e627d7 100644
--- a/src/textarea/_example/autosize/index.wxml
+++ b/src/textarea/_example/autosize/index.wxml
@@ -1,6 +1,5 @@
 <t-textarea
   label="标签文字"
-  t-class-label="{{skylineRender?'skyline-label':''}}"
   placeholder="请输入文字"
   disableDefaultPadding="{{true}}"
   autosize="{{autosize}}"
diff --git a/src/textarea/_example/autosize/index.wxss b/src/textarea/_example/autosize/index.wxss
index 68b9a14f8..e69de29bb 100644
--- a/src/textarea/_example/autosize/index.wxss
+++ b/src/textarea/_example/autosize/index.wxss
@@ -1,10 +0,0 @@
-.skyline-label {
-  font-size: 28rpx;
-  color: rgba(0, 0, 0, 0.9);
-  flex-shrink: 0;
-  line-height: 44rpx;
-  padding-bottom: 16rpx;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
diff --git a/src/textarea/_example/card/index.js b/src/textarea/_example/card/index.js
index 639e366cf..a0cc7fdd1 100644
--- a/src/textarea/_example/card/index.js
+++ b/src/textarea/_example/card/index.js
@@ -1,7 +1,4 @@
-import SkylineBehavior from '@behaviors/skyline.js';
-
 Component({
-  behaviors: [SkylineBehavior],
   data: {
     style: 'border-radius: 18rpx;',
   },
diff --git a/src/textarea/_example/card/index.wxml b/src/textarea/_example/card/index.wxml
index 5c98effbd..f0d76aedf 100644
--- a/src/textarea/_example/card/index.wxml
+++ b/src/textarea/_example/card/index.wxml
@@ -1,8 +1,6 @@
 <view class="textarea-example">
   <t-textarea
     t-class="external-class"
-    t-class-label="{{skylineRender?'skyline-label':''}}"
-    t-class-indicator="{{skylineRender?'skyline-indicator':''}}"
     label="标签文字"
     placeholder="请输入文字"
     maxlength="500"
diff --git a/src/textarea/_example/card/index.wxss b/src/textarea/_example/card/index.wxss
index be1423eae..3ec1bd25b 100644
--- a/src/textarea/_example/card/index.wxss
+++ b/src/textarea/_example/card/index.wxss
@@ -7,23 +7,3 @@
 .external-class {
   height: 312rpx;
 }
-
-.skyline-label {
-  font-size: 28rpx;
-  color: rgba(0, 0, 0, 0.9);
-  flex-shrink: 0;
-  line-height: 44rpx;
-  padding-bottom: 16rpx;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.skyline-indicator {
-  color: rgba(0, 0, 0, 0.4);
-  font-size: 24rpx;
-  text-align: right;
-  /*line-height: 40rpx;*/
-  padding-top: 16rpx;
-  min-height: 56rpx;
-}
diff --git a/src/textarea/_example/custom/index.js b/src/textarea/_example/custom/index.js
index 01c037e0e..03cfe141e 100644
--- a/src/textarea/_example/custom/index.js
+++ b/src/textarea/_example/custom/index.js
@@ -1,7 +1,4 @@
-import SkylineBehavior from '@behaviors/skyline.js';
-
 Component({
-  behaviors: [SkylineBehavior],
   data: {
     style: 'height: 248rpx',
   },
diff --git a/src/textarea/_example/custom/index.wxml b/src/textarea/_example/custom/index.wxml
index fdf175a03..b98e0854e 100644
--- a/src/textarea/_example/custom/index.wxml
+++ b/src/textarea/_example/custom/index.wxml
@@ -2,7 +2,6 @@
   <text class="textarea-example__label">标签文字</text>
   <t-textarea
     t-class="external-class"
-    t-class-indicator="{{skylineRender?'skyline-indicator':''}}"
     placeholder="请输入文字"
     bordered
     maxlength="100"
diff --git a/src/textarea/_example/custom/index.wxss b/src/textarea/_example/custom/index.wxss
index 196de8961..4e8ad5bf9 100644
--- a/src/textarea/_example/custom/index.wxss
+++ b/src/textarea/_example/custom/index.wxss
@@ -15,12 +15,3 @@
   line-height: 40rpx;
   padding-bottom: 16rpx;
 }
-
-.skyline-indicator {
-  color: rgba(0, 0, 0, 0.4);
-  font-size: 24rpx;
-  text-align: right;
-  /*line-height: 40rpx;*/
-  padding-top: 16rpx;
-  min-height: 56rpx;
-}
diff --git a/src/textarea/_example/disabled/index.js b/src/textarea/_example/disabled/index.js
index 8e8f5e1c1..b79c5124b 100644
--- a/src/textarea/_example/disabled/index.js
+++ b/src/textarea/_example/disabled/index.js
@@ -1,3 +1 @@
-import SkylineBehavior from '@behaviors/skyline.js';
-
-Component({ behaviors: [SkylineBehavior] });
+Component({});
diff --git a/src/textarea/_example/disabled/index.wxml b/src/textarea/_example/disabled/index.wxml
index 07ee095e2..8547fb353 100644
--- a/src/textarea/_example/disabled/index.wxml
+++ b/src/textarea/_example/disabled/index.wxml
@@ -1,6 +1,5 @@
 <t-textarea
   t-class="external-class"
-  t-class-label="{{skylineRender?'skyline-label':''}}"
   label="标签文字"
   placeholder="请输入文字"
   value="不可编辑文字"
diff --git a/src/textarea/_example/disabled/index.wxss b/src/textarea/_example/disabled/index.wxss
index c66849033..40db6e5f5 100644
--- a/src/textarea/_example/disabled/index.wxss
+++ b/src/textarea/_example/disabled/index.wxss
@@ -1,14 +1,3 @@
 .external-class {
   height: 256rpx;
 }
-
-.skyline-label {
-  font-size: 28rpx;
-  color: rgba(0, 0, 0, 0.9);
-  flex-shrink: 0;
-  line-height: 44rpx;
-  padding-bottom: 16rpx;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
diff --git a/src/textarea/_example/label/index.js b/src/textarea/_example/label/index.js
index 8e8f5e1c1..b79c5124b 100644
--- a/src/textarea/_example/label/index.js
+++ b/src/textarea/_example/label/index.js
@@ -1,3 +1 @@
-import SkylineBehavior from '@behaviors/skyline.js';
-
-Component({ behaviors: [SkylineBehavior] });
+Component({});
diff --git a/src/textarea/_example/label/index.wxml b/src/textarea/_example/label/index.wxml
index 23e419179..1885bf91a 100644
--- a/src/textarea/_example/label/index.wxml
+++ b/src/textarea/_example/label/index.wxml
@@ -1,7 +1 @@
-<t-textarea
-  t-class="external-class"
-  t-class-label="{{skylineRender?'skyline-label':''}}"
-  label="标签文字"
-  placeholder="请输入文字"
-  disableDefaultPadding="{{true}}"
-/>
+<t-textarea t-class="external-class" label="标签文字" placeholder="请输入文字" disableDefaultPadding="{{true}}" />
diff --git a/src/textarea/_example/label/index.wxss b/src/textarea/_example/label/index.wxss
index c66849033..40db6e5f5 100644
--- a/src/textarea/_example/label/index.wxss
+++ b/src/textarea/_example/label/index.wxss
@@ -1,14 +1,3 @@
 .external-class {
   height: 256rpx;
 }
-
-.skyline-label {
-  font-size: 28rpx;
-  color: rgba(0, 0, 0, 0.9);
-  flex-shrink: 0;
-  line-height: 44rpx;
-  padding-bottom: 16rpx;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
diff --git a/src/textarea/_example/maxcharacter/index.js b/src/textarea/_example/maxcharacter/index.js
index 8e8f5e1c1..b79c5124b 100644
--- a/src/textarea/_example/maxcharacter/index.js
+++ b/src/textarea/_example/maxcharacter/index.js
@@ -1,3 +1 @@
-import SkylineBehavior from '@behaviors/skyline.js';
-
-Component({ behaviors: [SkylineBehavior] });
+Component({});
diff --git a/src/textarea/_example/maxcharacter/index.wxml b/src/textarea/_example/maxcharacter/index.wxml
index d94458ffb..67bf5a702 100644
--- a/src/textarea/_example/maxcharacter/index.wxml
+++ b/src/textarea/_example/maxcharacter/index.wxml
@@ -1,7 +1,5 @@
 <t-textarea
   t-class="external-class"
-  t-class-label="{{skylineRender?'skyline-label':''}}"
-  t-class-indicator="{{skylineRender?'skyline-indicator':''}}"
   label="标签文字"
   placeholder="设置最大字符个数，一个汉字表示两个字符"
   maxcharacter="200"
diff --git a/src/textarea/_example/maxcharacter/index.wxss b/src/textarea/_example/maxcharacter/index.wxss
index bce54b424..890510d2b 100644
--- a/src/textarea/_example/maxcharacter/index.wxss
+++ b/src/textarea/_example/maxcharacter/index.wxss
@@ -1,23 +1,3 @@
 .external-class {
   height: 324rpx;
 }
-
-.skyline-label {
-  font-size: 28rpx;
-  color: rgba(0, 0, 0, 0.9);
-  flex-shrink: 0;
-  line-height: 44rpx;
-  padding-bottom: 16rpx;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.skyline-indicator {
-  color: rgba(0, 0, 0, 0.4);
-  font-size: 24rpx;
-  text-align: right;
-  /*line-height: 40rpx;*/
-  padding-top: 16rpx;
-  min-height: 56rpx;
-}
diff --git a/src/textarea/_example/maxlength/index.js b/src/textarea/_example/maxlength/index.js
index 8e8f5e1c1..b79c5124b 100644
--- a/src/textarea/_example/maxlength/index.js
+++ b/src/textarea/_example/maxlength/index.js
@@ -1,3 +1 @@
-import SkylineBehavior from '@behaviors/skyline.js';
-
-Component({ behaviors: [SkylineBehavior] });
+Component({});
diff --git a/src/textarea/_example/maxlength/index.wxml b/src/textarea/_example/maxlength/index.wxml
index 81ee5ccf8..0303e4a14 100644
--- a/src/textarea/_example/maxlength/index.wxml
+++ b/src/textarea/_example/maxlength/index.wxml
@@ -1,7 +1,5 @@
 <t-textarea
   t-class="external-class"
-  t-class-label="{{skylineRender?'skyline-label':''}}"
-  t-class-indicator="{{skylineRender?'skyline-indicator':''}}"
   label="标签文字"
   placeholder="设置最大字符个数"
   maxlength="200"
diff --git a/src/textarea/_example/maxlength/index.wxss b/src/textarea/_example/maxlength/index.wxss
index bce54b424..890510d2b 100644
--- a/src/textarea/_example/maxlength/index.wxss
+++ b/src/textarea/_example/maxlength/index.wxss
@@ -1,23 +1,3 @@
 .external-class {
   height: 324rpx;
 }
-
-.skyline-label {
-  font-size: 28rpx;
-  color: rgba(0, 0, 0, 0.9);
-  flex-shrink: 0;
-  line-height: 44rpx;
-  padding-bottom: 16rpx;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.skyline-indicator {
-  color: rgba(0, 0, 0, 0.4);
-  font-size: 24rpx;
-  text-align: right;
-  /*line-height: 40rpx;*/
-  padding-top: 16rpx;
-  min-height: 56rpx;
-}
diff --git a/src/textarea/_example/skyline/textarea.json b/src/textarea/_example/skyline/textarea.json
index ba30d28e3..8ef3b7fd6 100644
--- a/src/textarea/_example/skyline/textarea.json
+++ b/src/textarea/_example/skyline/textarea.json
@@ -1,17 +1,10 @@
 {
   "navigationStyle": "custom",
-  "usingComponents": {
-    "t-navbar": "tdesign-miniprogram/navbar/navbar",
-    "base": "../base",
-    "label": "../label",
-    "autosize": "../autosize",
-    "disabled": "../disabled",
-    "maxcharacter": "../maxcharacter",
-    "maxlength": "../maxlength",
-    "card": "../card",
-    "custom": "../custom"
-  },
   "renderer": "skyline",
   "componentFramework": "glass-easel",
-  "disableScroll": true
+  "disableScroll": true,
+  "usingComponents": {
+    "t-navbar": "tdesign-miniprogram/navbar/navbar",
+    "textarea-demo": "../textarea"
+  }
 }
diff --git a/src/textarea/_example/skyline/textarea.wxml b/src/textarea/_example/skyline/textarea.wxml
index f32b038ea..138501875 100644
--- a/src/textarea/_example/skyline/textarea.wxml
+++ b/src/textarea/_example/skyline/textarea.wxml
@@ -1,33 +1 @@
-<view class="skyline">
-  <t-navbar class="block" title="Textarea" left-arrow />
-  <scroll-view scroll-y type="list" class="scroll-view">
-    <view class="demo">
-      <view class="demo-title">Textarea 多行文本框</view>
-      <view class="demo-desc">用于多行文本信息输入。</view>
-      <t-demo title="01 组件类型" desc="基础多行文本框">
-        <base />
-      </t-demo>
-      <t-demo title="" desc="带标题多行文本框">
-        <label />
-      </t-demo>
-      <t-demo title="" desc="自动增高多行文本框">
-        <autosize />
-      </t-demo>
-      <t-demo desc="设置字符数限制">
-        <maxlength />
-      </t-demo>
-      <t-demo>
-        <maxcharacter />
-      </t-demo>
-      <t-demo title="02 组件状态" desc="禁用状态">
-        <disabled />
-      </t-demo>
-      <t-demo title="03 组件样式" desc="卡片样式">
-        <card />
-      </t-demo>
-      <t-demo title="04 特殊样式" desc="标签外置输入框">
-        <custom />
-      </t-demo>
-    </view>
-  </scroll-view>
-</view>
+<textarea-demo />
diff --git a/src/textarea/_example/textarea.wxml b/src/textarea/_example/textarea.wxml
index 6b204992a..51a36e9e5 100644
--- a/src/textarea/_example/textarea.wxml
+++ b/src/textarea/_example/textarea.wxml
@@ -1,29 +1,33 @@
-<t-navbar title="Textarea" leftArrow />
-<view class="demo">
-  <view class="demo-title">Textarea 多行文本框</view>
-  <view class="demo-desc">用于多行文本信息输入。</view>
-  <t-demo title="01 组件类型" desc="基础多行文本框">
-    <base />
-  </t-demo>
-  <t-demo title="" desc="带标题多行文本框">
-    <label />
-  </t-demo>
-  <t-demo title="" desc="自动增高多行文本框">
-    <autosize />
-  </t-demo>
-  <t-demo desc="设置字符数限制">
-    <maxlength />
-  </t-demo>
-  <t-demo>
-    <maxcharacter />
-  </t-demo>
-  <t-demo title="02 组件状态" desc="禁用状态">
-    <disabled />
-  </t-demo>
-  <t-demo title="03 组件样式" desc="卡片样式">
-    <card />
-  </t-demo>
-  <t-demo title="04 特殊样式" desc="标签外置输入框">
-    <custom />
-  </t-demo>
+<view class="skyline">
+  <t-navbar title="Textarea" leftArrow />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <view class="demo-title">Textarea 多行文本框</view>
+      <view class="demo-desc">用于多行文本信息输入。</view>
+      <t-demo title="01 组件类型" desc="基础多行文本框">
+        <base />
+      </t-demo>
+      <t-demo title="" desc="带标题多行文本框">
+        <label />
+      </t-demo>
+      <t-demo title="" desc="自动增高多行文本框">
+        <autosize />
+      </t-demo>
+      <t-demo desc="设置字符数限制">
+        <maxlength />
+      </t-demo>
+      <t-demo>
+        <maxcharacter />
+      </t-demo>
+      <t-demo title="02 组件状态" desc="禁用状态">
+        <disabled />
+      </t-demo>
+      <t-demo title="03 组件样式" desc="卡片样式">
+        <card />
+      </t-demo>
+      <t-demo title="04 特殊样式" desc="标签外置输入框">
+        <custom />
+      </t-demo>
+    </view>
+  </scroll-view>
 </view>
diff --git a/src/textarea/textarea.less b/src/textarea/textarea.less
index f685ef596..499dee3e5 100644
--- a/src/textarea/textarea.less
+++ b/src/textarea/textarea.less
@@ -80,6 +80,7 @@
   }
 
   &__indicator:not(:empty) {
+    flex-shrink: 0;
     color: @textarea-indicator-text-color;
     font-size: @textarea-indicator-text-font-size;
     text-align: @textarea-indicator-text-align;