.wux-avatar { box-sizing: border-box; display: inline-block; text-align: center; background: #ccc; color: #fff; white-space: nowrap; position: relative; overflow: hidden; vertical-align: middle; width: 64rpx; height: 64rpx; line-height: 64rpx; border-radius: 32rpx; font-size: 36rpx } .wux-avatar .wux-avatar__string { line-height: 64rpx } .wux-avatar--small { width: 48rpx; height: 48rpx; line-height: 48rpx; border-radius: 24rpx; font-size: 28rpx } .wux-avatar--small .wux-avatar__string { line-height: 48rpx } .wux-avatar--large { width: 80rpx; height: 80rpx; line-height: 80rpx; border-radius: 40rpx; font-size: 48rpx } .wux-avatar--large .wux-avatar__string { line-height: 80rpx } .wux-avatar--square { border-radius: 8rpx } .wux-avatar--thumb { background: 0 0 } .wux-avatar > image { width: 100%; height: 100% }