index.wxss 880 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .wux-avatar {
  2. box-sizing: border-box;
  3. display: inline-block;
  4. text-align: center;
  5. background: #ccc;
  6. color: #fff;
  7. white-space: nowrap;
  8. position: relative;
  9. overflow: hidden;
  10. vertical-align: middle;
  11. width: 64rpx;
  12. height: 64rpx;
  13. line-height: 64rpx;
  14. border-radius: 32rpx;
  15. font-size: 36rpx
  16. }
  17. .wux-avatar .wux-avatar__string {
  18. line-height: 64rpx
  19. }
  20. .wux-avatar--small {
  21. width: 48rpx;
  22. height: 48rpx;
  23. line-height: 48rpx;
  24. border-radius: 24rpx;
  25. font-size: 28rpx
  26. }
  27. .wux-avatar--small .wux-avatar__string {
  28. line-height: 48rpx
  29. }
  30. .wux-avatar--large {
  31. width: 80rpx;
  32. height: 80rpx;
  33. line-height: 80rpx;
  34. border-radius: 40rpx;
  35. font-size: 48rpx
  36. }
  37. .wux-avatar--large .wux-avatar__string {
  38. line-height: 80rpx
  39. }
  40. .wux-avatar--square {
  41. border-radius: 8rpx
  42. }
  43. .wux-avatar--thumb {
  44. background: 0 0
  45. }
  46. .wux-avatar > image {
  47. width: 100%;
  48. height: 100%
  49. }