qrcode.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /* 二维码弹窗 */
  2. .public_dialog {
  3. background-color: rgba(1, 1, 1, 0.6);
  4. position: fixed;
  5. top: 0;
  6. left: 0;
  7. width: 100%;
  8. height: 100%;
  9. z-index: 2;
  10. display: flex;
  11. align-items: center;
  12. justify-content: center;
  13. }
  14. .code_inner {
  15. width: 600upx;
  16. border-radius: 24upx;
  17. position: relative;
  18. background-color: #fff;
  19. padding: 60upx 0 50upx;
  20. display: flex;
  21. flex-direction: column;
  22. align-items: center;
  23. justify-content: center;
  24. }
  25. .code_img_out {
  26. width: 44upx;
  27. height: 44upx;
  28. position: absolute;
  29. right: 10upx;
  30. top: 10upx;
  31. z-index: 1;
  32. padding: 10upx;
  33. }
  34. .code_img {
  35. width: 100%;
  36. height: 200upx;
  37. position: absolute;
  38. top: 0;
  39. left: 0;
  40. }
  41. .code_tit {
  42. font-size: 40upx;
  43. font-weight: 500;
  44. position: relative;
  45. color: #fff;
  46. }
  47. .code_card {
  48. font-size: 28upx;
  49. font-family: Arial;
  50. font-weight: 400;
  51. color: rgba(255, 255, 255, 1);
  52. margin: 23upx 0 107upx;
  53. position: relative;
  54. }
  55. .code_subtit {
  56. font-size: 28upx;
  57. }
  58. .code_con {
  59. margin: 30upx 0;
  60. width: 340upx;
  61. height: 340upx;
  62. }
  63. .code_tip {
  64. font-size: 26upx;
  65. color: #a6a6a6;
  66. }
  67. .qr_code {
  68. box-sizing: content-box;
  69. width: 340upx;
  70. height: 340upx;
  71. padding: 10upx 0;
  72. }