diff --git a/docs/components/status/index.md b/docs/components/status/index.md
index cc00c8fad45017c6b2ab8ca814bca8f3f0da9808..fc143388c68575044f91d42e2b365b6dd6151c53 100644
--- a/docs/components/status/index.md
+++ b/docs/components/status/index.md
@@ -8,25 +8,20 @@
 
 ### 基本用法
 
-<d-status>Default</d-status>
-<d-status type="success">Success</d-status>
-<d-status type="error">Error</d-status>
-<d-status type="warning">Warning</d-status>
-<d-status type="initial">Initial</d-status>
-<d-status type="waiting">Waiting</d-status>
-<d-status type="running">Running</d-status>
-<d-status type="invalid">Invalid</d-status>
-
-```html
-<d-status>Default</d-status>
-<d-status type="success">Success</d-status>
-<d-status type="error">Error</d-status>
-<d-status type="warning">Warning</d-status>
-<d-status type="initial">Initial</d-status>
-<d-status type="waiting">Waiting</d-status>
-<d-status type="running">Running</d-status>
-<d-status type="invalid">Invalid</d-status>
+:::demo
+```vue
+<template>
+  <d-status>Default</d-status>
+  <d-status type="success">Success</d-status>
+  <d-status type="error">Error</d-status>
+  <d-status type="warning">Warning</d-status>
+  <d-status type="initial">Initial</d-status>
+  <d-status type="waiting">Waiting</d-status>
+  <d-status type="running">Running</d-status>
+  <d-status type="invalid">Invalid</d-status>
+</template>
 ```
+:::
 
 ### d-status 参数