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.

395 lines
5.8 KiB

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