C端集团版
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

436 satır
6.5 KiB

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