u-avatar.ttss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. .u-avatar.data-v-4f1b1b40 {
  7. display: inline-flex;
  8. align-items: center;
  9. justify-content: center;
  10. font-size: 28rpx;
  11. color: #606266;
  12. border-radius: 10px;
  13. position: relative;
  14. }
  15. .u-avatar__img.data-v-4f1b1b40 {
  16. width: 100%;
  17. height: 100%;
  18. }
  19. .u-avatar__sex.data-v-4f1b1b40 {
  20. position: absolute;
  21. width: 32rpx;
  22. color: #ffffff;
  23. height: 32rpx;
  24. display: flex;
  25. flex-direction: row;
  26. justify-content: center;
  27. align-items: center;
  28. border-radius: 100rpx;
  29. top: 5%;
  30. z-index: 1;
  31. right: -7%;
  32. border: 1px #ffffff solid;
  33. }
  34. .u-avatar__sex--man.data-v-4f1b1b40 {
  35. background-color: #2979ff;
  36. }
  37. .u-avatar__sex--woman.data-v-4f1b1b40 {
  38. background-color: #fa3534;
  39. }
  40. .u-avatar__sex--none.data-v-4f1b1b40 {
  41. background-color: #ff9900;
  42. }
  43. .u-avatar__level.data-v-4f1b1b40 {
  44. position: absolute;
  45. width: 32rpx;
  46. color: #ffffff;
  47. height: 32rpx;
  48. display: flex;
  49. flex-direction: row;
  50. justify-content: center;
  51. align-items: center;
  52. border-radius: 100rpx;
  53. bottom: 5%;
  54. z-index: 1;
  55. right: -7%;
  56. border: 1px #ffffff solid;
  57. background-color: #ff9900;
  58. }