workbench.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. /* pages/workbench/workbench.wxss */
  2. .work-content {
  3. background-color: #F7F7F7;
  4. padding-top: 1rpx;
  5. position: relative;
  6. }
  7. .notice {
  8. width: 100%;
  9. height: 68rpx;
  10. font-size: 26rpx;
  11. color: #333333;
  12. text-align: center;
  13. line-height: 68rpx;
  14. background-color:rgba(69, 166, 181, 0.2);
  15. }
  16. .account-info {
  17. width: 690rpx;
  18. height: 160rpx;
  19. margin: 20rpx auto 0;
  20. background: #FFFFFF;
  21. border-radius: 20rpx;
  22. }
  23. .half {
  24. width: 50%;
  25. height: 100%;
  26. }
  27. .head-img {
  28. width: 80rpx;
  29. height: 80rpx;
  30. border-radius: 50%;
  31. margin: 0 14rpx 0 20rpx;
  32. }
  33. .username {
  34. font-size: 30rpx;
  35. font-weight: bold;
  36. color: #333333;
  37. }
  38. .usernum {
  39. font-size: 26rpx;
  40. font-weight: 400;
  41. color: #999999;
  42. }
  43. .basetext {
  44. font-size: 26rpx;
  45. font-weight: 400;
  46. color: #45A6B5;
  47. text-align: right;
  48. }
  49. .arror {
  50. width: 14rpx;
  51. height: 25rpx;
  52. margin: 0 20rpx;
  53. }
  54. .right {
  55. display: flex;
  56. justify-content: flex-end;
  57. align-items: center;
  58. }
  59. .reauth-btn {
  60. width: 196rpx;
  61. height: 60rpx;
  62. background: #45A6B5;
  63. border-radius: 10rpx;
  64. margin-right: 20rpx;
  65. }
  66. .tips {
  67. width: 690rpx;
  68. margin: 40rpx auto 20rpx;
  69. font-size: 30rpx;
  70. font-weight: bold;
  71. color: #333333;
  72. text-align: center;
  73. }
  74. .main-scan {
  75. margin-top: 312rpx;
  76. }
  77. .scanicon {
  78. width: 320rpx;
  79. height: 320rpx;
  80. margin: 0 auto;
  81. }
  82. .camera {
  83. width: 100%;
  84. height: calc(100% - 200rpx);
  85. }
  86. .overlay {
  87. position: absolute;
  88. top: 0;
  89. background-color: rgba(0,0,0,0.3);
  90. display: flex;
  91. justify-content: center;
  92. align-items: center;
  93. }
  94. .modal {
  95. width: 558rpx;
  96. height: 584rpx;
  97. background: #FFFFFF;
  98. border-radius: 20rpx;
  99. }
  100. .title {
  101. font-size: 30rpx;
  102. font-weight: bold;
  103. color: #333333;
  104. text-align: center;
  105. margin-top: 20rpx;
  106. margin-bottom: 40rpx;
  107. }
  108. .info {
  109. font-size: 30rpx;
  110. font-weight: 400;
  111. color: #333333;
  112. text-indent: 48rpx;
  113. margin-bottom: 20rpx;
  114. }
  115. .bold {
  116. font-size: 48rpx;
  117. font-weight: bold;
  118. }
  119. .age {
  120. margin-bottom: 10rpx;
  121. }
  122. .btn {
  123. margin-top: 50rpx;
  124. }
  125. .itt-btn {
  126. width: 210rpx;
  127. height: 68rpx;
  128. border-radius: 10rpx;
  129. }
  130. .cancel {
  131. margin: 0 40rpx 0 48rpx;
  132. background-color: #fff;
  133. color: #333333;
  134. border: 1rpx solid #333333;
  135. }