index.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .group-box {
  2. display: flex;
  3. align-items: center;
  4. width: 100%;
  5. height: 60rpx;
  6. .label {
  7. height: 34rpx;
  8. font-size: 24rpx;
  9. font-family: PingFang SC-Regular, PingFang SC;
  10. color: #666666;
  11. flex-shrink: 0;
  12. }
  13. .list {
  14. display: flex;
  15. overflow: hidden;
  16. max-width: 100%;
  17. .item {
  18. width: 64rpx;
  19. height: 64rpx;
  20. text-align: center;
  21. line-height: 64rpx;
  22. flex-shrink: 0;
  23. border-radius: 50%;
  24. background-color: #3874F6;
  25. margin-right: 8rpx;
  26. font-size: 28rpx;
  27. font-family: PingFang SC-Regular, PingFang SC;
  28. color: #FFFFFF;
  29. }
  30. }
  31. .right {
  32. display: flex;
  33. align-items: center;
  34. justify-content: center;
  35. flex-shrink: 0;
  36. width: 80rpx;
  37. height: 64rpx;
  38. border-radius: 32rpx;
  39. >view {
  40. display: flex;
  41. align-items: center;
  42. justify-content: center;
  43. width: 32rpx;
  44. height: 32rpx;
  45. border-radius: 50%;
  46. background: #E7EEFF;
  47. color: #3874F6;
  48. }
  49. }
  50. }