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.

521 line
7.8 KiB

  1. page{
  2. overflow-y: scroll !important;
  3. /* height: none; */
  4. background: #f6f6f6;
  5. }
  6. .icons {
  7. display: block;
  8. width: 50rpx;
  9. margin: 0 auto 10rpx;
  10. }
  11. .particulars_list{
  12. overflow: hidden;
  13. border-bottom: 1rpx #ccc solid;
  14. width: 90%;
  15. margin: auto;
  16. height: 80rpx;
  17. line-height: 80rpx;
  18. color: #666666;
  19. font-family: PingFangSC-Regular;
  20. }
  21. .particulars_name{
  22. float: left
  23. }
  24. .particulars_go{
  25. color: rgba(0, 0, 0, 0.1);
  26. float: right;
  27. }
  28. .navigator-hover {
  29. opacity: 1 !important;
  30. background: #fff;
  31. }
  32. .couponnum {
  33. display: inline-block;
  34. position: absolute;
  35. top: 18rpx;
  36. bottom: 0;
  37. right: 45px;
  38. width: 16rpx;
  39. height: 16rpx;
  40. border-radius: 50%;
  41. background: red;
  42. font-size: 22rpx;
  43. }
  44. .user-avatar open-data {
  45. display: block;
  46. width: 100%;
  47. height: 100%;
  48. }
  49. .user-name{
  50. font-family: PingFangSC-Medium;
  51. height: 42rpx;
  52. margin-top: 66rpx;
  53. letter-spacing: 0.64rpx;
  54. line-height: 44rpx;
  55. font-size: 32rpx;
  56. color: #FFFFFF;
  57. /* font-weight: 600; */
  58. display: flex;
  59. align-items: center;
  60. vertical-align: center;
  61. justify-content: center;
  62. flex-direction: row;
  63. position: absolute;
  64. top: -190rpx;
  65. left: 200rpx;
  66. }
  67. .user_phone{
  68. font-family: PingFangSC-Medium;
  69. height: 42rpx;
  70. letter-spacing: 0.64rpx;
  71. line-height: 44rpx;
  72. font-size: 32rpx;
  73. color: #FFFFFF;
  74. display: flex;
  75. align-items: center;
  76. vertical-align: center;
  77. justify-content: center;
  78. flex-direction: row;
  79. position: absolute;
  80. top: -96rpx;
  81. left: 200rpx;
  82. }
  83. .user_growth_box{
  84. overflow: hidden;
  85. }
  86. .RQcode{
  87. width: 80rpx;
  88. height: 80rpx;
  89. margin: 10rpx 10rpx 0 40rpx;
  90. float: left;
  91. }
  92. .memberLogo{
  93. width: 80rpx;
  94. height: 80rpx;
  95. margin: 10rpx 10rpx 0 60rpx;
  96. float: left;
  97. }
  98. .memberBox{
  99. float: left;
  100. }
  101. .memberCode{
  102. font-size: 24rpx;
  103. font-family: PingFangSC-Regular;
  104. font-weight: 400;
  105. color: rgba(166,166,166,1);
  106. line-height: 34rpx;
  107. margin: 10rpx 0 0 20rpx;
  108. }
  109. .user-phone {
  110. font-family: PingFangSC-Regular;
  111. letter-spacing: 0.64rpx;
  112. line-height: 44rpx;
  113. font-size: 36rpx;
  114. color: #000;
  115. padding: 0 20rpx 20rpx;
  116. text-align: center;
  117. }
  118. .user-avatar {
  119. position: absolute;
  120. width: 119rpx;
  121. height: 119rpx;
  122. border-radius: 50%;
  123. overflow: hidden;
  124. top:-133rpx;
  125. left: -500rpx;
  126. right: 0;
  127. margin: auto;
  128. }
  129. .marketTitleBox{
  130. border-radius: 16rpx 16rpx 0 0;
  131. background-color: #ff9933;
  132. overflow: hidden;
  133. }
  134. .marketName{
  135. margin: 30rpx 40rpx;
  136. font-weight: 600;
  137. width: 80%;
  138. font-size: 32rpx;
  139. color: #fff;
  140. }
  141. .levelName{
  142. font-size: 34rpx;
  143. font-weight: 600;
  144. margin: 0 40rpx 20rpx 40rpx ;
  145. width: 80%;
  146. color: #fff;
  147. }
  148. .chengzhang {
  149. font-size: 24rpx;
  150. font-weight: 400;
  151. color: #FFFFFF;
  152. padding: 0 8rpx;
  153. }
  154. .view {
  155. font-size: 24rpx;
  156. }
  157. .view image {
  158. width: 12rpx;
  159. vertical-align: middle;
  160. margin-top: -6rpx;
  161. }
  162. .bannerbg {
  163. width: 100%;
  164. }
  165. .bannerbg image {
  166. display: block;
  167. width: 100%;
  168. }
  169. .open01 {
  170. display: block;
  171. width: 120rpx;
  172. height: 120rpx;
  173. }
  174. .user-btns{
  175. display: flex;
  176. text-align: center;
  177. flex-wrap: wrap;
  178. width: 94%;
  179. background: #fff;
  180. border-radius: 16rpx;
  181. margin: 30rpx auto ;
  182. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  183. }
  184. .user-btns navigator{
  185. width: 25%;
  186. height: 160rpx;
  187. }
  188. .user-btns:nth-of-type(3){
  189. margin-bottom: 0;
  190. }
  191. .user-btns .user-btn {
  192. font-size: 30rpx;
  193. letter-spacing: 1.16rpx;
  194. }
  195. .top-content{
  196. width: 100%;
  197. height: auto;
  198. }
  199. .user_title{
  200. position: relative;
  201. width: 94%;
  202. background: #fff;
  203. border-radius: 16rpx;
  204. margin: -100rpx auto 0;
  205. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  206. }
  207. .btns_bg{
  208. width: 94%;
  209. background: #fff;
  210. border-radius: 16rpx;
  211. margin: 30rpx auto;
  212. padding: 20rpx 0;
  213. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  214. }
  215. .user-btns .user-btn > view {
  216. padding: 20rpx 10px ;
  217. font-size: 28rpx;
  218. color: #888;
  219. letter-spacing: 1.16rpx;
  220. text-align: center;
  221. }
  222. .iconfont {
  223. position: absolute;
  224. right: 0;
  225. top: 0;
  226. bottom: 0;
  227. width: 30rpx;
  228. height: 30rpx;
  229. line-height: 44rpx;
  230. color: #c7c7cc;
  231. font-size: 44rpx;
  232. margin: auto;
  233. }
  234. .look {
  235. display: inline-block;
  236. padding-right: 25rpx;
  237. }
  238. .user{
  239. position: relative;
  240. }
  241. .user .version{
  242. position: absolute;
  243. top: 140rpx;
  244. left:30rpx;
  245. width: 307rpx;
  246. height: 50rpx;
  247. text-align: center;
  248. font-size: 30rpx;
  249. color: #999;
  250. z-index: 100;
  251. }
  252. .user-out-btn {
  253. background-color: #fff;
  254. height: 100rpx;
  255. line-height: 100rpx;
  256. font-family: PingFangSC-Semibold;
  257. font-size: 30rpx;
  258. color: #000;
  259. text-align: center;
  260. border-radius: 0;
  261. border: none;
  262. }
  263. .user-out-btn.button-hover {
  264. background-color: rgba(237, 237, 237, 1);
  265. }
  266. .user-out-btn::after {
  267. opacity: 0;
  268. }
  269. .gzh button::after {
  270. border: none!important;
  271. }
  272. .gzh {
  273. width: 100%;
  274. height: 170rpx;
  275. z-index: 10;
  276. background: #fff;
  277. border-radius: 16rpx;
  278. overflow: hidden;
  279. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  280. }
  281. .act {
  282. display: none;
  283. }
  284. .of {
  285. width: 90%;
  286. margin: 30rpx auto;
  287. height: auto;
  288. background: #fff;
  289. border-radius: 16rpx;
  290. overflow: hidden;
  291. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  292. }
  293. .of1{
  294. width: 90%;
  295. margin: auto;
  296. height: 160rpx;
  297. background: #fff;
  298. border-radius: 16rpx;
  299. overflow: hidden;
  300. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  301. display: flex;
  302. }
  303. .of1 .img{
  304. width:100rpx;
  305. height: 100rpx;
  306. }
  307. .activeimg {
  308. width: 200rpx !important;
  309. position: absolute;
  310. bottom: 0;
  311. right: 0;
  312. z-index: 10000;
  313. }
  314. .edit {
  315. width: 26rpx;
  316. vertical-align: middle;
  317. }
  318. .qrcode{
  319. display: none;
  320. }
  321. .qrcode image {
  322. width: 70rpx;
  323. margin-right: 20rpx;
  324. }
  325. .edits {
  326. margin-top: 44rpx;
  327. }
  328. .showQrcode {
  329. position: fixed;
  330. top: 0;
  331. left: 0;
  332. right: 0;
  333. bottom: 0;
  334. z-index: 1000;
  335. background: rgba(0, 0, 0, 0.6);
  336. }
  337. .qrcodes {
  338. position: absolute;
  339. width: 400rpx;
  340. height: 440rpx;
  341. top: 0;
  342. left: 0;
  343. right: 0;
  344. bottom: 0;
  345. border-radius: 15rpx;
  346. margin: auto;
  347. background: #fff;
  348. text-align: center;
  349. }
  350. .qrcodes text {
  351. text-align: center;
  352. font-size: 26rpx;
  353. display: inline-block;
  354. line-height: 40rpx;
  355. }
  356. .container-box {
  357. width: 100%;
  358. height: 100%;
  359. background: 0 0 0 0.6;
  360. position: relative;
  361. }
  362. .img-box {
  363. width: 500rpx;
  364. margin: 200rpx auto 0;
  365. background-color: #fff;
  366. border-radius: 16rpx;
  367. }
  368. .img-box text {
  369. display: block;
  370. text-align: center;
  371. font-size: 28rpx;
  372. }
  373. .img-box image {
  374. display: block;
  375. width: 500rpx;
  376. }
  377. .input-row {
  378. border-bottom: 1rpx solid #e5e5e5;
  379. border-top: 1rpx solid #e5e5e5;
  380. display: flex;
  381. align-items: center;
  382. height: 100rpx;
  383. padding: 0 32rpx;
  384. background-color: #fff;
  385. font-size: 34rpx;
  386. color: #000;
  387. }
  388. .input-row input {
  389. margin-left: 100rpx;
  390. flex: 1;
  391. }
  392. .mybtn {
  393. width: 686rpx;
  394. margin: 60rpx auto;
  395. }
  396. .mask {
  397. position: fixed;
  398. top: 0;
  399. left: 0;
  400. z-index: 3;
  401. width: 100%;
  402. height: 100%;
  403. opacity: 0;
  404. }
  405. .canvas-box {
  406. position: fixed;
  407. width: 500rpx;
  408. height: 587rpx;
  409. overflow: hidden;
  410. left: 0;
  411. top: 0;
  412. bottom: 0;
  413. right: 0;
  414. margin: auto;
  415. background: #fff;
  416. border-radius: 16rpx;
  417. }
  418. .showQrcode text{
  419. display: block;
  420. text-align: center;
  421. font-size: 28rpx;
  422. }
  423. .membercode {
  424. margin-top: 20rpx;
  425. }
  426. .top{
  427. width: 100%;
  428. height: 234rpx;
  429. position: relative;
  430. }
  431. .usre_level{
  432. height:32rpx;
  433. border-radius:9px 9px 9px 0px;
  434. font-family:PingFangSC-Regular;
  435. font-weight:400;
  436. color:rgba(255,255,255,1);
  437. line-height:32rpx;
  438. float: left;
  439. margin-top: 8rpx;
  440. }
  441. .my{
  442. font-size:24rpx;
  443. font-family:PingFangSC-Regular;
  444. font-weight:400;
  445. color:rgba(166,166,166,1);
  446. line-height:34rpx;
  447. }
  448. .chengzhang_h{
  449. /* color: #fff; */
  450. font-size:28rpx;
  451. margin-right: 10rpx;
  452. /* font-weight: 600; */
  453. }
  454. .my_line{
  455. margin: 0 10rpx;
  456. }
  457. .usre_level{
  458. font-size:20rpx;
  459. }
  460. .name{
  461. float: left;
  462. }
  463. .aboutUs{
  464. border-radius: 12rpx;
  465. background: #fff;
  466. position: absolute;
  467. top: 40rpx;
  468. right: 20rpx;
  469. display: flex;
  470. padding: 10rpx 20rpx;
  471. }
  472. .aboutUs .aboutIcons {
  473. display: block;
  474. width: 50rpx;
  475. height: 40rpx;
  476. line-height: 40rpx;
  477. }
  478. .aboutUs text {
  479. margin-left: 10rpx;
  480. line-height: 55rpx;
  481. font-size: 28rpx;
  482. color: #888;
  483. }