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 .my-header-image {
  13. width: 100%;
  14. height: 320rpx;
  15. }
  16. .my-index .user-info-box {
  17. background: #ffffff;
  18. padding: 30rpx;
  19. position: absolute;
  20. border-radius: 20rpx;
  21. display: flex;
  22. align-items: center;
  23. top: 250rpx;
  24. left: 30rpx;
  25. right: 30rpx;
  26. }
  27. .my-index .user-info-box .avatar-image {
  28. width: 100rpx;
  29. height: 100rpx;
  30. border-radius: 10rpx;
  31. }
  32. .my-index .user-info-box .user-info-right {
  33. margin-left: 20rpx;
  34. font-size: 32rpx;
  35. font-weight: 500;
  36. }
  37. .my-index .user-activity-menu {
  38. margin: 30rpx;
  39. margin-top: 120rpx;
  40. border-radius: 20rpx;
  41. background: #fff;
  42. }
  43. .my-index .user-activity-menu .menu-item {
  44. display: flex;
  45. align-items: center;
  46. justify-content: space-between;
  47. height: 96rpx;
  48. padding: 0 30rpx;
  49. }
  50. .my-index .user-activity-menu .menu-item .left {
  51. display: flex;
  52. align-items: center;
  53. }
  54. .my-index .user-activity-menu .menu-item .left .menu-name {
  55. margin-left: 20rpx;
  56. color: #6a6a6a;
  57. }
  58. .my-index .user-activity-menu .menu-item .left .menu-icon text {
  59. color: #6a6a6a !important;
  60. }