index.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .business-info {
  2. width: 100%;
  3. padding: 32rpx 0 82rpx;
  4. .box {
  5. display: flex;
  6. justify-content: center;
  7. align-items: center;
  8. width: 100%;
  9. &.tel {
  10. margin-top: 46rpx;
  11. }
  12. }
  13. .label {
  14. width: 112rpx;
  15. height: 112rpx;
  16. }
  17. .business-name-icon {
  18. display: flex;
  19. align-items: center;
  20. justify-content: center;
  21. width: 112rpx;
  22. height: 112rpx;
  23. font-size: 40rpx;
  24. color: rgb(139, 157, 177);
  25. }
  26. .value {
  27. width: 484rpx;
  28. margin-right: 62rpx;
  29. line-height: 42rpx;
  30. font-size: 28rpx;
  31. color: rgba(0, 28, 51, 1);
  32. word-break: break-all;
  33. word-wrap: break-word;
  34. }
  35. .arrow {
  36. width: 16rpx;
  37. height: 28rpx;
  38. }
  39. }
  40. .qrcode {
  41. display: flex;
  42. align-items: center;
  43. justify-content: center;
  44. width: 432rpx;
  45. height: 428rpx;
  46. margin: 46rpx auto 0;
  47. border-radius: 20rpx;
  48. box-shadow: 0 4rpx 20rpx 0 rgba(0, 0, 0, 0.1);
  49. .code {
  50. width: 404rpx;
  51. height: 400rpx;
  52. border-radius: 20rpx;
  53. overflow: hidden;
  54. }
  55. }
  56. .tip {
  57. margin-top: 28rpx;
  58. font-size: 24rpx;
  59. line-height: 30rpx;
  60. color: rgba(163, 163, 163, 1);
  61. text-align: center;
  62. }