猫妈狗爸伴宠师小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

154 lines
2.3 KiB

  1. .bind-user {
  2. &-header {
  3. height: 315rpx;
  4. padding: 60rpx 20rpx 0;
  5. background: linear-gradient(360deg, #FFFFFF 0%, #FFBF60 99%);
  6. color: #FFFFFF;
  7. }
  8. .header-name {
  9. margin-left: 20rpx;
  10. .label1{
  11. width: 120rpx;
  12. height: 28rpx;
  13. line-height: 28rpx;
  14. text-align: center;
  15. background-color: #ffa848;
  16. border-radius: 20rpx;
  17. font-size: 22rpx;
  18. border: 1px solid #ffffff;
  19. margin-bottom: 10rpx;
  20. }
  21. }
  22. .header-card {
  23. padding: 20rpx;
  24. border-radius: 20rpx;
  25. font-size: 28rpx;
  26. }
  27. .card-left {
  28. background: #78f7eb;
  29. }
  30. .card-right {
  31. background: #de8585;
  32. }
  33. }
  34. .bind-main {
  35. position: absolute;
  36. top: 180rpx;
  37. width: 100vw;
  38. &-content{
  39. padding: 30rpx 20rpx;
  40. box-sizing: border-box;
  41. .top {
  42. // height: 259rpx;
  43. background-color: #FFF6EC;
  44. padding: 3% 4%;
  45. .account {
  46. display: flex;
  47. justify-content: space-between;
  48. color: #000000;
  49. font-size: 30rpx;
  50. .text {
  51. color: #A55822;
  52. display: flex;
  53. }
  54. .line {
  55. position: relative;
  56. padding: 0 0 0 20rpx;
  57. &::before {
  58. position: absolute;
  59. top: 7rpx;
  60. left: 10rpx;
  61. content: "";
  62. width: 3rpx;
  63. height: 30rpx;
  64. border-radius: 9rpx;
  65. background-color: #A55822;
  66. }
  67. }
  68. }
  69. .money {
  70. width: auto;
  71. height: 60rpx;
  72. margin: 20rpx 0;
  73. color: #FF2A2A;
  74. font-size: 42rpx;
  75. align-items: center;
  76. .text1 {
  77. font-size: 25rpx !important;
  78. color: #FF2A2A !important;
  79. margin-right: 10rpx;
  80. }
  81. }
  82. .line1 {
  83. position: relative;
  84. &::before {
  85. position: absolute;
  86. top: -10rpx;
  87. left: 0;
  88. content: "";
  89. width: 660rpx;
  90. height: 1rpx;
  91. background-color: #FFBF60;
  92. }
  93. }
  94. .divide {
  95. color: #A55822;
  96. font-size: 30rpx;
  97. margin-top: 50rpx;
  98. display: flex;
  99. justify-content: space-between;
  100. }
  101. }
  102. .my-data {
  103. padding: 0 40rpx;
  104. box-sizing: border-box;
  105. background-color: #ffffff;
  106. margin-bottom: 40rpx;
  107. border-radius: 20rpx;
  108. &-total {
  109. padding: 40rpx 0;
  110. box-sizing: border-box;
  111. background-color: #ffffff;
  112. }
  113. }
  114. }
  115. // &-list{
  116. // background: #FFFFFF;
  117. // min-height: 900rpx;
  118. // border-radius: 30rpx;
  119. // padding: 0 0 30rpx 0;
  120. // box-sizing: border-box;
  121. // }
  122. }