index.less 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .container {
  2. .memberinfo {
  3. display: flex;
  4. flex-direction: column;
  5. &__list {
  6. display: flex;
  7. flex-direction: column;
  8. width: 100%;
  9. align-content: center;
  10. align-items: center;
  11. &__item {
  12. display: flex;
  13. flex-direction: row;
  14. align-content: center;
  15. align-items: center;
  16. justify-content: space-around;
  17. width: 95%;
  18. border-bottom: 1px solid #f0f0f0;
  19. padding: 10px 0px;
  20. &__right {
  21. display: flex;
  22. flex-direction: column;
  23. width: 100%;
  24. align-content: center;
  25. align-items: center;
  26. margin-left: 10px;
  27. height: 100%;
  28. &__top, &__btm {
  29. height: 35px;
  30. }
  31. &__top, &__mid {
  32. display: flex;
  33. flex-direction: row;
  34. justify-content: start;
  35. align-items: center;
  36. width: 100%;
  37. .goodsname, .username {
  38. color: #000000;
  39. font-size: 15px;
  40. margin-right: 10px;
  41. font-weight: bold;
  42. }
  43. .tag {
  44. background-color: #407DB8;
  45. padding: 2.5px 10px;
  46. border-radius: 10px;
  47. color: #fff;
  48. font-size: 11px;
  49. margin-right: 5px;
  50. }
  51. }
  52. &__mid {
  53. height: 100%;
  54. }
  55. &__btm {
  56. display: flex;
  57. flex-direction: row;
  58. justify-content: space-between;
  59. align-items: center;
  60. width: 100%;
  61. .mobile, .wechat {
  62. font-size: 13px;
  63. color: #000;
  64. }
  65. }
  66. }
  67. }
  68. }
  69. }
  70. }