QRCode.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-6190a91a {
  4. display: flex;
  5. flex-direction: column;
  6. padding: 0 40rpx;
  7. min-height: 100vh;
  8. background-color: #f1f6fe;
  9. }
  10. .container .code.data-v-6190a91a {
  11. margin-top: 42rpx;
  12. width: 670rpx;
  13. height: 795rpx;
  14. }
  15. .container .code .code_top.data-v-6190a91a {
  16. display: flex;
  17. flex-direction: column;
  18. align-items: center;
  19. height: 679rpx;
  20. border-radius: 18rpx 18rpx 0 0;
  21. background-color: rgba(0, 97, 255, 0.8);
  22. }
  23. .container .code .code_top .top_title.data-v-6190a91a {
  24. margin: 50rpx 0 40rpx 0;
  25. color: #fff;
  26. font-size: 44rpx;
  27. }
  28. .container .code .code_top .top_code.data-v-6190a91a {
  29. display: flex;
  30. flex-direction: column;
  31. justify-content: space-evenly;
  32. align-items: center;
  33. width: 406rpx;
  34. height: 456rpx;
  35. border-radius: 0 30rpx 0 30rpx;
  36. background-color: #fff;
  37. }
  38. .container .code .code_top .top_code .code_info.data-v-6190a91a {
  39. display: flex;
  40. align-items: center;
  41. font-size: 28rpx;
  42. }
  43. .container .code .code_top .top_code .code_info .code_log.data-v-6190a91a {
  44. margin-right: 18rpx;
  45. width: 40rpx;
  46. height: 40rpx;
  47. }
  48. .container .code .code_bottom.data-v-6190a91a {
  49. display: flex;
  50. justify-content: center;
  51. align-items: center;
  52. height: 116rpx;
  53. font-size: 38rpx;
  54. border-radius: 0 0 18rpx 18rpx;
  55. background-color: #fff;
  56. }
  57. .container .tips.data-v-6190a91a {
  58. margin-top: 70rpx;
  59. text-align: center;
  60. color: #a6a6a6;
  61. }
  62. .container .btn.data-v-6190a91a {
  63. display: flex;
  64. justify-content: center;
  65. align-items: center;
  66. margin-top: 80rpx;
  67. width: 670rpx;
  68. height: 100rpx;
  69. font-size: 32rpx;
  70. color: #fff;
  71. border-radius: 8rpx;
  72. background-color: #0061ff;
  73. }