my.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. @charset "UTF-8";
  2. /* 需要放到文件最上面 */
  3. /* 水平间距 */
  4. /* 水平间距 */
  5. /*
  6. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  7. */
  8. /* 水平间距 */
  9. .my-index {
  10. position: relative;
  11. }
  12. .my-index .user-header-image {
  13. width: 100%;
  14. height: 320rpx;
  15. object-fit: cover;
  16. }
  17. .my-index .user-info-box {
  18. background: #ffffff;
  19. padding: 30rpx;
  20. position: absolute;
  21. border-radius: 20rpx;
  22. display: flex;
  23. align-items: center;
  24. top: 250rpx;
  25. left: 30rpx;
  26. right: 30rpx;
  27. }
  28. .my-index .user-info-box .img {
  29. width: 100rpx;
  30. height: 100rpx;
  31. border-radius: 10rpx;
  32. }
  33. .my-index .user-info-box .user-info-right {
  34. margin-left: 20rpx;
  35. }
  36. .my-index .user-activity-menu {
  37. margin: 30rpx;
  38. margin-top: 120rpx;
  39. border-radius: 20rpx;
  40. background: #fff;
  41. }
  42. .my-index .user-activity-menu .menu-item {
  43. display: flex;
  44. align-items: center;
  45. justify-content: space-between;
  46. height: 96rpx;
  47. padding: 0 30rpx;
  48. }
  49. .my-index .user-activity-menu .menu-item .left {
  50. display: flex;
  51. align-items: center;
  52. }
  53. .my-index .user-activity-menu .menu-item .left .menu-icon {
  54. width: 40rpx;
  55. height: 40rpx;
  56. }
  57. .my-index .user-activity-menu .menu-item .left .menu-name {
  58. margin-left: 20rpx;
  59. color: #333;
  60. }