东风启辰小程序端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

222 lines
3.8KB

  1. /* pages/userMsg/userMsg.wxss */
  2. .main{
  3. width: 750rpx;
  4. position: fixed;
  5. left: 0;
  6. top: 0;
  7. height: calc(100vh - 120rpx);
  8. overflow: auto;
  9. background-color: white;
  10. z-index: 99;
  11. }
  12. .titleText{
  13. width: 682rpx;
  14. margin: 0 auto;
  15. margin-top: 78rpx;
  16. margin-bottom: 28rpx;
  17. line-height: 39rpx;
  18. font-size:39rpx;
  19. font-family:PingFangSC;
  20. font-weight:bold;
  21. color:rgba(0,77,149,1);
  22. }
  23. .lineSty{
  24. width: 682rpx;
  25. height:2rpx;
  26. background-color: #B6B6B6;
  27. margin: 0 auto;
  28. margin-bottom: 45rpx;
  29. }
  30. .closeXieyi{
  31. position: absolute;
  32. right: 48rpx;
  33. top: 38rpx;
  34. width: 42rpx;
  35. height: 42rpx;
  36. }
  37. .addressMsg{
  38. display: flex;
  39. align-items: center;
  40. flex-direction: column;
  41. overflow: auto;
  42. padding-bottom: 30rpx;
  43. }
  44. .msgGroup{
  45. position: relative;
  46. width:697rpx;
  47. min-height:62rpx;
  48. border: 2rpx solid #B1B1B1;
  49. border-radius: 15rpx;
  50. display: flex;
  51. align-items: center;
  52. box-sizing: border-box;
  53. padding: 0 27rpx;
  54. margin-bottom: 40rpx;
  55. }
  56. .msgTitle,.msgInput{
  57. min-height: 24rpx;
  58. line-height: 24rpx;
  59. font-size:24rpx;
  60. font-family:PingFangSC;
  61. font-weight:400;
  62. color:rgba(35,33,34,1);
  63. }
  64. .msgInput{
  65. width: 510rpx;
  66. }
  67. .pickerSty{
  68. height: 62rpx;
  69. display: flex;
  70. align-items: center;
  71. }
  72. .addressDetail{
  73. width: 650rpx;
  74. padding: 20rpx 25rpx;
  75. height:100rpx;
  76. align-items: flex-start;
  77. margin-bottom: 30rpx;
  78. margin-top: 25rpx;
  79. }
  80. .addressTextarea{
  81. height: 100%;
  82. margin-left: 5rpx;
  83. }
  84. .saveAddress{
  85. /* position: absolute;
  86. left: 50%;
  87. bottom: 45rpx;
  88. transform: translateX(-50%); */
  89. width:652rpx;
  90. height:70rpx;
  91. }
  92. .headGroup{
  93. width: 697rpx;
  94. display: flex;
  95. align-items: center;
  96. justify-content: space-between;
  97. padding: 0 18rpx;
  98. padding-bottom: 10rpx;
  99. border-bottom: 1rpx solid #B6B6B6;
  100. box-sizing: border-box;
  101. }
  102. .headTitle{
  103. line-height: 23rpx;
  104. font-size:23rpx;
  105. font-family:PingFangSC;
  106. font-weight:600;
  107. color:rgba(35,33,34,1);
  108. }
  109. .avatarUrl{
  110. width:109rpx;
  111. height:109rpx;
  112. border-radius: 50%;
  113. margin-right: 49rpx;
  114. }
  115. .nickGroup{
  116. height: 119rpx;
  117. margin-bottom:48rpx;
  118. padding-bottom: 0;
  119. }
  120. .nickName{
  121. width: 500rpx;
  122. line-height: 36rpx;
  123. font-size:36rpx;
  124. font-family:NissanBrand;
  125. font-weight:400;
  126. color:rgba(30,27,28,1);
  127. text-align: right;
  128. }
  129. .selectIcon{
  130. width: 25rpx;
  131. height: 15rpx;
  132. margin-left: 24rpx;
  133. }
  134. .selectGroup{
  135. display: flex;
  136. align-items: center;
  137. }
  138. .selectTypeGroup{
  139. margin:0 auto;
  140. width: 653rpx;
  141. padding: 45rpx 0;
  142. }
  143. .selectTypeImg{
  144. width: 653rpx;
  145. height: 70rpx;
  146. }
  147. .userMsgGroup{
  148. width: 650rpx;
  149. display: flex;
  150. align-items: center;
  151. justify-content: space-between;
  152. margin-bottom: 15rpx;
  153. }
  154. .userMsgtitle{
  155. line-height: 24rpx;
  156. font-size:24rpx;
  157. font-family:PingFangSC;
  158. font-weight:400;
  159. color:rgba(35,24,21,1);
  160. }
  161. .userMsgInput{
  162. width:540rpx;
  163. height: 65rpx;
  164. border: 2rpx solid #aaaaaa;
  165. border-radius: 20rpx;
  166. line-height: 65rpx;
  167. font-size:24rpx;
  168. font-family:PingFangSC;
  169. font-weight:300;
  170. padding: 0 30rpx;
  171. box-sizing: border-box;
  172. color: black;
  173. }
  174. .codeFrame{
  175. width: 650rpx;
  176. display: flex;
  177. align-items: center;
  178. justify-content: flex-end;
  179. margin-bottom: 15rpx;
  180. }
  181. .codeGroup{
  182. width: 540rpx;
  183. display: flex;
  184. align-items: center;
  185. justify-content: space-between;
  186. }
  187. .getCodeBtn{
  188. width: 160rpx;
  189. height: 50rpx;
  190. background-color: #2b558a;
  191. line-height: 50rpx;
  192. font-size:26rpx;
  193. font-family:PingFangSC;
  194. font-weight:300;
  195. color:rgba(255,255,255,1);
  196. border-radius: 20rpx;
  197. text-align: center;
  198. }
  199. .codeInput{
  200. width:350rpx;
  201. height: 65rpx;
  202. border: 2rpx solid #aaaaaa;
  203. border-radius: 20rpx;
  204. line-height: 65rpx;
  205. font-size:24rpx;
  206. font-family:PingFangSC;
  207. font-weight:300;
  208. padding: 0 30rpx;
  209. box-sizing: border-box;
  210. color: black;
  211. }
  212. .getPhoneFrame{
  213. position: absolute;
  214. left: 0;
  215. top: 0;
  216. width:100%;
  217. height: 70rpx;
  218. z-index: 2;
  219. }
  220. .getPhoneBtn{
  221. opacity: 0;
  222. }