profile.wxss 760 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .avatar {
  2. display: flex;
  3. justify-content: center;
  4. align-items: center;
  5. height: 400rpx;
  6. background-color: #3a4861;
  7. }
  8. .avatar image {
  9. width: 220rpx;
  10. height: 220rpx;
  11. border-radius: 50%;
  12. box-shadow: 0 0 0 10rpx #777f92;
  13. }
  14. .cells {
  15. margin-top: 20rpx;
  16. }
  17. .cells .item {
  18. display: flex;
  19. justify-content: space-between;
  20. align-items: center;
  21. position: relative;
  22. padding: 20rpx 30rpx;
  23. border-bottom: 1rpx solid #f0f0f0;
  24. background-color: #fff;
  25. font-size: 30rpx;
  26. }
  27. .cells .item::after {
  28. content: '';
  29. display: inline-block;
  30. height: 10rpx;
  31. width: 10rpx;
  32. border: 0 solid #ccc;
  33. border-width: 3rpx 3rpx 0 0;
  34. transform: matrix(1, 1, -1, 1, 0, 0);
  35. }
  36. .cells .divider {
  37. height: 20rpx;
  38. box-shadow: inset 0 1rpx 2rpx #eee;
  39. }