test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-11-30 02:57:50 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix card dynamic demo

Browse Source
This commit is contained in:
wangxueliang 2018-01-29 09:55:57 +08:00
parent 8a91d4a17b
commit aa1bcfe5db
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>
```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>
```