info-base.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. /* pages/edit-info/info-base/info-base.wxss */
  2. .base{
  3. display: flex;
  4. flex-direction: column;
  5. color: #333;
  6. /* background: rgba(244,244,244,1); */
  7. padding-top: 25rpx;
  8. }
  9. .item{
  10. display: flex;
  11. flex-direction: row;
  12. justify-content: space-between;
  13. padding: 20rpx;
  14. border-top:3rpx solid gainsboro;
  15. background: #ffffff;
  16. }
  17. .item-end{
  18. display: flex;
  19. flex-direction: row;
  20. justify-content: space-between;
  21. padding: 20rpx;
  22. border-top:3rpx solid gainsboro;
  23. border-bottom:3rpx solid gainsboro;
  24. background: #ffffff;
  25. }
  26. .item-left{
  27. display: flex;
  28. flex-direction: row;
  29. align-items: center;
  30. }
  31. .item-right{
  32. display: flex;
  33. flex-direction: row;
  34. align-items: center;
  35. }
  36. .item-tou{
  37. height: 110rpx;
  38. width: 110rpx;
  39. margin-right: 10rpx;
  40. border-radius: 50%;
  41. }
  42. .item-icon{
  43. height: 50rpx;
  44. width: 50rpx;
  45. }
  46. .item-input{
  47. width: 280rpx;
  48. text-align: right;
  49. font-size: 13px;
  50. color: #999999;
  51. }
  52. .item-radio{
  53. margin-right: 10rpx;
  54. }
  55. .item-text{
  56. font-size: 12px;
  57. color: #999999;
  58. margin-right: 5rpx;
  59. }
  60. .item-unit{
  61. font-size: 13px;
  62. margin-left: 10rpx;
  63. }
  64. .button-group{
  65. padding: 60rpx 0;
  66. display: flex;
  67. flex-direction: row;
  68. justify-content: space-around;
  69. font-size: 15px;
  70. /* background: rgba(244,244,244,1); */
  71. }
  72. .button-submit{
  73. display: flex;
  74. flex-direction: row;
  75. align-items: center;
  76. justify-content: center;
  77. width: 180rpx !important;
  78. height: 72rpx !important;
  79. color: #ffffff;
  80. background: rgba(243,123,29,0.8);
  81. border-radius: 10rpx;
  82. }
  83. .button-reset{
  84. display: flex;
  85. flex-direction: row;
  86. align-items: center;
  87. justify-content: center;
  88. width: 180rpx !important;
  89. height: 72rpx !important;
  90. color: rgba(243,123,29,0.8);
  91. background: rgba(244, 244, 244, 0.966);
  92. border-radius: 10rpx;
  93. }
  94. /* picker start*/
  95. .mask-screen {
  96. width: 100%;
  97. height: 100%;
  98. position: fixed;
  99. top: 0;
  100. left: 0;
  101. background: #000;
  102. opacity: 0.5;
  103. overflow: hidden;
  104. z-index: 9;
  105. }
  106. .picker-box {
  107. width: 100%;
  108. position: fixed;
  109. bottom: 0;
  110. z-index: 10;
  111. background: #fff;
  112. }
  113. .picker-header {
  114. width: 100%;
  115. height: 90rpx;
  116. padding: 0 46rpx;
  117. display: flex;
  118. justify-content: space-between;
  119. align-items: center;
  120. box-sizing: border-box;
  121. font-size: 32rpx;
  122. background: #fff;
  123. }
  124. .list-item::after {
  125. left: 0;
  126. }
  127. .btn-cancle {
  128. padding: 20rpx;
  129. color: #888;
  130. }
  131. .btn-sure {
  132. padding: 20rpx;
  133. color: #f37b1d;
  134. }
  135. .picker-view {
  136. width: 100%;
  137. height: 260px;
  138. }
  139. .item2 {
  140. line-height: 50px;
  141. text-align: center;
  142. }
  143. /* picker end*/