member.wxss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /* uni.scss */
  10. /* 页面左右间距 */
  11. /* 文字尺寸 */
  12. /* 文字尺寸 */
  13. /*文字颜色*/
  14. /* 边框颜色 */
  15. /* 图片加载中颜色 */
  16. /* 行为相关颜色 */
  17. /* 颜色变量 */
  18. /* 项目主色 */
  19. /* 文字基本颜色 */
  20. .red {
  21. color: #f60808;
  22. }
  23. .green {
  24. color: #15ab54;
  25. }
  26. .yellow {
  27. color: #f0ad4e;
  28. }
  29. .blue {
  30. color: #1f96f6;
  31. }
  32. .blank {
  33. color: #000;
  34. }
  35. .white {
  36. color: #fff;
  37. }
  38. .promain {
  39. color: #025b58;
  40. }
  41. .prosecond {
  42. color: #ed742f;
  43. }
  44. .textmain {
  45. color: #333;
  46. }
  47. .textgrey {
  48. color: #999;
  49. }
  50. .fuColor {
  51. color: #c6cadb;
  52. }
  53. .fontssm {
  54. font-size: 22rpx;
  55. }
  56. .fontsm {
  57. font-size: 24rpx;
  58. }
  59. .fontmid {
  60. font-size: 28rpx;
  61. }
  62. .fontbase {
  63. font-size: 30rpx;
  64. }
  65. /* 背景颜色 */
  66. /* 边框颜色 */
  67. /* input 样式 */
  68. .input-placeholder {
  69. color: #999999;
  70. }
  71. .navigator-hover {
  72. background: transparent !important;
  73. opacity: 1;
  74. }
  75. .uni-page-head-transparent .uni-page-head-btn {
  76. background: transparent !important;
  77. }
  78. uni-toast {
  79. z-index: 99999;
  80. }
  81. button {
  82. background: transparent;
  83. }
  84. button::after {
  85. border: 0;
  86. }
  87. .pagecon {
  88. min-height: 100vh;
  89. padding-bottom: 60rpx;
  90. background: #fff;
  91. }
  92. .pagecon .userBox {
  93. padding: 67rpx 65rpx 0rpx;
  94. width: 100%;
  95. height: 387rpx;
  96. background: linear-gradient(135deg, #c9fdde 0%, #c9fdde 100%);
  97. }
  98. .pagecon .userInfo {
  99. background: url("data:image/png;base64,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") no-repeat;
  100. background-size: 100% 100%;
  101. width: 620rpx;
  102. height: 320rpx;
  103. align-items: center;
  104. justify-content: center;
  105. }
  106. .pagecon .userInfo .headimg {
  107. width: 104rpx;
  108. height: 104rpx;
  109. border-radius: 50%;
  110. background-color: #f5fcfc;
  111. margin-right: 22rpx;
  112. }
  113. .pagecon .userInfo .uinfo {
  114. flex: 1;
  115. }
  116. .pagecon .userInfo .uinfo .uinfoPho {
  117. font-size: 34rpx;
  118. font-family: PingFangSC-Semibold, PingFang SC;
  119. font-weight: 600;
  120. line-height: 48rpx;
  121. margin-bottom: 10rpx;
  122. color: #fff;
  123. }
  124. .pagecon .userInfo .bot {
  125. margin-top: 50rpx;
  126. font-size: 28rpx;
  127. font-family: PingFangSC-Light, PingFang SC;
  128. font-weight: 300;
  129. color: #fff8c5;
  130. line-height: 40rpx;
  131. }
  132. .pagecon .ordBox {
  133. margin: 24rpx 0rpx 20rpx;
  134. background-color: #fff;
  135. border-radius: 16rpx;
  136. }
  137. .pagecon .ordBox .gdHead {
  138. padding: 27rpx 27rpx 3rpx;
  139. font-family: PingFangSC-Medium, PingFang SC;
  140. font-weight: 600;
  141. font-size: 30rpx;
  142. line-height: 42rpx;
  143. }
  144. .pagecon .ordBox .userNav {
  145. flex-wrap: wrap;
  146. justify-content: flex-start;
  147. }
  148. .pagecon .ordBox .userNav .userLi {
  149. width: 25%;
  150. display: flex;
  151. flex-direction: column;
  152. align-items: center;
  153. color: #626262;
  154. font-size: 24rpx;
  155. line-height: 36rpx;
  156. position: relative;
  157. margin: 20rpx 0;
  158. }
  159. .pagecon .ordBox .userNav .userLi image {
  160. width: 90rpx;
  161. height: 90rpx;
  162. margin: 0 auto 10rpx;
  163. }
  164. .pagecon .ordBox .userNav .userLi .fontssm {
  165. font-size: 18rpx;
  166. }
  167. .pagecon .ordBox .specNav {
  168. width: 100%;
  169. padding: 40rpx 30rpx;
  170. }
  171. .pagecon .ordBox .specNav .userLi {
  172. border-radius: 13rpx;
  173. border: 2rpx solid #e5e5e5;
  174. position: relative;
  175. width: 214rpx;
  176. height: 238rpx;
  177. align-items: center;
  178. justify-content: center;
  179. }
  180. .pagecon .ordBox .specNav .userLi .top {
  181. position: absolute;
  182. top: -20rpx;
  183. left: 0;
  184. padding: 6rpx 13rpx;
  185. font-size: 20rpx;
  186. color: #fff;
  187. background: linear-gradient(90deg, #50ceb5 0%, #0cb291 100%);
  188. border-radius: 23rpx 0rpx 23rpx 0rpx;
  189. }
  190. .pagecon .ordBox .specNav .userLi .monBox {
  191. margin: 22rpx 0;
  192. font-size: 36rpx;
  193. font-family: PingFangSC-Medium, PingFang SC;
  194. font-weight: 500;
  195. color: #222222;
  196. line-height: 50rpx;
  197. }
  198. .pagecon .ordBox .specNav .userLi image {
  199. width: 48rpx;
  200. height: 48rpx;
  201. margin-right: 24rpx;
  202. }
  203. .pagecon .ordBox .specNav .userLi .litext {
  204. flex: 1;
  205. font-size: 32rpx;
  206. line-height: 30rpx;
  207. color: #666;
  208. }
  209. .pagecon .ordBox .specNav .sel {
  210. background: rgba(11, 178, 145, 0.1);
  211. border: 3rpx solid #0bb291;
  212. }
  213. .pagecon .custom-style {
  214. background-color: #0bb291;
  215. color: #fff;
  216. width: 690rpx;
  217. margin-top: 40rpx;
  218. }