diff --git a/src/skeleton/__test__/index.test.js b/src/skeleton/__test__/index.test.js
index add013c0f..066e9d80b 100644
--- a/src/skeleton/__test__/index.test.js
+++ b/src/skeleton/__test__/index.test.js
@@ -26,7 +26,7 @@ describe('skeleton', () => {
   describe('Props', () => {
     it(`: style && customStyle`, async () => {
       const id = simulate.load({
-        template: `<t-skeleton class="skeleton" style="{{style}}" customStyle="{{customStyle}}"></t-skeleton>`,
+        template: `<t-skeleton class="skeleton" style="{{style}}" customStyle="{{customStyle}}" loading="{{true}}"></t-skeleton>`,
         usingComponents: {
           't-skeleton': skeleton,
         },
diff --git a/src/skeleton/skeleton.ts b/src/skeleton/skeleton.ts
index 7e578c0ac..3e43089a2 100644
--- a/src/skeleton/skeleton.ts
+++ b/src/skeleton/skeleton.ts
@@ -37,6 +37,19 @@ export default class Skeleton extends SuperComponent {
     rowCol() {
       this.init();
     },
+    'loading,delay'(loading: boolean, delay: number) {
+      if (!loading || delay === 0) {
+        this.setData({
+          isShow: loading,
+        });
+        return;
+      }
+      setTimeout(() => {
+        this.setData({
+          isShow: loading,
+        });
+      }, delay);
+    },
   };
 
   lifetimes = {
diff --git a/src/skeleton/skeleton.wxml b/src/skeleton/skeleton.wxml
index b5501c128..e6919ad03 100644
--- a/src/skeleton/skeleton.wxml
+++ b/src/skeleton/skeleton.wxml
@@ -1,6 +1,6 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-<view wx:if="{{ loading }}" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} class {{prefix}}-class ">
+<view wx:if="{{ isShow }}" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} class {{prefix}}-class ">
   <view wx:if="{{ parsedRowcols.length }}" class="{{classPrefix}}__content">
     <view
       wx:for="{{parsedRowcols}}"