From bb6d6be2a50b4a9521b7f859eee351b1578737b3 Mon Sep 17 00:00:00 2001
From: wangxueliang <wangxueliang@yidian-inc.com>
Date: Mon, 29 Jan 2018 09:55:57 +0800
Subject: [PATCH] fix card dynamic demo

---
 components/avatar/demo/dynamic.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/avatar/demo/dynamic.md b/components/avatar/demo/dynamic.md
index 2ffdde702..4ad3f5290 100644
--- a/components/avatar/demo/dynamic.md
+++ b/components/avatar/demo/dynamic.md
@@ -9,6 +9,12 @@ For letter type Avatar, when the letters are too long to display, the font size
 </us>
 
 ```html
+<template>
+  <div>
+    <a-avatar shape="square" size="large" :style="{'backgroundColor': color}">{{avatarValue}}</a-avatar>
+    <a-button @click="changeValue">改变</a-button>
+  </div>
+</template>
 <script>
   const UserList = ['U', 'Lucy', 'Tom', 'Edward']
   const colorList = ['#f56a00', '#7265e6', '#ffbf00', '#00a2ae']
@@ -28,10 +34,4 @@ For letter type Avatar, when the letters are too long to display, the font size
     },
   }
 </script>
-<template>
-  <div>
-    <a-avatar shape="square" size="large" :style="{'backgroundColor': color}">{{avatarValue}}</a-avatar>
-    <a-button @click="changeValue">改变</a-button>
-  </div>
-</template>
 ```