setWifi.wxss 1.4 KB

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