github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix card dynamic demo

pull/165/head
wangxueliang 2018-01-29 09:55:57 +08:00
parent b451454080
commit bb6d6be2a5
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/avatar/demo/dynamic.md
View File

@ -9,6 +9,12 @@ For letter type Avatar, when the letters are too long to display, the font size
</us> </us>
```html ```html
<template>
<div>
<a-avatar shape="square" size="large" :style="{'backgroundColor': color}">{{avatarValue}}</a-avatar>
<a-button @click="changeValue">改变</a-button>
</div>
</template>
<script> <script>
const UserList = ['U', 'Lucy', 'Tom', 'Edward'] const UserList = ['U', 'Lucy', 'Tom', 'Edward']
const colorList = ['#f56a00', '#7265e6', '#ffbf00', '#00a2ae'] 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> </script>
<template>
<div>
<a-avatar shape="square" size="large" :style="{'backgroundColor': color}">{{avatarValue}}</a-avatar>
<a-button @click="changeValue">改变</a-button>
</div>
</template>
``` ```