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.

434 lines
6.5 KiB

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