index.acss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .healthy-card-qrcode-container {
  2. height: 100%;
  3. display: block;
  4. padding-top: 120rpx;
  5. background-color: #329AE0;
  6. }
  7. .healthy-card-qrcode-container .card-container {
  8. width: 600rpx;
  9. margin: auto;
  10. overflow: hidden;
  11. border-radius: 16rpx;
  12. background-color: #fff;
  13. }
  14. .healthy-card-qrcode-container .card-header {
  15. height: 135rpx;
  16. display: flex;
  17. padding: 0 24rpx;
  18. align-items: center;
  19. justify-content: space-between;
  20. background-color: #F2F2F2;
  21. }
  22. .healthy-card-qrcode-container .qrcode-container {
  23. height: 600rpx;
  24. position: relative;
  25. display: flex;
  26. align-items: center;
  27. justify-content: center;
  28. }
  29. .healthy-card-qrcode-container .qrcode-container .loading-container {
  30. width: 100%;
  31. height: 100%;
  32. display: flex;
  33. align-items: center;
  34. justify-content: center;
  35. }
  36. .healthy-card-qrcode-container .qrcode-container .qrcode-img {
  37. z-index: 1;
  38. width: 80% !important;
  39. height: 80% !important;
  40. position: relative;
  41. }
  42. .healthy-card-qrcode-container .qrcode-container .logo-container {
  43. width: 70rpx;
  44. height: 70rpx;
  45. left: 50%;
  46. top: 50%;
  47. z-index: 2;
  48. overflow: hidden;
  49. border-radius: 12rpx;
  50. position: absolute;
  51. background-color: #f9f9f9;
  52. transform: translate3d(-50%, -50%, 0);
  53. }
  54. .healthy-card-qrcode-container .qrcode-container .logo-container image {
  55. width: 100%;
  56. height: 100%;
  57. }
  58. .healthy-card-qrcode-container .user-name {
  59. color: #333;
  60. font-size: 32rpx;
  61. margin-bottom: 16rpx;
  62. }
  63. .healthy-card-qrcode-container .user-id-card {
  64. color: #333;
  65. font-size: 32rpx;
  66. }
  67. .healthy-card-qrcode-container .refresh-icon {
  68. width: 40rpx;
  69. height: 40rpx;
  70. margin-bottom: 10rpx;
  71. }
  72. .healthy-card-qrcode-container .card-header-right {
  73. color: #329AE0;
  74. display: flex;
  75. font-size: 30rpx;
  76. flex-direction: column;
  77. align-items: center;
  78. justify-content: center;
  79. }
  80. .healthy-card-qrcode-container .butBox {
  81. display: flex;
  82. justify-content: center;
  83. }
  84. .healthy-card-qrcode-container .but {
  85. width: 600rpx;
  86. margin-top: 24rpx;
  87. background-color: #0578c5;
  88. border-radius: 12rpx;
  89. color: #fff;
  90. border: none;
  91. }