checkIn.wxss 922 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. page {
  2. display: flex;
  3. flex-direction: column;
  4. }
  5. .container {
  6. flex: 1;
  7. margin: 35rpx 30rpx;
  8. background: #FFFFFF;
  9. border-radius: 20rpx;
  10. display: flex;
  11. flex-direction: column;
  12. align-items: center;
  13. }
  14. .wifi-title {
  15. margin-top: 90rpx;
  16. margin-left: 50rpx;
  17. margin-right: 50rpx;
  18. font-size: 32rpx;
  19. font-weight: 550;
  20. color: #333333;
  21. }
  22. .wifi-tip {
  23. margin-top: 50rpx;
  24. font-size: 26rpx;
  25. font-weight: 400;
  26. color: #666666;
  27. }
  28. .btn {
  29. margin-top: 70rpx;
  30. padding: 25rpx 130rpx;
  31. display: flex;
  32. flex-direction: column;
  33. opacity: 0.9;
  34. border-radius: 69rpx;
  35. align-items: center;
  36. }
  37. .btn-active {
  38. background: linear-gradient(0deg, #FF4330 0%, #FF7B60 100%);
  39. box-shadow: 0 11rpx 21rpx 0 rgba(255, 67, 48, 0.47);
  40. }
  41. .check-status {
  42. font-size: 26rpx;
  43. font-weight: 400;
  44. color: #FFFFFF;
  45. }
  46. .check-hover {
  47. opacity: 0.7;
  48. }