index.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .wux-qrcode {
  2. display: flex;
  3. justify-content: center;
  4. align-items: center;
  5. position: relative;
  6. width: 100%;
  7. height: 100%;
  8. overflow: hidden
  9. }
  10. .wux-qrcode__canvas {
  11. position: absolute;
  12. left: -9999em;
  13. top: -9999em;
  14. opacity: 0;
  15. visibility: hidden
  16. }
  17. .wux-qrcode__image {
  18. display: flex;
  19. width: 100%;
  20. height: 100%
  21. }
  22. .wux-qrcode__mask {
  23. position: absolute;
  24. z-index: 10;
  25. display: flex;
  26. flex-direction: column;
  27. justify-content: center;
  28. align-items: center;
  29. width: 100%;
  30. height: 100%;
  31. color: rgba(0,0,0,.85);
  32. background: rgba(255,255,255,.85);
  33. text-align: center;
  34. font-size: 28rpx;
  35. line-height: 1.5
  36. }
  37. .wux-qrcode__expired {
  38. color: rgba(0,0,0,.85)
  39. }
  40. .wux-qrcode__refresh {
  41. position: relative;
  42. display: flex;
  43. align-items: center;
  44. font-weight: 400;
  45. white-space: nowrap;
  46. text-align: center;
  47. height: 64rpx;
  48. padding: 8rpx 30rpx;
  49. box-sizing: border-box;
  50. color: #108ee9
  51. }
  52. .wux-qrcode__icon {
  53. display: inline-flex;
  54. vertical-align: middle;
  55. font-size: 0;
  56. margin-right: 10rpx
  57. }