随手精灵小程序,单独为了获取WIFI信息加强围栏告警功能能力
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

98 行
1.7KB

  1. /* pages/home/home.wxss.wxss */
  2. .home-container {
  3. position: relative;
  4. height: 100vh;
  5. overflow: hidden;
  6. background-color: #f2f4f5;
  7. }
  8. .header {
  9. height: 80px;
  10. display: flex;
  11. justify-content: center;
  12. align-items: center;
  13. padding: 0 20px;
  14. background-color: #fff;
  15. font-size: 14px;
  16. color: gray;
  17. }
  18. .disable-wlan {
  19. height: 50px;
  20. line-height: 50px;
  21. margin-top: 15px;
  22. padding: 0 20px;
  23. display: flex;
  24. justify-content: space-between;
  25. align-items: center;
  26. background-color: white;
  27. }
  28. .disable-wlan-btn {
  29. width: 120px;
  30. display: flex;
  31. justify-content: space-between;
  32. align-items: center;
  33. }
  34. .refresh-img {
  35. height: 25px;
  36. width: 25px;
  37. }
  38. .body {
  39. height: calc(100vh - 205px);
  40. width: 100%;
  41. overflow: auto;
  42. background-color: #f2f4f5;
  43. }
  44. .wlan-list {
  45. flex: 1;
  46. width: 100%;
  47. background-color: #f2f4f5;
  48. overflow: auto;
  49. }
  50. .wlan-list-empty {
  51. height: 100%;
  52. display: flex;
  53. justify-content: center;
  54. align-items: center;
  55. flex-direction: column;
  56. }
  57. .no_wifi {
  58. height: 80px;
  59. width: 80px;
  60. margin-bottom: 10px;
  61. opacity: .6;
  62. }
  63. button {
  64. width: 120px;
  65. margin: 10px 0;
  66. }
  67. .wlan-item {
  68. height: 65px;
  69. line-height: 65px;
  70. padding: 0 20px;
  71. margin: 5px 0;
  72. background-color: #fff;
  73. white-space: nowrap;
  74. overflow-y: hidden;
  75. }
  76. .wlan-item-text {
  77. font-size: 14px;
  78. }
  79. .isConnect {
  80. color: #2599ff;
  81. }
  82. .footer {
  83. height: 55px;
  84. display: flex;
  85. justify-content: center;
  86. align-items: center;
  87. color: #2599ff;
  88. background-color: #fff;
  89. position: absolute;
  90. bottom: 5px;
  91. left: 0;
  92. right: 0;
  93. }
  94. .help {
  95. height: 25px;
  96. width: 25px;
  97. margin-right: 5px;
  98. }