setWifi.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. .container {
  2. padding-inline: 20rpx;
  3. }
  4. .wifi_icon {
  5. margin-top: 40rpx;
  6. width: 100%;
  7. height: 200rpx;
  8. display: flex;
  9. justify-content: center;
  10. align-items: center;
  11. }
  12. .wifi_icon>image {
  13. width: 229rpx;
  14. height: 200rpx;
  15. }
  16. .title {
  17. margin-top: 20px;
  18. font-size: 40rpx;
  19. color: #333333;
  20. margin-bottom: 20px;
  21. width: 100%;
  22. display: flex;
  23. justify-content: center;
  24. align-items: center;
  25. font-weight: bold;
  26. }
  27. .input-group {
  28. margin-bottom: 15px;
  29. height: 80rpx;
  30. border-radius: 40rpx;
  31. }
  32. .input-with-icon {
  33. position: relative;
  34. display: flex;
  35. align-items: center;
  36. border: 1px solid #ccc;
  37. padding: 10px;
  38. border-radius: 5px;
  39. }
  40. .icon {
  41. width: 40rpx;
  42. height: 40rpx;
  43. margin-right: 10px;
  44. color: black;
  45. }
  46. .eye-icon {
  47. width: 20px;
  48. height: 20px;
  49. margin-left: 10px;
  50. }
  51. .input {
  52. flex: 1;
  53. border: none;
  54. outline: none;
  55. font-size: 16px;
  56. }
  57. .title_tips {
  58. margin-top: 40rpx;
  59. width: 100%;
  60. display: flex;
  61. justify-content: center;
  62. align-items: center;
  63. color: #333333;
  64. }
  65. .confirm-button {
  66. margin-top: 60rpx;
  67. background-color: rgb(211, 118, 88);
  68. color: white;
  69. border: none;
  70. height: 88rpx;
  71. margin-inline: 80rpx;
  72. border-radius: 44rpx;
  73. justify-content: center;
  74. align-items: center;
  75. display: flex;
  76. }