index.wxss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. /* uni.scss */
  5. .container.data-v-4dcceeb0 {
  6. padding: 20rpx 32rpx 0 32rpx;
  7. height: 100vh;
  8. overflow-y: scroll;
  9. overflow-x: hidden;
  10. }
  11. .container .userInfo.data-v-4dcceeb0 {
  12. display: flex;
  13. align-items: center;
  14. margin-bottom: 50rpx;
  15. }
  16. .container .userInfo .nickname.data-v-4dcceeb0 {
  17. margin-left: 50rpx;
  18. font-size: 36rpx;
  19. }
  20. .container .cenList.data-v-4dcceeb0 {
  21. margin-top: 50rpx;
  22. }
  23. .container .cenList .swiper .picList.data-v-4dcceeb0 {
  24. padding-top: 20rpx;
  25. display: flex;
  26. flex-wrap: nowrap;
  27. padding-bottom: 50rpx;
  28. height: 100px;
  29. overflow-x: scroll;
  30. white-space: nowrap;
  31. width: 350px;
  32. overflow-y: hidden;
  33. }
  34. .container .cenList .swiper .picList .wait.data-v-4dcceeb0 {
  35. width: calc(100vw - 64rpx);
  36. height: 100%;
  37. border-radius: 12rpx;
  38. display: flex;
  39. flex-direction: column;
  40. align-items: center;
  41. background: white;
  42. }
  43. .container .cenList .swiper .picList .wait image.data-v-4dcceeb0 {
  44. height: 100px;
  45. width: 180px;
  46. }
  47. .container .cenList .swiper .picList .wait .txt.data-v-4dcceeb0 {
  48. text-align: center;
  49. margin-bottom: 12px;
  50. color: green;
  51. }
  52. .container .cenList .swiper .picList .resImg.data-v-4dcceeb0 {
  53. width: 70px;
  54. border-radius: 12rpx;
  55. margin-bottom: 20rpx;
  56. background-size: cover;
  57. height: 100px;
  58. margin-right: 20rpx;
  59. }
  60. .container .cenList .swiper .picList .resImg image.data-v-4dcceeb0 {
  61. height: 100%;
  62. border-radius: 12rpx;
  63. width: 70px;
  64. }
  65. .container .cenList .swiper .picList .resImg.data-v-4dcceeb0:last-child {
  66. margin-bottom: 150rpx;
  67. }
  68. .data-v-4dcceeb0 .u-tabbar {
  69. width: 80%;
  70. position: fixed;
  71. bottom: 10px;
  72. left: 50%;
  73. -webkit-transform: translateX(-50%);
  74. transform: translateX(-50%);
  75. border-radius: 25px;
  76. }
  77. .data-v-4dcceeb0 .u-tabbar__content {
  78. border-radius: 25px;
  79. background: white;
  80. }
  81. .createAvatar.data-v-4dcceeb0 {
  82. margin-top: 10rpx;
  83. border: 1rpx solid orange;
  84. border-radius: 10rpx;
  85. color: orange;
  86. padding: 5rpx 10rpx;
  87. font-weight: 600;
  88. }