diff --git a/src/views/demo/decoration.vue b/src/views/demo/decoration.vue
index 99ddbfb..77ac31e 100644
--- a/src/views/demo/decoration.vue
+++ b/src/views/demo/decoration.vue
@@ -65,6 +65,14 @@
       </highlight-code>
     </border-box-7>
 
+    <border-box-7 class="decoration-container">
+      <decoration-7 class="decoration d4r center">Decoration</decoration-7>
+      <div class="title">Decoration-7</div>
+      <highlight-code>
+&lt;decoration-7&gt;Decoration&lt;dtn-7 /&gt;
+      </highlight-code>
+    </border-box-7>
+
     <border-box-7 class="decoration-container">
       <loading class="decoration center" />
       <div class="title">Loading</div>