C端小程序
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

373 строки
5.2 KiB

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