mirrors/element
1
0
Fork 0
mirror of https://github.com/ElemeFE/element.git synced 2025-12-19 12:04:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Avatar: Update theme config var (#16202)

Browse Source 
* change css var

* avatar theme config

* refine style
This commit is contained in:
luckyCao
2019-06-24 18:36:12 +08:00
committed by Zhi Cun
parent 002adf462f
commit c97f376cf6
3 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
examples/components/theme/components-preview.vue
View File

@@ -29,6 +29,11 @@
.el-avatar:not(:last-child) {
margin-right: 20px;
}
.avatar-demo {
display: flex;
align-items: center;
}
}
</style>
<template>
@@ -359,10 +364,13 @@
</el-collapse>
</el-row>
<h4>Avatar</h4>
<el-row>
<el-row class="demo-line avatar-demo">
<el-avatar icon="el-icon-user-solid"/>
<el-avatar> avatar </el-avatar>
<el-avatar shape="square" :size="60" fit="contain" :src="avatarData.url"></el-avatar>
<el-avatar shape="square" fit="contain" :src="avatarData.url"></el-avatar>
<el-avatar size="large"> large </el-avatar>
<el-avatar size="medium"> medium </el-avatar>
<el-avatar size="small"> small </el-avatar>
</el-row>
</div>
</template>