C端小程序
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

372 wiersze
5.1 KiB

  1. page{
  2. height: 100%;
  3. overflow: hidden;
  4. }
  5. .icons {
  6. width: 40rpx;
  7. margin-right: 20rpx;
  8. vertical-align: middle;
  9. }
  10. .user {
  11. background: #fff;
  12. min-height: 100vh;
  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: -116rpx auto 0;
  29. border-bottom: 6rpx solid #02c0ff;
  30. }
  31. .version {
  32. width: 500rpx;
  33. height: 90rpx;
  34. line-height: 90rpx;
  35. text-align: center;
  36. font-size: 30rpx;
  37. color: #999;
  38. margin: 0 auto;
  39. }
  40. .couponnum {
  41. display: inline-block;
  42. position: absolute;
  43. top: 39rpx;
  44. bottom: 0;
  45. right: 20px;
  46. width: 16rpx;
  47. height: 16rpx;
  48. border-radius: 50%;
  49. background: red;
  50. font-size: 22rpx;
  51. }
  52. .user-avatar open-data {
  53. display: block;
  54. width: 100%;
  55. height: 100%;
  56. }
  57. .user-phone {
  58. font-family: PingFangSC-Regular;
  59. height: 120rpx;
  60. margin-left: 149rpx;
  61. letter-spacing: 0.64rpx;
  62. line-height: 44rpx;
  63. margin-top: 43rpx;
  64. font-size: 36rpx;
  65. color: #000;
  66. }
  67. .user-avatar {
  68. position: absolute;
  69. left: 30rpx;
  70. top: 0;
  71. bottom: 0;
  72. width: 120rpx;
  73. height: 120rpx;
  74. border-radius: 50%;
  75. overflow: hidden;
  76. margin: auto;
  77. }
  78. .chengzhang {
  79. font-size: 24rpx;
  80. font-weight: 400;
  81. color: rgba(122, 122, 122, 1);
  82. margin-left: 10rpx;
  83. }
  84. .chengzhang1 {
  85. position: absolute;
  86. right: 0;
  87. bottom: 0;
  88. top: 0;
  89. margin: auto;
  90. text-align: center;
  91. }
  92. .chengzhang1 text {
  93. display: block;
  94. }
  95. .view {
  96. font-size: 24rpx;
  97. color: #01bffe;
  98. }
  99. .view image {
  100. width: 12rpx;
  101. vertical-align: middle;
  102. margin-top: -6rpx;
  103. }
  104. .chengzhang1 text {
  105. text-align: center;
  106. font-size: 26rpx;
  107. color: #333;
  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: 65rpx;
  126. padding: 0 30rpx;
  127. }
  128. .user-btns .user-btn {
  129. display: flex;
  130. height: 100rpx;
  131. font-size: 30rpx;
  132. color: #333;
  133. letter-spacing: 1.16rpx;
  134. line-height: 100rpx;
  135. border-bottom: 1rpx solid #efefef;
  136. }
  137. .user-btns .user-btn > view {
  138. flex: 1;
  139. padding: 0 10px 0 0;
  140. font-size: 30rpx;
  141. color: #333;
  142. letter-spacing: 1.16rpx;
  143. }
  144. .user-btns .user-btn > view:last-child {
  145. font-size: 28rpx;
  146. color: #888;
  147. letter-spacing: 1.16rpx;
  148. text-align: right;
  149. }
  150. .iconfont {
  151. position: absolute;
  152. right: 0;
  153. top: 0;
  154. bottom: 0;
  155. width: 30rpx;
  156. height: 30rpx;
  157. line-height: 44rpx;
  158. color: #c7c7cc;
  159. font-size: 44rpx;
  160. margin: auto;
  161. }
  162. .look {
  163. display: inline-block;
  164. padding-right: 25rpx;
  165. }
  166. .user-out-btn {
  167. background-color: #fff;
  168. height: 100rpx;
  169. line-height: 100rpx;
  170. font-family: PingFangSC-Semibold;
  171. font-size: 30rpx;
  172. color: #000;
  173. text-align: center;
  174. border-radius: 0;
  175. border: none;
  176. }
  177. .user-out-btn.button-hover {
  178. background-color: rgba(237, 237, 237, 1);
  179. }
  180. .user-out-btn::after {
  181. opacity: 0;
  182. }
  183. .gzh {
  184. /* display: none; */
  185. position: absolute;
  186. bottom: 16%;
  187. width: 90%;
  188. left: 0;
  189. right: 0;
  190. margin: auto;
  191. z-index: 10;
  192. background: #ccc;
  193. border-radius: 16rpx;
  194. overflow: hidden;
  195. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  196. }
  197. .act {
  198. display: none;
  199. }
  200. .of {
  201. display: block;
  202. margin-top: 40rpx;
  203. height: 170rpx;
  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. .memberIds {
  325. }