C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

370 Zeilen
5.2 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. .user-title {
  16. position: relative;
  17. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  18. border-radius: 8px;
  19. width: 94%;
  20. padding-left: 30rpx;
  21. display: flex;
  22. flex-direction: row;
  23. box-sizing: border-box;
  24. background: #fff;
  25. margin: 28rpx auto 0;
  26. border-bottom: 6rpx solid orange;
  27. }
  28. .version {
  29. position: absolute;
  30. right: 0;
  31. width: 307rpx;
  32. height: 50rpx;
  33. bottom: 0;
  34. text-align: center;
  35. font-size: 15rpx;
  36. color: #999;
  37. }
  38. .couponnum {
  39. display: inline-block;
  40. position: absolute;
  41. top: 39rpx;
  42. bottom: 0;
  43. right: 20px;
  44. width: 16rpx;
  45. height: 16rpx;
  46. border-radius: 50%;
  47. background: red;
  48. font-size: 22rpx;
  49. }
  50. .user-avatar open-data {
  51. display: block;
  52. width: 100%;
  53. height: 100%;
  54. }
  55. .user-phone {
  56. font-family: PingFangSC-Regular;
  57. height: 120rpx;
  58. margin-left: 149rpx;
  59. letter-spacing: 0.64rpx;
  60. line-height: 44rpx;
  61. margin-top: 43rpx;
  62. font-size: 36rpx;
  63. color: #000;
  64. }
  65. .user-avatar {
  66. position: absolute;
  67. left: 30rpx;
  68. top: 0;
  69. bottom: 0;
  70. width: 120rpx;
  71. height: 120rpx;
  72. border-radius: 50%;
  73. overflow: hidden;
  74. margin: auto;
  75. }
  76. .chengzhang {
  77. font-size: 24rpx;
  78. font-weight: 400;
  79. color: rgba(122, 122, 122, 1);
  80. margin-left: 10rpx;
  81. }
  82. .chengzhang1 {
  83. position: absolute;
  84. right: 0;
  85. bottom: 0;
  86. top: 0;
  87. margin: auto;
  88. text-align: center;
  89. }
  90. .chengzhang1 text {
  91. display: block;
  92. }
  93. .view {
  94. font-size: 24rpx;
  95. color: #AF6E34;
  96. }
  97. .view image {
  98. width: 12rpx;
  99. vertical-align: middle;
  100. margin-top: -6rpx;
  101. }
  102. .chengzhang1 text {
  103. text-align: center;
  104. font-size: 26rpx;
  105. line-height: 33rpx;
  106. margin-right: 30rpx;
  107. }
  108. .bannerbg {
  109. width: 100%;
  110. }
  111. .bannerbg image {
  112. display: block;
  113. width: 100%;
  114. }
  115. .open01 {
  116. display: block;
  117. width: 120rpx;
  118. height: 120rpx;
  119. }
  120. .user-btns{
  121. background: #fff;
  122. margin-top: 20rpx;
  123. display: flex;
  124. justify-content: space-around;
  125. text-align: center;
  126. margin-bottom: 50rpx;
  127. }
  128. .user-btns:nth-of-type(3){
  129. margin-bottom: 0;
  130. }
  131. .user-btns .user-btn {
  132. font-size: 30rpx;
  133. letter-spacing: 1.16rpx;
  134. }
  135. .btns_bg{
  136. width: 94%;
  137. background: #fff;
  138. border-radius: 16rpx;
  139. margin: 30rpx auto 0;
  140. padding: 20rpx 0;
  141. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  142. }
  143. .user-btns .user-btn > view {
  144. padding: 0 10px 20rpx 0;
  145. font-size: 28rpx;
  146. color: #888;
  147. letter-spacing: 1.16rpx;
  148. text-align: center;
  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: 70rpx;
  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. position:absolute;
  202. bottom:70rpx;
  203. left:0;
  204. right:0;
  205. height: 170rpx;
  206. }
  207. .activeimg {
  208. width: 200rpx !important;
  209. position: absolute;
  210. bottom: 0;
  211. right: 0;
  212. z-index: 10000;
  213. }
  214. .edit {
  215. width: 26rpx;
  216. vertical-align: middle;
  217. }
  218. .qrcode{
  219. display: none;
  220. }
  221. .qrcode image {
  222. width: 70rpx;
  223. margin-right: 20rpx;
  224. }
  225. .edits {
  226. margin-top: 44rpx;
  227. }
  228. .showQrcode {
  229. position: fixed;
  230. top: 0;
  231. left: 0;
  232. right: 0;
  233. bottom: 0;
  234. z-index: 1000;
  235. background: rgba(0, 0, 0, 0.6);
  236. }
  237. .qrcodes {
  238. position: absolute;
  239. width: 400rpx;
  240. height: 440rpx;
  241. top: 0;
  242. left: 0;
  243. right: 0;
  244. bottom: 0;
  245. border-radius: 15rpx;
  246. margin: auto;
  247. background: #fff;
  248. text-align: center;
  249. }
  250. .qrcodes text {
  251. text-align: center;
  252. font-size: 26rpx;
  253. display: inline-block;
  254. line-height: 40rpx;
  255. }
  256. .container-box {
  257. width: 100%;
  258. height: 100%;
  259. background: 0 0 0 0.6;
  260. position: relative;
  261. }
  262. .img-box {
  263. width: 500rpx;
  264. margin: 200rpx auto 0;
  265. background-color: #fff;
  266. border-radius: 16rpx;
  267. }
  268. .img-box text {
  269. display: block;
  270. text-align: center;
  271. font-size: 28rpx;
  272. }
  273. .img-box image {
  274. display: block;
  275. width: 500rpx;
  276. }
  277. .input-row {
  278. border-bottom: 1rpx solid #e5e5e5;
  279. border-top: 1rpx solid #e5e5e5;
  280. display: flex;
  281. align-items: center;
  282. height: 100rpx;
  283. padding: 0 32rpx;
  284. background-color: #fff;
  285. font-size: 34rpx;
  286. color: #000;
  287. }
  288. .input-row input {
  289. margin-left: 100rpx;
  290. flex: 1;
  291. }
  292. .mybtn {
  293. width: 686rpx;
  294. margin: 60rpx auto;
  295. }
  296. .mask {
  297. position: fixed;
  298. top: 0;
  299. left: 0;
  300. z-index: 3;
  301. width: 100%;
  302. height: 100%;
  303. opacity: 0;
  304. }
  305. .canvas-box {
  306. position: fixed;
  307. width: 500rpx;
  308. height: 587rpx;
  309. overflow: hidden;
  310. left: 0;
  311. top: 0;
  312. bottom: 0;
  313. right: 0;
  314. margin: auto;
  315. background: #fff;
  316. border-radius: 16rpx;
  317. }
  318. .showQrcode text{
  319. display: block;
  320. text-align: center;
  321. font-size: 28rpx;
  322. }
  323. .membercode {
  324. margin-top: 20rpx;
  325. }
  326. .memberIds {
  327. }