C端小程序
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.

367 lines
5.1 KiB

  1. page{
  2. overflow-y:visible!important;
  3. height: 100%!important;
  4. background: #f6f6f6;
  5. }
  6. .icons {
  7. display: block;
  8. width: 40rpx;
  9. margin: 0 auto;
  10. }
  11. .user {
  12. background: #fff;
  13. }
  14. .navigator-hover {
  15. opacity: 1 !important;
  16. background: #fff;
  17. }
  18. .user-title {
  19. position: relative;
  20. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  21. border-radius: 8px;
  22. width: 728rpx;
  23. padding-left: 30rpx;
  24. display: flex;
  25. flex-direction: row;
  26. box-sizing: border-box;
  27. background: #fff;
  28. margin: 0 auto;
  29. border-bottom: 6rpx solid #00C0FF;
  30. }
  31. .version {
  32. position: absolute;
  33. right: 0;
  34. width: 307rpx;
  35. height: 50rpx;
  36. bottom: 0;
  37. text-align: center;
  38. font-size: 15rpx;
  39. color: #999;
  40. }
  41. .couponnum {
  42. display: inline-block;
  43. position: absolute;
  44. top: 39rpx;
  45. bottom: 0;
  46. right: 20px;
  47. width: 16rpx;
  48. height: 16rpx;
  49. border-radius: 50%;
  50. background: red;
  51. font-size: 22rpx;
  52. }
  53. .user-avatar open-data {
  54. display: block;
  55. width: 100%;
  56. height: 100%;
  57. }
  58. .user-phone {
  59. font-family: PingFangSC-Regular;
  60. height: 120rpx;
  61. margin-left: 149rpx;
  62. letter-spacing: 0.64rpx;
  63. line-height: 44rpx;
  64. margin-top: 43rpx;
  65. font-size: 36rpx;
  66. color: #000;
  67. }
  68. .user-avatar {
  69. position: absolute;
  70. left: 30rpx;
  71. top: 0;
  72. bottom: 0;
  73. width: 120rpx;
  74. height: 120rpx;
  75. border-radius: 50%;
  76. overflow: hidden;
  77. margin: auto;
  78. }
  79. .chengzhang {
  80. font-size: 24rpx;
  81. font-weight: 400;
  82. color: rgba(122, 122, 122, 1);
  83. margin-left: 10rpx;
  84. }
  85. .chengzhang1 {
  86. position: absolute;
  87. right: 0;
  88. bottom: 0;
  89. top: 0;
  90. margin: auto;
  91. text-align: center;
  92. }
  93. .chengzhang1 text {
  94. display: block;
  95. }
  96. .view {
  97. font-size: 24rpx;
  98. color: #AF6E34;
  99. }
  100. .view image {
  101. width: 12rpx;
  102. vertical-align: middle;
  103. margin-top: -6rpx;
  104. }
  105. .chengzhang1 text {
  106. text-align: center;
  107. font-size: 26rpx;
  108. line-height: 33rpx;
  109. margin-right: 30rpx;
  110. }
  111. .bannerbg {
  112. width: 100%;
  113. }
  114. .bannerbg image {
  115. display: block;
  116. width: 100%;
  117. }
  118. .open01 {
  119. display: block;
  120. width: 120rpx;
  121. height: 120rpx;
  122. }
  123. .user-btns {
  124. background: #fff;
  125. margin-top: 20rpx;
  126. display: flex;
  127. justify-content: space-around;
  128. text-align: center;
  129. }
  130. .user-btns .user-btn {
  131. height: 100rpx;
  132. font-size: 30rpx;
  133. letter-spacing: 1.16rpx;
  134. line-height: 100rpx;
  135. }
  136. .btns_bg{
  137. background: #fff;
  138. border-radius: 16rpx;
  139. }
  140. .user-btns .user-btn > view {
  141. padding: 0 10px 0 0;
  142. font-size: 28rpx;
  143. color: #888;
  144. letter-spacing: 1.16rpx;
  145. text-align: center;
  146. }
  147. .iconfont {
  148. position: absolute;
  149. right: 0;
  150. top: 0;
  151. bottom: 0;
  152. width: 30rpx;
  153. height: 30rpx;
  154. line-height: 44rpx;
  155. color: #c7c7cc;
  156. font-size: 44rpx;
  157. margin: auto;
  158. }
  159. .look {
  160. display: inline-block;
  161. padding-right: 25rpx;
  162. }
  163. .user-out-btn {
  164. background-color: #fff;
  165. height: 100rpx;
  166. line-height: 100rpx;
  167. font-family: PingFangSC-Semibold;
  168. font-size: 30rpx;
  169. color: #000;
  170. text-align: center;
  171. border-radius: 0;
  172. border: none;
  173. }
  174. .user-out-btn.button-hover {
  175. background-color: rgba(237, 237, 237, 1);
  176. }
  177. .user-out-btn::after {
  178. opacity: 0;
  179. }
  180. .gzh {
  181. /* display: none; */
  182. position: absolute;
  183. bottom: 70rpx;
  184. width: 90%;
  185. left: 0;
  186. right: 0;
  187. margin: auto;
  188. z-index: 10;
  189. background: #ccc;
  190. border-radius: 16rpx;
  191. overflow: hidden;
  192. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  193. }
  194. .act {
  195. display: none;
  196. }
  197. .of {
  198. display: block;
  199. /* margin-top: 40rpx; */
  200. height: 170rpx;
  201. }
  202. .activeimg {
  203. width: 200rpx !important;
  204. position: absolute;
  205. bottom: 0;
  206. right: 0;
  207. z-index: 10000;
  208. }
  209. .edit {
  210. width: 26rpx;
  211. vertical-align: middle;
  212. }
  213. .qrcode{
  214. display: none;
  215. }
  216. .qrcode image {
  217. width: 70rpx;
  218. margin-right: 20rpx;
  219. }
  220. .edits {
  221. margin-top: 44rpx;
  222. }
  223. .showQrcode {
  224. position: fixed;
  225. top: 0;
  226. left: 0;
  227. right: 0;
  228. bottom: 0;
  229. z-index: 1000;
  230. background: rgba(0, 0, 0, 0.6);
  231. }
  232. .qrcodes {
  233. position: absolute;
  234. width: 400rpx;
  235. height: 440rpx;
  236. top: 0;
  237. left: 0;
  238. right: 0;
  239. bottom: 0;
  240. border-radius: 15rpx;
  241. margin: auto;
  242. background: #fff;
  243. text-align: center;
  244. }
  245. .qrcodes text {
  246. text-align: center;
  247. font-size: 26rpx;
  248. display: inline-block;
  249. line-height: 40rpx;
  250. }
  251. .container-box {
  252. width: 100%;
  253. height: 100%;
  254. background: 0 0 0 0.6;
  255. position: relative;
  256. }
  257. .img-box {
  258. width: 500rpx;
  259. margin: 200rpx auto 0;
  260. background-color: #fff;
  261. border-radius: 16rpx;
  262. }
  263. .img-box text {
  264. display: block;
  265. text-align: center;
  266. font-size: 28rpx;
  267. }
  268. .img-box image {
  269. display: block;
  270. width: 500rpx;
  271. }
  272. .input-row {
  273. border-bottom: 1rpx solid #e5e5e5;
  274. border-top: 1rpx solid #e5e5e5;
  275. display: flex;
  276. align-items: center;
  277. height: 100rpx;
  278. padding: 0 32rpx;
  279. background-color: #fff;
  280. font-size: 34rpx;
  281. color: #000;
  282. }
  283. .input-row input {
  284. margin-left: 100rpx;
  285. flex: 1;
  286. }
  287. .mybtn {
  288. width: 686rpx;
  289. margin: 60rpx auto;
  290. }
  291. .mask {
  292. position: fixed;
  293. top: 0;
  294. left: 0;
  295. z-index: 3;
  296. width: 100%;
  297. height: 100%;
  298. opacity: 0;
  299. }
  300. .canvas-box {
  301. position: fixed;
  302. width: 500rpx;
  303. height: 587rpx;
  304. overflow: hidden;
  305. left: 0;
  306. top: 0;
  307. bottom: 0;
  308. right: 0;
  309. margin: auto;
  310. background: #fff;
  311. border-radius: 16rpx;
  312. }
  313. .showQrcode text{
  314. display: block;
  315. text-align: center;
  316. font-size: 28rpx;
  317. }
  318. .membercode {
  319. margin-top: 20rpx;
  320. }
  321. .memberIds {
  322. }