移动储能车V1版本
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.css 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. *
  7. */
  8. /**
  9. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  10. *
  11. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  12. */
  13. /* 颜色变量 */
  14. /* 行为相关颜色 */
  15. /* 文字基本颜色 */
  16. /* 背景颜色 */
  17. /* 边框颜色 */
  18. /* 尺寸变量 */
  19. /* 文字尺寸 */
  20. /* 图片尺寸 */
  21. /* Border Radius */
  22. /* 水平间距 */
  23. /* 垂直间距 */
  24. /* 透明度 */
  25. /* 文章场景相关 */
  26. .uni-popup-message[data-v-a4566996] {
  27. display: flex;
  28. flex-direction: row;
  29. justify-content: center;
  30. }
  31. .uni-popup-message__box[data-v-a4566996] {
  32. background-color: #e1f3d8;
  33. padding: 10px 15px;
  34. border-color: #eee;
  35. border-style: solid;
  36. border-width: 1px;
  37. flex: 1;
  38. }
  39. @media screen and (min-width: 500px) {
  40. .fixforpc-width[data-v-a4566996] {
  41. margin-top: 20px;
  42. border-radius: 4px;
  43. flex: none;
  44. min-width: 380px;
  45. max-width: 50%;
  46. }
  47. }
  48. .uni-popup-message-text[data-v-a4566996] {
  49. font-size: 14px;
  50. padding: 0;
  51. }
  52. .uni-popup__success[data-v-a4566996] {
  53. background-color: #e1f3d8;
  54. }
  55. .uni-popup__success-text[data-v-a4566996] {
  56. color: #67C23A;
  57. }
  58. .uni-popup__warn[data-v-a4566996] {
  59. background-color: #faecd8;
  60. }
  61. .uni-popup__warn-text[data-v-a4566996] {
  62. color: #E6A23C;
  63. }
  64. .uni-popup__error[data-v-a4566996] {
  65. background-color: #fde2e2;
  66. }
  67. .uni-popup__error-text[data-v-a4566996] {
  68. color: #F56C6C;
  69. }
  70. .uni-popup__info[data-v-a4566996] {
  71. background-color: #F2F6FC;
  72. }
  73. .uni-popup__info-text[data-v-a4566996] {
  74. color: #909399;
  75. }
  76. /**
  77. * 这里是uni-app内置的常用样式变量
  78. *
  79. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  80. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  81. *
  82. */
  83. /**
  84. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  85. *
  86. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  87. */
  88. /* 颜色变量 */
  89. /* 行为相关颜色 */
  90. /* 文字基本颜色 */
  91. /* 背景颜色 */
  92. /* 边框颜色 */
  93. /* 尺寸变量 */
  94. /* 文字尺寸 */
  95. /* 图片尺寸 */
  96. /* Border Radius */
  97. /* 水平间距 */
  98. /* 垂直间距 */
  99. /* 透明度 */
  100. /* 文章场景相关 */
  101. .uni-popup[data-v-4dd3c44b] {
  102. position: fixed;
  103. z-index: 99;
  104. }
  105. .uni-popup.top[data-v-4dd3c44b], .uni-popup.left[data-v-4dd3c44b], .uni-popup.right[data-v-4dd3c44b] {
  106. top: 0;
  107. }
  108. .uni-popup .uni-popup__wrapper[data-v-4dd3c44b] {
  109. display: block;
  110. position: relative;
  111. /* iphonex 等安全区设置,底部安全区适配 */
  112. }
  113. .uni-popup .uni-popup__wrapper.left[data-v-4dd3c44b], .uni-popup .uni-popup__wrapper.right[data-v-4dd3c44b] {
  114. padding-top: 0;
  115. flex: 1;
  116. }
  117. .fixforpc-z-index[data-v-4dd3c44b] {
  118. z-index: 999;
  119. }
  120. .fixforpc-top[data-v-4dd3c44b] {
  121. top: 0;
  122. }
  123. /**
  124. * 这里是uni-app内置的常用样式变量
  125. *
  126. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  127. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  128. *
  129. */
  130. /**
  131. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  132. *
  133. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  134. */
  135. /* 颜色变量 */
  136. /* 行为相关颜色 */
  137. /* 文字基本颜色 */
  138. /* 背景颜色 */
  139. /* 边框颜色 */
  140. /* 尺寸变量 */
  141. /* 文字尺寸 */
  142. /* 图片尺寸 */
  143. /* Border Radius */
  144. /* 水平间距 */
  145. /* 垂直间距 */
  146. /* 透明度 */
  147. /* 文章场景相关 */
  148. .uniui-cart-filled[data-v-d31e1c47]:before {
  149. content: "\e6d0";
  150. }
  151. .uniui-gift-filled[data-v-d31e1c47]:before {
  152. content: "\e6c4";
  153. }
  154. .uniui-color[data-v-d31e1c47]:before {
  155. content: "\e6cf";
  156. }
  157. .uniui-wallet[data-v-d31e1c47]:before {
  158. content: "\e6b1";
  159. }
  160. .uniui-settings-filled[data-v-d31e1c47]:before {
  161. content: "\e6ce";
  162. }
  163. .uniui-auth-filled[data-v-d31e1c47]:before {
  164. content: "\e6cc";
  165. }
  166. .uniui-shop-filled[data-v-d31e1c47]:before {
  167. content: "\e6cd";
  168. }
  169. .uniui-staff-filled[data-v-d31e1c47]:before {
  170. content: "\e6cb";
  171. }
  172. .uniui-vip-filled[data-v-d31e1c47]:before {
  173. content: "\e6c6";
  174. }
  175. .uniui-plus-filled[data-v-d31e1c47]:before {
  176. content: "\e6c7";
  177. }
  178. .uniui-folder-add-filled[data-v-d31e1c47]:before {
  179. content: "\e6c8";
  180. }
  181. .uniui-color-filled[data-v-d31e1c47]:before {
  182. content: "\e6c9";
  183. }
  184. .uniui-tune-filled[data-v-d31e1c47]:before {
  185. content: "\e6ca";
  186. }
  187. .uniui-calendar-filled[data-v-d31e1c47]:before {
  188. content: "\e6c0";
  189. }
  190. .uniui-notification-filled[data-v-d31e1c47]:before {
  191. content: "\e6c1";
  192. }
  193. .uniui-wallet-filled[data-v-d31e1c47]:before {
  194. content: "\e6c2";
  195. }
  196. .uniui-medal-filled[data-v-d31e1c47]:before {
  197. content: "\e6c3";
  198. }
  199. .uniui-fire-filled[data-v-d31e1c47]:before {
  200. content: "\e6c5";
  201. }
  202. .uniui-refreshempty[data-v-d31e1c47]:before {
  203. content: "\e6bf";
  204. }
  205. .uniui-location-filled[data-v-d31e1c47]:before {
  206. content: "\e6af";
  207. }
  208. .uniui-person-filled[data-v-d31e1c47]:before {
  209. content: "\e69d";
  210. }
  211. .uniui-personadd-filled[data-v-d31e1c47]:before {
  212. content: "\e698";
  213. }
  214. .uniui-arrowthinleft[data-v-d31e1c47]:before {
  215. content: "\e6d2";
  216. }
  217. .uniui-arrowthinup[data-v-d31e1c47]:before {
  218. content: "\e6d3";
  219. }
  220. .uniui-arrowthindown[data-v-d31e1c47]:before {
  221. content: "\e6d4";
  222. }
  223. .uniui-back[data-v-d31e1c47]:before {
  224. content: "\e6b9";
  225. }
  226. .uniui-forward[data-v-d31e1c47]:before {
  227. content: "\e6ba";
  228. }
  229. .uniui-arrow-right[data-v-d31e1c47]:before {
  230. content: "\e6bb";
  231. }
  232. .uniui-arrow-left[data-v-d31e1c47]:before {
  233. content: "\e6bc";
  234. }
  235. .uniui-arrow-up[data-v-d31e1c47]:before {
  236. content: "\e6bd";
  237. }
  238. .uniui-arrow-down[data-v-d31e1c47]:before {
  239. content: "\e6be";
  240. }
  241. .uniui-arrowthinright[data-v-d31e1c47]:before {
  242. content: "\e6d1";
  243. }
  244. .uniui-down[data-v-d31e1c47]:before {
  245. content: "\e6b8";
  246. }
  247. .uniui-bottom[data-v-d31e1c47]:before {
  248. content: "\e6b8";
  249. }
  250. .uniui-arrowright[data-v-d31e1c47]:before {
  251. content: "\e6d5";
  252. }
  253. .uniui-right[data-v-d31e1c47]:before {
  254. content: "\e6b5";
  255. }
  256. .uniui-up[data-v-d31e1c47]:before {
  257. content: "\e6b6";
  258. }
  259. .uniui-top[data-v-d31e1c47]:before {
  260. content: "\e6b6";
  261. }
  262. .uniui-left[data-v-d31e1c47]:before {
  263. content: "\e6b7";
  264. }
  265. .uniui-arrowup[data-v-d31e1c47]:before {
  266. content: "\e6d6";
  267. }
  268. .uniui-eye[data-v-d31e1c47]:before {
  269. content: "\e651";
  270. }
  271. .uniui-eye-filled[data-v-d31e1c47]:before {
  272. content: "\e66a";
  273. }
  274. .uniui-eye-slash[data-v-d31e1c47]:before {
  275. content: "\e6b3";
  276. }
  277. .uniui-eye-slash-filled[data-v-d31e1c47]:before {
  278. content: "\e6b4";
  279. }
  280. .uniui-info-filled[data-v-d31e1c47]:before {
  281. content: "\e649";
  282. }
  283. .uniui-reload[data-v-d31e1c47]:before {
  284. content: "\e6b2";
  285. }
  286. .uniui-micoff-filled[data-v-d31e1c47]:before {
  287. content: "\e6b0";
  288. }
  289. .uniui-map-pin-ellipse[data-v-d31e1c47]:before {
  290. content: "\e6ac";
  291. }
  292. .uniui-map-pin[data-v-d31e1c47]:before {
  293. content: "\e6ad";
  294. }
  295. .uniui-location[data-v-d31e1c47]:before {
  296. content: "\e6ae";
  297. }
  298. .uniui-starhalf[data-v-d31e1c47]:before {
  299. content: "\e683";
  300. }
  301. .uniui-star[data-v-d31e1c47]:before {
  302. content: "\e688";
  303. }
  304. .uniui-star-filled[data-v-d31e1c47]:before {
  305. content: "\e68f";
  306. }
  307. .uniui-calendar[data-v-d31e1c47]:before {
  308. content: "\e6a0";
  309. }
  310. .uniui-fire[data-v-d31e1c47]:before {
  311. content: "\e6a1";
  312. }
  313. .uniui-medal[data-v-d31e1c47]:before {
  314. content: "\e6a2";
  315. }
  316. .uniui-font[data-v-d31e1c47]:before {
  317. content: "\e6a3";
  318. }
  319. .uniui-gift[data-v-d31e1c47]:before {
  320. content: "\e6a4";
  321. }
  322. .uniui-link[data-v-d31e1c47]:before {
  323. content: "\e6a5";
  324. }
  325. .uniui-notification[data-v-d31e1c47]:before {
  326. content: "\e6a6";
  327. }
  328. .uniui-staff[data-v-d31e1c47]:before {
  329. content: "\e6a7";
  330. }
  331. .uniui-vip[data-v-d31e1c47]:before {
  332. content: "\e6a8";
  333. }
  334. .uniui-folder-add[data-v-d31e1c47]:before {
  335. content: "\e6a9";
  336. }
  337. .uniui-tune[data-v-d31e1c47]:before {
  338. content: "\e6aa";
  339. }
  340. .uniui-auth[data-v-d31e1c47]:before {
  341. content: "\e6ab";
  342. }
  343. .uniui-person[data-v-d31e1c47]:before {
  344. content: "\e699";
  345. }
  346. .uniui-email-filled[data-v-d31e1c47]:before {
  347. content: "\e69a";
  348. }
  349. .uniui-phone-filled[data-v-d31e1c47]:before {
  350. content: "\e69b";
  351. }
  352. .uniui-phone[data-v-d31e1c47]:before {
  353. content: "\e69c";
  354. }
  355. .uniui-email[data-v-d31e1c47]:before {
  356. content: "\e69e";
  357. }
  358. .uniui-personadd[data-v-d31e1c47]:before {
  359. content: "\e69f";
  360. }
  361. .uniui-chatboxes-filled[data-v-d31e1c47]:before {
  362. content: "\e692";
  363. }
  364. .uniui-contact[data-v-d31e1c47]:before {
  365. content: "\e693";
  366. }
  367. .uniui-chatbubble-filled[data-v-d31e1c47]:before {
  368. content: "\e694";
  369. }
  370. .uniui-contact-filled[data-v-d31e1c47]:before {
  371. content: "\e695";
  372. }
  373. .uniui-chatboxes[data-v-d31e1c47]:before {
  374. content: "\e696";
  375. }
  376. .uniui-chatbubble[data-v-d31e1c47]:before {
  377. content: "\e697";
  378. }
  379. .uniui-upload-filled[data-v-d31e1c47]:before {
  380. content: "\e68e";
  381. }
  382. .uniui-upload[data-v-d31e1c47]:before {
  383. content: "\e690";
  384. }
  385. .uniui-weixin[data-v-d31e1c47]:before {
  386. content: "\e691";
  387. }
  388. .uniui-compose[data-v-d31e1c47]:before {
  389. content: "\e67f";
  390. }
  391. .uniui-qq[data-v-d31e1c47]:before {
  392. content: "\e680";
  393. }
  394. .uniui-download-filled[data-v-d31e1c47]:before {
  395. content: "\e681";
  396. }
  397. .uniui-pyq[data-v-d31e1c47]:before {
  398. content: "\e682";
  399. }
  400. .uniui-sound[data-v-d31e1c47]:before {
  401. content: "\e684";
  402. }
  403. .uniui-trash-filled[data-v-d31e1c47]:before {
  404. content: "\e685";
  405. }
  406. .uniui-sound-filled[data-v-d31e1c47]:before {
  407. content: "\e686";
  408. }
  409. .uniui-trash[data-v-d31e1c47]:before {
  410. content: "\e687";
  411. }
  412. .uniui-videocam-filled[data-v-d31e1c47]:before {
  413. content: "\e689";
  414. }
  415. .uniui-spinner-cycle[data-v-d31e1c47]:before {
  416. content: "\e68a";
  417. }
  418. .uniui-weibo[data-v-d31e1c47]:before {
  419. content: "\e68b";
  420. }
  421. .uniui-videocam[data-v-d31e1c47]:before {
  422. content: "\e68c";
  423. }
  424. .uniui-download[data-v-d31e1c47]:before {
  425. content: "\e68d";
  426. }
  427. .uniui-help[data-v-d31e1c47]:before {
  428. content: "\e679";
  429. }
  430. .uniui-navigate-filled[data-v-d31e1c47]:before {
  431. content: "\e67a";
  432. }
  433. .uniui-plusempty[data-v-d31e1c47]:before {
  434. content: "\e67b";
  435. }
  436. .uniui-smallcircle[data-v-d31e1c47]:before {
  437. content: "\e67c";
  438. }
  439. .uniui-minus-filled[data-v-d31e1c47]:before {
  440. content: "\e67d";
  441. }
  442. .uniui-micoff[data-v-d31e1c47]:before {
  443. content: "\e67e";
  444. }
  445. .uniui-closeempty[data-v-d31e1c47]:before {
  446. content: "\e66c";
  447. }
  448. .uniui-clear[data-v-d31e1c47]:before {
  449. content: "\e66d";
  450. }
  451. .uniui-navigate[data-v-d31e1c47]:before {
  452. content: "\e66e";
  453. }
  454. .uniui-minus[data-v-d31e1c47]:before {
  455. content: "\e66f";
  456. }
  457. .uniui-image[data-v-d31e1c47]:before {
  458. content: "\e670";
  459. }
  460. .uniui-mic[data-v-d31e1c47]:before {
  461. content: "\e671";
  462. }
  463. .uniui-paperplane[data-v-d31e1c47]:before {
  464. content: "\e672";
  465. }
  466. .uniui-close[data-v-d31e1c47]:before {
  467. content: "\e673";
  468. }
  469. .uniui-help-filled[data-v-d31e1c47]:before {
  470. content: "\e674";
  471. }
  472. .uniui-paperplane-filled[data-v-d31e1c47]:before {
  473. content: "\e675";
  474. }
  475. .uniui-plus[data-v-d31e1c47]:before {
  476. content: "\e676";
  477. }
  478. .uniui-mic-filled[data-v-d31e1c47]:before {
  479. content: "\e677";
  480. }
  481. .uniui-image-filled[data-v-d31e1c47]:before {
  482. content: "\e678";
  483. }
  484. .uniui-locked-filled[data-v-d31e1c47]:before {
  485. content: "\e668";
  486. }
  487. .uniui-info[data-v-d31e1c47]:before {
  488. content: "\e669";
  489. }
  490. .uniui-locked[data-v-d31e1c47]:before {
  491. content: "\e66b";
  492. }
  493. .uniui-camera-filled[data-v-d31e1c47]:before {
  494. content: "\e658";
  495. }
  496. .uniui-chat-filled[data-v-d31e1c47]:before {
  497. content: "\e659";
  498. }
  499. .uniui-camera[data-v-d31e1c47]:before {
  500. content: "\e65a";
  501. }
  502. .uniui-circle[data-v-d31e1c47]:before {
  503. content: "\e65b";
  504. }
  505. .uniui-checkmarkempty[data-v-d31e1c47]:before {
  506. content: "\e65c";
  507. }
  508. .uniui-chat[data-v-d31e1c47]:before {
  509. content: "\e65d";
  510. }
  511. .uniui-circle-filled[data-v-d31e1c47]:before {
  512. content: "\e65e";
  513. }
  514. .uniui-flag[data-v-d31e1c47]:before {
  515. content: "\e65f";
  516. }
  517. .uniui-flag-filled[data-v-d31e1c47]:before {
  518. content: "\e660";
  519. }
  520. .uniui-gear-filled[data-v-d31e1c47]:before {
  521. content: "\e661";
  522. }
  523. .uniui-home[data-v-d31e1c47]:before {
  524. content: "\e662";
  525. }
  526. .uniui-home-filled[data-v-d31e1c47]:before {
  527. content: "\e663";
  528. }
  529. .uniui-gear[data-v-d31e1c47]:before {
  530. content: "\e664";
  531. }
  532. .uniui-smallcircle-filled[data-v-d31e1c47]:before {
  533. content: "\e665";
  534. }
  535. .uniui-map-filled[data-v-d31e1c47]:before {
  536. content: "\e666";
  537. }
  538. .uniui-map[data-v-d31e1c47]:before {
  539. content: "\e667";
  540. }
  541. .uniui-refresh-filled[data-v-d31e1c47]:before {
  542. content: "\e656";
  543. }
  544. .uniui-refresh[data-v-d31e1c47]:before {
  545. content: "\e657";
  546. }
  547. .uniui-cloud-upload[data-v-d31e1c47]:before {
  548. content: "\e645";
  549. }
  550. .uniui-cloud-download-filled[data-v-d31e1c47]:before {
  551. content: "\e646";
  552. }
  553. .uniui-cloud-download[data-v-d31e1c47]:before {
  554. content: "\e647";
  555. }
  556. .uniui-cloud-upload-filled[data-v-d31e1c47]:before {
  557. content: "\e648";
  558. }
  559. .uniui-redo[data-v-d31e1c47]:before {
  560. content: "\e64a";
  561. }
  562. .uniui-images-filled[data-v-d31e1c47]:before {
  563. content: "\e64b";
  564. }
  565. .uniui-undo-filled[data-v-d31e1c47]:before {
  566. content: "\e64c";
  567. }
  568. .uniui-more[data-v-d31e1c47]:before {
  569. content: "\e64d";
  570. }
  571. .uniui-more-filled[data-v-d31e1c47]:before {
  572. content: "\e64e";
  573. }
  574. .uniui-undo[data-v-d31e1c47]:before {
  575. content: "\e64f";
  576. }
  577. .uniui-images[data-v-d31e1c47]:before {
  578. content: "\e650";
  579. }
  580. .uniui-paperclip[data-v-d31e1c47]:before {
  581. content: "\e652";
  582. }
  583. .uniui-settings[data-v-d31e1c47]:before {
  584. content: "\e653";
  585. }
  586. .uniui-search[data-v-d31e1c47]:before {
  587. content: "\e654";
  588. }
  589. .uniui-redo-filled[data-v-d31e1c47]:before {
  590. content: "\e655";
  591. }
  592. .uniui-list[data-v-d31e1c47]:before {
  593. content: "\e644";
  594. }
  595. .uniui-mail-open-filled[data-v-d31e1c47]:before {
  596. content: "\e63a";
  597. }
  598. .uniui-hand-down-filled[data-v-d31e1c47]:before {
  599. content: "\e63c";
  600. }
  601. .uniui-hand-down[data-v-d31e1c47]:before {
  602. content: "\e63d";
  603. }
  604. .uniui-hand-up-filled[data-v-d31e1c47]:before {
  605. content: "\e63e";
  606. }
  607. .uniui-hand-up[data-v-d31e1c47]:before {
  608. content: "\e63f";
  609. }
  610. .uniui-heart-filled[data-v-d31e1c47]:before {
  611. content: "\e641";
  612. }
  613. .uniui-mail-open[data-v-d31e1c47]:before {
  614. content: "\e643";
  615. }
  616. .uniui-heart[data-v-d31e1c47]:before {
  617. content: "\e639";
  618. }
  619. .uniui-loop[data-v-d31e1c47]:before {
  620. content: "\e633";
  621. }
  622. .uniui-pulldown[data-v-d31e1c47]:before {
  623. content: "\e632";
  624. }
  625. .uniui-scan[data-v-d31e1c47]:before {
  626. content: "\e62a";
  627. }
  628. .uniui-bars[data-v-d31e1c47]:before {
  629. content: "\e627";
  630. }
  631. .uniui-checkbox[data-v-d31e1c47]:before {
  632. content: "\e62b";
  633. }
  634. .uniui-checkbox-filled[data-v-d31e1c47]:before {
  635. content: "\e62c";
  636. }
  637. .uniui-shop[data-v-d31e1c47]:before {
  638. content: "\e62f";
  639. }
  640. .uniui-headphones[data-v-d31e1c47]:before {
  641. content: "\e630";
  642. }
  643. .uniui-cart[data-v-d31e1c47]:before {
  644. content: "\e631";
  645. }
  646. @font-face {
  647. font-family: uniicons;
  648. src: url("../../assets/uniicons.32e978a5.ttf");
  649. }
  650. .uni-icons[data-v-d31e1c47] {
  651. font-family: uniicons;
  652. text-decoration: none;
  653. text-align: center;
  654. }
  655. /**
  656. * 这里是uni-app内置的常用样式变量
  657. *
  658. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  659. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  660. *
  661. */
  662. /**
  663. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  664. *
  665. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  666. */
  667. /* 颜色变量 */
  668. /* 行为相关颜色 */
  669. /* 文字基本颜色 */
  670. /* 背景颜色 */
  671. /* 边框颜色 */
  672. /* 尺寸变量 */
  673. /* 文字尺寸 */
  674. /* 图片尺寸 */
  675. /* Border Radius */
  676. /* 水平间距 */
  677. /* 垂直间距 */
  678. /* 透明度 */
  679. /* 文章场景相关 */
  680. @media screen and (max-width: 500px) {
  681. .hide-on-phone[data-v-ddf9e0a2] {
  682. display: none;
  683. }
  684. }
  685. .uni-stat__select[data-v-ddf9e0a2] {
  686. display: flex;
  687. align-items: center;
  688. width: 100%;
  689. flex: 1;
  690. box-sizing: border-box;
  691. }
  692. .uni-stat-box[data-v-ddf9e0a2] {
  693. width: 100%;
  694. flex: 1;
  695. }
  696. .uni-stat__actived[data-v-ddf9e0a2] {
  697. width: 100%;
  698. flex: 1;
  699. }
  700. .uni-label-text[data-v-ddf9e0a2] {
  701. font-size: 18px;
  702. font-weight: bold;
  703. color: #6a6a6a;
  704. margin: auto 0;
  705. margin-right: 5px;
  706. }
  707. .uni-select[data-v-ddf9e0a2] {
  708. font-size: 18px;
  709. border: 1px solid #F4FAFF;
  710. box-sizing: border-box;
  711. border-radius: 4px;
  712. padding: 0 5px;
  713. padding-left: 10px;
  714. position: relative;
  715. display: flex;
  716. -webkit-user-select: none;
  717. user-select: none;
  718. flex-direction: row;
  719. align-items: center;
  720. border-bottom: solid 1px #F4FAFF;
  721. width: 100%;
  722. flex: 1;
  723. height: 35px;
  724. }
  725. .uni-select--disabled[data-v-ddf9e0a2] {
  726. background-color: #f5f7fa;
  727. cursor: not-allowed;
  728. }
  729. .uni-select__label[data-v-ddf9e0a2] {
  730. font-size: 18px;
  731. height: 35px;
  732. padding-right: 10px;
  733. color: #909399;
  734. }
  735. .uni-select__input-box[data-v-ddf9e0a2] {
  736. height: 35px;
  737. position: relative;
  738. display: flex;
  739. flex: 1;
  740. flex-direction: row;
  741. align-items: center;
  742. }
  743. .uni-select__input[data-v-ddf9e0a2] {
  744. flex: 1;
  745. font-size: 18px;
  746. height: 22px;
  747. line-height: 22px;
  748. }
  749. .uni-select__input-plac[data-v-ddf9e0a2] {
  750. font-size: 18px;
  751. color: #909399;
  752. }
  753. .uni-select__selector[data-v-ddf9e0a2] {
  754. box-sizing: border-box;
  755. position: absolute;
  756. left: 0;
  757. width: 100%;
  758. background-color: #FFFFFF;
  759. border: 1px solid #EBEEF5;
  760. border-radius: 6px;
  761. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  762. z-index: 3;
  763. padding: 4px 0;
  764. }
  765. .uni-select__selector-scroll[data-v-ddf9e0a2] {
  766. max-height: 200px;
  767. box-sizing: border-box;
  768. }
  769. .uni-select__selector-empty[data-v-ddf9e0a2],
  770. .uni-select__selector-item[data-v-ddf9e0a2] {
  771. display: flex;
  772. cursor: pointer;
  773. line-height: 35px;
  774. font-size: 18px;
  775. text-align: center;
  776. /* border-bottom: solid 1px $uni-border-3; */
  777. padding: 0px 10px;
  778. }
  779. .uni-select__selector-item[data-v-ddf9e0a2]:hover {
  780. background-color: #f9f9f9;
  781. }
  782. .uni-select__selector-empty[data-v-ddf9e0a2]:last-child,
  783. .uni-select__selector-item[data-v-ddf9e0a2]:last-child {
  784. border-bottom: none;
  785. }
  786. .uni-select__selector__disabled[data-v-ddf9e0a2] {
  787. opacity: 0.4;
  788. cursor: default;
  789. }
  790. .uni-select__selector__disabled1[data-v-ddf9e0a2] {
  791. cursor: default;
  792. }
  793. /* picker 弹出层通用的指示小三角 */
  794. .uni-popper__arrow_bottom[data-v-ddf9e0a2],
  795. .uni-popper__arrow_bottom[data-v-ddf9e0a2]::after,
  796. .uni-popper__arrow_top[data-v-ddf9e0a2],
  797. .uni-popper__arrow_top[data-v-ddf9e0a2]::after {
  798. position: absolute;
  799. display: block;
  800. width: 0;
  801. height: 0;
  802. border-color: transparent;
  803. border-style: solid;
  804. border-width: 6px;
  805. }
  806. .uni-popper__arrow_bottom[data-v-ddf9e0a2] {
  807. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  808. top: -6px;
  809. left: 10%;
  810. margin-right: 3px;
  811. border-top-width: 0;
  812. border-bottom-color: #EBEEF5;
  813. }
  814. .uni-popper__arrow_bottom[data-v-ddf9e0a2]::after {
  815. content: " ";
  816. top: 1px;
  817. margin-left: -6px;
  818. border-top-width: 0;
  819. border-bottom-color: #fff;
  820. }
  821. .uni-popper__arrow_top[data-v-ddf9e0a2] {
  822. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  823. bottom: -6px;
  824. left: 10%;
  825. margin-right: 3px;
  826. border-bottom-width: 0;
  827. border-top-color: #EBEEF5;
  828. }
  829. .uni-popper__arrow_top[data-v-ddf9e0a2]::after {
  830. content: " ";
  831. bottom: 1px;
  832. margin-left: -6px;
  833. border-bottom-width: 0;
  834. border-top-color: #fff;
  835. }
  836. .uni-select__input-text[data-v-ddf9e0a2] {
  837. width: 100%;
  838. color: #333;
  839. white-space: nowrap;
  840. text-overflow: ellipsis;
  841. -o-text-overflow: ellipsis;
  842. overflow: hidden;
  843. }
  844. .uni-select__input-placeholder[data-v-ddf9e0a2] {
  845. color: #6a6a6a;
  846. font-size: 18px;
  847. }
  848. .uni-select--mask[data-v-ddf9e0a2] {
  849. position: fixed;
  850. top: 0;
  851. bottom: 0;
  852. right: 0;
  853. left: 0;
  854. z-index: 2;
  855. }
  856. /**
  857. * 这里是uni-app内置的常用样式变量
  858. *
  859. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  860. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  861. *
  862. */
  863. /**
  864. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  865. *
  866. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  867. */
  868. /* 颜色变量 */
  869. /* 行为相关颜色 */
  870. /* 文字基本颜色 */
  871. /* 背景颜色 */
  872. /* 边框颜色 */
  873. /* 尺寸变量 */
  874. /* 文字尺寸 */
  875. /* 图片尺寸 */
  876. /* Border Radius */
  877. /* 水平间距 */
  878. /* 垂直间距 */
  879. /* 透明度 */
  880. /* 文章场景相关 */
  881. .content[data-v-1cf27b2a] {
  882. width: 100%;
  883. height: 100vh;
  884. opacity: 1;
  885. background: linear-gradient(180deg, rgba(215, 230, 245, 0) 0%, #c4e5ff 100%);
  886. box-sizing: border-box;
  887. }
  888. .top[data-v-1cf27b2a] {
  889. width: 100%;
  890. height: 100px;
  891. display: flex;
  892. align-items: center;
  893. justify-content: space-between;
  894. background-size: 100% 100%;
  895. background-repeat: no-repeat;
  896. box-sizing: border-box;
  897. background-color: #fff;
  898. padding: 0px 46px;
  899. }
  900. .top_logo[data-v-1cf27b2a] {
  901. width: 327px;
  902. height: 52px;
  903. }
  904. .tite[data-v-1cf27b2a] {
  905. width: 340px;
  906. height: 48px;
  907. font-size: 34px;
  908. font-weight: 800;
  909. }
  910. .time[data-v-1cf27b2a] {
  911. width: 277px;
  912. text-align: right;
  913. }
  914. .time_top[data-v-1cf27b2a] {
  915. font-size: 17px;
  916. }
  917. .time_bottom[data-v-1cf27b2a] {
  918. display: flex;
  919. font-size: 17px;
  920. justify-content: space-between;
  921. }
  922. .time_bottom1[data-v-1cf27b2a] {
  923. display: flex;
  924. }
  925. .time_state[data-v-1cf27b2a] {
  926. font-size: 17px;
  927. font-weight: 600;
  928. color: #164490;
  929. }
  930. .time_state1[data-v-1cf27b2a] {
  931. font-size: 17px;
  932. font-weight: 600;
  933. color: #d91616;
  934. }
  935. .tap[data-v-1cf27b2a] {
  936. width: 100%;
  937. height: 46.01px;
  938. display: flex;
  939. justify-content: space-between;
  940. margin-top: 118px;
  941. margin-bottom: 50px;
  942. padding: 0px 40px;
  943. box-sizing: border-box;
  944. }
  945. .tap_1[data-v-1cf27b2a] {
  946. width: 485.57px;
  947. height: 46.5px;
  948. border-radius: 50px;
  949. background: linear-gradient(180deg, #2b9eda 0%, #2772ba 100%);
  950. display: flex;
  951. align-items: center;
  952. justify-content: center;
  953. font-size: 35.24px;
  954. font-weight: 700;
  955. color: #fff;
  956. }
  957. .tap_2[data-v-1cf27b2a] {
  958. width: 485px;
  959. height: 46.5px;
  960. border-radius: 50px;
  961. background: linear-gradient(180deg, #2b9eda 0%, #2772ba 100%);
  962. display: flex;
  963. align-items: center;
  964. justify-content: center;
  965. font-size: 35.24px;
  966. font-weight: 700;
  967. color: #fff;
  968. }
  969. .tap_3[data-v-1cf27b2a] {
  970. width: 155.17px;
  971. height: 46.01px;
  972. opacity: 1;
  973. border-radius: 24.47px;
  974. background: linear-gradient(180deg, #2b9eda 0%, #2772ba 100%);
  975. display: flex;
  976. align-items: center;
  977. justify-content: center;
  978. font-size: 30px;
  979. font-weight: 700;
  980. color: #fff;
  981. }
  982. .power[data-v-1cf27b2a] {
  983. width: 100%;
  984. display: flex;
  985. justify-content: space-between;
  986. padding: 0px 40px;
  987. box-sizing: border-box;
  988. }
  989. .power_1[data-v-1cf27b2a] {
  990. width: 237.55px;
  991. height: 299px;
  992. display: flex;
  993. flex-direction: column;
  994. align-items: center;
  995. justify-content: space-between;
  996. box-sizing: border-box;
  997. }
  998. .power_1 .power_bright[data-v-1cf27b2a] {
  999. width: 100%;
  1000. height: 250px;
  1001. background-image: url("../../static/img/bj.png");
  1002. background-size: 100% 100%;
  1003. display: flex;
  1004. align-items: center;
  1005. justify-content: center;
  1006. opacity: 1;
  1007. }
  1008. .power_1 .power_bj[data-v-1cf27b2a] {
  1009. width: 100%;
  1010. height: 250px;
  1011. background-image: url("../../static/img/bj.png");
  1012. background-size: 100% 100%;
  1013. display: flex;
  1014. align-items: center;
  1015. justify-content: center;
  1016. opacity: 0.4;
  1017. }
  1018. .power_1 .power_title[data-v-1cf27b2a] {
  1019. font-size: 20px;
  1020. font-weight: 600;
  1021. letter-spacing: 0px;
  1022. color: black;
  1023. opacity: 0.4;
  1024. box-sizing: border-box;
  1025. }
  1026. .power_1 .power_title_bright[data-v-1cf27b2a] {
  1027. font-size: 20px;
  1028. font-weight: 600;
  1029. letter-spacing: 0px;
  1030. color: black;
  1031. opacity: 1;
  1032. box-sizing: border-box;
  1033. }
  1034. .power_1 uni-image[data-v-1cf27b2a] {
  1035. width: 200px;
  1036. height: 150px;
  1037. }
  1038. .power_11[data-v-1cf27b2a] {
  1039. width: 237.55px;
  1040. height: 298.98px;
  1041. opacity: 1;
  1042. box-sizing: border-box;
  1043. font-size: 23px;
  1044. font-family: 400;
  1045. display: flex;
  1046. flex-direction: column;
  1047. align-items: center;
  1048. }
  1049. .power_11 .power_image[data-v-1cf27b2a] {
  1050. width: 100%;
  1051. height: 248px;
  1052. margin-bottom: 20px;
  1053. background-image: url("../../static/electricity1.png");
  1054. background-size: 100% 100%;
  1055. display: flex;
  1056. align-items: center;
  1057. justify-content: center;
  1058. padding: 0px 16px;
  1059. box-sizing: border-box;
  1060. }
  1061. .power_11 .power_image uni-image[data-v-1cf27b2a] {
  1062. width: 100%;
  1063. height: 160.06px;
  1064. }
  1065. .power_5[data-v-1cf27b2a] {
  1066. width: 158px;
  1067. height: 297.61px;
  1068. opacity: 1;
  1069. display: flex;
  1070. flex-direction: column;
  1071. align-items: center;
  1072. justify-content: space-between;
  1073. }
  1074. .power_5 .power_bj[data-v-1cf27b2a] {
  1075. width: 100%;
  1076. height: 250px;
  1077. background-image: url("../../static/img/setup_bj.png");
  1078. background-size: 100% 100%;
  1079. display: flex;
  1080. align-items: center;
  1081. justify-content: center;
  1082. }
  1083. .power_5 .power_title[data-v-1cf27b2a] {
  1084. font-size: 20px;
  1085. font-weight: 600;
  1086. letter-spacing: 0px;
  1087. color: black;
  1088. box-sizing: border-box;
  1089. }
  1090. .power_5 uni-image[data-v-1cf27b2a] {
  1091. width: 92px;
  1092. height: 92px;
  1093. }
  1094. .power_6[data-v-1cf27b2a] {
  1095. width: 100%;
  1096. height: 50px;
  1097. font-size: 17.62px;
  1098. margin-top: 80px;
  1099. display: flex;
  1100. align-items: center;
  1101. padding: 0px 20px;
  1102. box-sizing: border-box;
  1103. position: fixed;
  1104. left: 0px;
  1105. bottom: 64px;
  1106. }
  1107. .power_6 uni-image[data-v-1cf27b2a] {
  1108. margin-right: 10px;
  1109. width: 27.41px;
  1110. height: 27.41px;
  1111. }
  1112. .appVersioncss[data-v-1cf27b2a] {
  1113. position: fixed;
  1114. bottom: 10px;
  1115. right: 20px;
  1116. color: #ccc;
  1117. }
  1118. .switch-container[data-v-1cf27b2a] {
  1119. width: 120px;
  1120. display: flex;
  1121. align-items: center;
  1122. position: fixed;
  1123. top: 110px;
  1124. right: 40px;
  1125. }
  1126. .switch-label[data-v-1cf27b2a] {
  1127. margin-right: 10px;
  1128. font-size: 16px;
  1129. color: #333;
  1130. }