移动储能车V1版本
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906
  1. .cmd-progress[data-v-06762d5e] {
  2. box-sizing: border-box;
  3. margin: 0;
  4. padding: 0;
  5. list-style: none;
  6. display: inline-block;
  7. }
  8. .cmd-progress-line[data-v-06762d5e] {
  9. width: 100%;
  10. font-size: 0.875rem;
  11. position: relative;
  12. display: flex;
  13. flex-direction: row;
  14. justify-content: center;
  15. align-items: center;
  16. }
  17. .cmd-progress-outer[data-v-06762d5e] {
  18. display: inline-block;
  19. width: 100%;
  20. margin-right: 0;
  21. padding-right: 0;
  22. }
  23. .cmd-progress-show-info .cmd-progress-outer[data-v-06762d5e] {
  24. flex: 1;
  25. }
  26. .cmd-progress-inner[data-v-06762d5e] {
  27. display: inline-block;
  28. width: 100%;
  29. background-color: #f5f5f5;
  30. border-radius: 6.25rem;
  31. vertical-align: middle;
  32. position: relative;
  33. }
  34. .cmd-progress-circle-trail[data-v-06762d5e] {
  35. stroke: #f5f5f5;
  36. }
  37. .cmd-progress-circle-path[data-v-06762d5e] {
  38. stroke: #1890ff;
  39. animation: appear 0.3s;
  40. }
  41. .cmd-progress-success-bg[data-v-06762d5e],
  42. .cmd-progress-bg[data-v-06762d5e] {
  43. background-color: #1890ff;
  44. transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  45. position: relative;
  46. }
  47. .cmd-progress-success-bg[data-v-06762d5e] {
  48. background-color: #52c41a;
  49. position: absolute;
  50. top: 0;
  51. left: 0;
  52. }
  53. .cmd-progress-text[data-v-06762d5e] {
  54. word-break: normal;
  55. width: 1.875rem;
  56. text-align: left;
  57. margin-left: 0.5rem;
  58. vertical-align: middle;
  59. display: inline-block;
  60. white-space: nowrap;
  61. color: rgba(0, 0, 0, 0.45);
  62. line-height: 1;
  63. }
  64. .cmd-progress-status-active .cmd-progress-bg[data-v-06762d5e]:before {
  65. content: "";
  66. opacity: 0;
  67. position: absolute;
  68. top: 0;
  69. left: 0;
  70. right: 0;
  71. bottom: 0;
  72. background: #fff;
  73. border-radius: 0.625rem;
  74. animation: cmd-progress-active-06762d5e 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  75. }
  76. .cmd-progress-status-exception .cmd-progress-bg[data-v-06762d5e] {
  77. background-color: #f5222d;
  78. }
  79. .cmd-progress-status-exception .cmd-progress-text[data-v-06762d5e] {
  80. color: #f5222d;
  81. }
  82. .cmd-progress-status-exception .cmd-progress-circle-path[data-v-06762d5e] {
  83. stroke: #f5222d;
  84. }
  85. .cmd-progress-status-success .cmd-progress-bg[data-v-06762d5e] {
  86. background-color: #52c41a;
  87. }
  88. .cmd-progress-status-success .cmd-progress-text[data-v-06762d5e] {
  89. color: #52c41a;
  90. }
  91. .cmd-progress-status-success .cmd-progress-circle-path[data-v-06762d5e] {
  92. stroke: #52c41a;
  93. }
  94. .cmd-progress-circle .cmd-progress-inner[data-v-06762d5e] {
  95. position: relative;
  96. line-height: 1;
  97. background-color: transparent;
  98. }
  99. .cmd-progress-circle .cmd-progress-text[data-v-06762d5e] {
  100. display: block;
  101. position: absolute;
  102. width: 100%;
  103. text-align: center;
  104. line-height: 1;
  105. top: 50%;
  106. transform: translateY(-50%);
  107. left: 0;
  108. margin: 0;
  109. color: rgba(0, 0, 0, 0.65);
  110. white-space: normal;
  111. }
  112. .cmd-progress-circle .cmd-progress-status-exception .cmd-progress-text[data-v-06762d5e] {
  113. color: #f5222d;
  114. }
  115. .cmd-progress-circle .cmd-progress-status-success .cmd-progress-text[data-v-06762d5e] {
  116. color: #52c41a;
  117. }
  118. @keyframes cmd-progress-active-06762d5e {
  119. 0% {
  120. opacity: 0.1;
  121. width: 0;
  122. }
  123. 20% {
  124. opacity: 0.5;
  125. width: 0;
  126. }
  127. 100% {
  128. opacity: 0;
  129. width: 100%;
  130. }
  131. }
  132. /**
  133. * 这里是uni-app内置的常用样式变量
  134. *
  135. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  136. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  137. *
  138. */
  139. /**
  140. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  141. *
  142. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  143. */
  144. /* 颜色变量 */
  145. /* 行为相关颜色 */
  146. /* 文字基本颜色 */
  147. /* 背景颜色 */
  148. /* 边框颜色 */
  149. /* 尺寸变量 */
  150. /* 文字尺寸 */
  151. /* 图片尺寸 */
  152. /* Border Radius */
  153. /* 水平间距 */
  154. /* 垂直间距 */
  155. /* 透明度 */
  156. /* 文章场景相关 */
  157. .uni-popup-dialog[data-v-d78c88b7] {
  158. width: 600px;
  159. border-radius: 11px;
  160. background-color: #fff;
  161. }
  162. .uni-dialog-title[data-v-d78c88b7] {
  163. display: flex;
  164. flex-direction: row;
  165. justify-content: center;
  166. padding-top: 25px;
  167. }
  168. .uni-dialog-title-text[data-v-d78c88b7] {
  169. font-size: 28px;
  170. font-weight: 600;
  171. }
  172. .uni-dialog-content[data-v-d78c88b7] {
  173. height: 200px;
  174. display: flex;
  175. flex-direction: row;
  176. justify-content: center;
  177. padding: 40px;
  178. margin-top: 40px;
  179. box-sizing: border-box;
  180. }
  181. .uni-dialog-content-text[data-v-d78c88b7] {
  182. font-size: 24px;
  183. color: #6C6C6C;
  184. }
  185. .uni-dialog-button-group[data-v-d78c88b7] {
  186. height: 80px;
  187. display: flex;
  188. align-items: center;
  189. flex-direction: row;
  190. border-top-color: #f5f5f5;
  191. border-top-style: solid;
  192. border-top-width: 1px;
  193. }
  194. .uni-dialog-button[data-v-d78c88b7] {
  195. display: flex;
  196. flex: 1;
  197. flex-direction: row;
  198. justify-content: center;
  199. align-items: center;
  200. height: 45px;
  201. }
  202. .uni-border-left[data-v-d78c88b7] {
  203. border-left-color: #f0f0f0;
  204. border-left-style: solid;
  205. border-left-width: 1px;
  206. }
  207. .uni-dialog-button-text[data-v-d78c88b7] {
  208. font-size: 24px;
  209. color: #333;
  210. }
  211. .uni-button-color[data-v-d78c88b7] {
  212. color: #007aff;
  213. }
  214. .uni-dialog-input[data-v-d78c88b7] {
  215. flex: 1;
  216. font-size: 24px;
  217. border: 1px #eee solid;
  218. height: 40px;
  219. padding: 0 10px;
  220. border-radius: 5px;
  221. color: #555;
  222. }
  223. .uni-popup__success[data-v-d78c88b7] {
  224. color: #4cd964;
  225. }
  226. .uni-popup__warn[data-v-d78c88b7] {
  227. color: #f0ad4e;
  228. }
  229. .uni-popup__error[data-v-d78c88b7] {
  230. color: #dd524d;
  231. }
  232. .uni-popup__info[data-v-d78c88b7] {
  233. color: #909399;
  234. }
  235. /**
  236. * 这里是uni-app内置的常用样式变量
  237. *
  238. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  239. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  240. *
  241. */
  242. /**
  243. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  244. *
  245. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  246. */
  247. /* 颜色变量 */
  248. /* 行为相关颜色 */
  249. /* 文字基本颜色 */
  250. /* 背景颜色 */
  251. /* 边框颜色 */
  252. /* 尺寸变量 */
  253. /* 文字尺寸 */
  254. /* 图片尺寸 */
  255. /* Border Radius */
  256. /* 水平间距 */
  257. /* 垂直间距 */
  258. /* 透明度 */
  259. /* 文章场景相关 */
  260. .uni-popup[data-v-4dd3c44b] {
  261. position: fixed;
  262. z-index: 99;
  263. }
  264. .uni-popup.top[data-v-4dd3c44b], .uni-popup.left[data-v-4dd3c44b], .uni-popup.right[data-v-4dd3c44b] {
  265. top: 0;
  266. }
  267. .uni-popup .uni-popup__wrapper[data-v-4dd3c44b] {
  268. display: block;
  269. position: relative;
  270. /* iphonex 等安全区设置,底部安全区适配 */
  271. }
  272. .uni-popup .uni-popup__wrapper.left[data-v-4dd3c44b], .uni-popup .uni-popup__wrapper.right[data-v-4dd3c44b] {
  273. padding-top: 0;
  274. flex: 1;
  275. }
  276. .fixforpc-z-index[data-v-4dd3c44b] {
  277. z-index: 999;
  278. }
  279. .fixforpc-top[data-v-4dd3c44b] {
  280. top: 0;
  281. }
  282. /**
  283. * 这里是uni-app内置的常用样式变量
  284. *
  285. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  286. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  287. *
  288. */
  289. /**
  290. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  291. *
  292. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  293. */
  294. /* 颜色变量 */
  295. /* 行为相关颜色 */
  296. /* 文字基本颜色 */
  297. /* 背景颜色 */
  298. /* 边框颜色 */
  299. /* 尺寸变量 */
  300. /* 文字尺寸 */
  301. /* 图片尺寸 */
  302. /* Border Radius */
  303. /* 水平间距 */
  304. /* 垂直间距 */
  305. /* 透明度 */
  306. /* 文章场景相关 */
  307. .uni-popup-message[data-v-a4566996] {
  308. display: flex;
  309. flex-direction: row;
  310. justify-content: center;
  311. }
  312. .uni-popup-message__box[data-v-a4566996] {
  313. background-color: #e1f3d8;
  314. padding: 10px 15px;
  315. border-color: #eee;
  316. border-style: solid;
  317. border-width: 1px;
  318. flex: 1;
  319. }
  320. @media screen and (min-width: 500px) {
  321. .fixforpc-width[data-v-a4566996] {
  322. margin-top: 20px;
  323. border-radius: 4px;
  324. flex: none;
  325. min-width: 380px;
  326. max-width: 50%;
  327. }
  328. }
  329. .uni-popup-message-text[data-v-a4566996] {
  330. font-size: 14px;
  331. padding: 0;
  332. }
  333. .uni-popup__success[data-v-a4566996] {
  334. background-color: #e1f3d8;
  335. }
  336. .uni-popup__success-text[data-v-a4566996] {
  337. color: #67C23A;
  338. }
  339. .uni-popup__warn[data-v-a4566996] {
  340. background-color: #faecd8;
  341. }
  342. .uni-popup__warn-text[data-v-a4566996] {
  343. color: #E6A23C;
  344. }
  345. .uni-popup__error[data-v-a4566996] {
  346. background-color: #fde2e2;
  347. }
  348. .uni-popup__error-text[data-v-a4566996] {
  349. color: #F56C6C;
  350. }
  351. .uni-popup__info[data-v-a4566996] {
  352. background-color: #F2F6FC;
  353. }
  354. .uni-popup__info-text[data-v-a4566996] {
  355. color: #909399;
  356. }
  357. /**
  358. * 这里是uni-app内置的常用样式变量
  359. *
  360. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  361. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  362. *
  363. */
  364. /**
  365. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  366. *
  367. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  368. */
  369. /* 颜色变量 */
  370. /* 行为相关颜色 */
  371. /* 文字基本颜色 */
  372. /* 背景颜色 */
  373. /* 边框颜色 */
  374. /* 尺寸变量 */
  375. /* 文字尺寸 */
  376. /* 图片尺寸 */
  377. /* Border Radius */
  378. /* 水平间距 */
  379. /* 垂直间距 */
  380. /* 透明度 */
  381. /* 文章场景相关 */
  382. .content[data-v-4978fed5] {
  383. width: 100%;
  384. height: 100vh;
  385. opacity: 1;
  386. background: linear-gradient(180deg, rgba(215, 230, 245, 0) 0%, #c4e5ff 100%);
  387. box-sizing: border-box;
  388. }
  389. .top[data-v-4978fed5] {
  390. width: 100%;
  391. height: 100px;
  392. display: flex;
  393. align-items: center;
  394. justify-content: space-between;
  395. background-size: 100% 100%;
  396. background-repeat: no-repeat;
  397. box-sizing: border-box;
  398. background-color: #fff;
  399. padding: 0px 46px;
  400. }
  401. .top_logo[data-v-4978fed5] {
  402. width: 327px;
  403. height: 52px;
  404. }
  405. .tite[data-v-4978fed5] {
  406. width: 340px;
  407. height: 48px;
  408. font-size: 34px;
  409. font-weight: 800;
  410. }
  411. .time[data-v-4978fed5] {
  412. width: 277px;
  413. text-align: right;
  414. }
  415. .time_top[data-v-4978fed5] {
  416. font-size: 17px;
  417. }
  418. .time_bottom[data-v-4978fed5] {
  419. display: flex;
  420. font-size: 17px;
  421. justify-content: space-between;
  422. }
  423. .time_bottom1[data-v-4978fed5] {
  424. display: flex;
  425. }
  426. .time_state[data-v-4978fed5] {
  427. font-size: 17px;
  428. font-weight: 600;
  429. color: #164490;
  430. }
  431. .time_state1[data-v-4978fed5] {
  432. font-size: 17px;
  433. font-weight: 600;
  434. color: #d91616;
  435. }
  436. .parameter[data-v-4978fed5] {
  437. width: 100%;
  438. padding-bottom: 20px;
  439. display: flex;
  440. padding: 20px 20px;
  441. box-sizing: border-box;
  442. }
  443. .parameter_left[data-v-4978fed5] {
  444. width: 262.85px;
  445. height: 630px;
  446. opacity: 1;
  447. border-radius: 24.47px;
  448. background: linear-gradient(180deg, rgba(42, 150, 212, 0.1) 0%, rgba(42, 146, 209, 0) 100%);
  449. border: 2.94px solid #f2f8fc;
  450. display: flex;
  451. flex-direction: column;
  452. align-items: center;
  453. padding: 0.625rem 0px;
  454. }
  455. .parameter_left1[data-v-4978fed5] {
  456. width: 100%;
  457. height: 170px;
  458. box-sizing: border-box;
  459. display: flex;
  460. flex-direction: column;
  461. justify-content: space-between;
  462. align-items: center;
  463. padding-bottom: 10px;
  464. }
  465. .canvas[data-v-4978fed5] {
  466. width: 180px;
  467. margin: 8px auto auto auto;
  468. }
  469. .parameter_canvas[data-v-4978fed5] {
  470. width: 100%;
  471. display: flex;
  472. justify-content: space-around;
  473. box-sizing: border-box;
  474. }
  475. .parameter_canvas1[data-v-4978fed5] {
  476. margin-left: -20px;
  477. margin-top: -40px;
  478. }
  479. .parameter_canvas2[data-v-4978fed5] {
  480. margin-right: -20px;
  481. margin-top: -40px;
  482. }
  483. .parameter_leftdian1[data-v-4978fed5] {
  484. width: 97.9px;
  485. height: 97.9px;
  486. opacity: 1;
  487. }
  488. .parameter_lef2[data-v-4978fed5] {
  489. width: 100%;
  490. height: 210px;
  491. display: flex;
  492. justify-content: center;
  493. align-items: center;
  494. background-image: url("../../static/heng.png");
  495. background-size: auto 100%;
  496. background-repeat: no-repeat;
  497. background-position: center center;
  498. margin: 10px 0px;
  499. }
  500. .parameter_lef2 uni-image[data-v-4978fed5] {
  501. width: 100px;
  502. height: 100px;
  503. margin-top: -10px;
  504. }
  505. .parameter_leftche[data-v-4978fed5] {
  506. width: 115.52px;
  507. height: 78.32px;
  508. opacity: 1;
  509. }
  510. .parameter_leftche1[data-v-4978fed5] {
  511. width: 77px;
  512. height: 81px;
  513. opacity: 1;
  514. }
  515. .parameter_leftche2[data-v-4978fed5] {
  516. width: 77px;
  517. height: 62px;
  518. }
  519. .parameter_leftview[data-v-4978fed5] {
  520. font-size: 19.58px;
  521. font-weight: 400;
  522. letter-spacing: 0px;
  523. line-height: 28.35px;
  524. color: black;
  525. margin-top: 8px;
  526. }
  527. .parameter_right[data-v-4978fed5] {
  528. flex: 1;
  529. margin-left: 10px;
  530. display: flex;
  531. flex-direction: column;
  532. justify-content: space-between;
  533. }
  534. .parameter_righttop[data-v-4978fed5] {
  535. width: 100%;
  536. }
  537. .parameter_1[data-v-4978fed5] {
  538. display: flex;
  539. }
  540. .parameter_2[data-v-4978fed5] {
  541. width: 339.21px;
  542. display: flex;
  543. flex-direction: column;
  544. justify-content: space-between;
  545. margin-right: 16px;
  546. }
  547. .parameter_3[data-v-4978fed5] {
  548. width: 339.21px;
  549. display: flex;
  550. align-items: center;
  551. justify-content: space-between;
  552. padding: 12px 20px;
  553. box-sizing: border-box;
  554. border-radius: 9.79px;
  555. background: linear-gradient(180deg, rgba(93, 189, 245, 0.15) 0%, rgba(31, 141, 209, 0.15) 100%);
  556. }
  557. .parameter_3 uni-image[data-v-4978fed5] {
  558. width: 7.83px;
  559. height: 7.83px;
  560. margin-right: 6px;
  561. }
  562. .parameter_31[data-v-4978fed5] {
  563. width: 339.21px;
  564. display: flex;
  565. align-items: center;
  566. justify-content: space-between;
  567. padding: 3px 20px;
  568. box-sizing: border-box;
  569. border-radius: 9.79px;
  570. background: linear-gradient(180deg, rgba(93, 189, 245, 0.15) 0%, rgba(31, 141, 209, 0.15) 100%);
  571. }
  572. .parameter_31 uni-image[data-v-4978fed5] {
  573. width: 7.83px;
  574. height: 7.83px;
  575. margin-right: 6px;
  576. }
  577. .parameter_4[data-v-4978fed5] {
  578. /** 文本1 */
  579. font-size: 23.5px;
  580. font-weight: 700;
  581. color: #262626;
  582. display: flex;
  583. align-items: center;
  584. }
  585. .parameter_5[data-v-4978fed5] {
  586. font-size: 24.47px;
  587. font-weight: 700;
  588. color: #d91616;
  589. }
  590. .parameter_51[data-v-4978fed5] {
  591. font-size: 24.47px;
  592. font-weight: 700;
  593. color: #077b43;
  594. }
  595. .parameter_SOC[data-v-4978fed5] {
  596. display: flex;
  597. align-items: center;
  598. justify-content: space-around;
  599. width: 195.11px;
  600. height: 130px;
  601. /* opacity: 0.15; */
  602. border-radius: 9.79px;
  603. margin-right: 16px;
  604. background: linear-gradient(180deg, rgba(240, 209, 137, 0.15) 0%, rgba(186, 141, 56, 0.15) 100%);
  605. }
  606. .parameter_SOC uni-image[data-v-4978fed5] {
  607. width: 37.2px;
  608. height: 37.2px;
  609. }
  610. .parameter_state[data-v-4978fed5] {
  611. display: flex;
  612. align-items: center;
  613. justify-content: space-around;
  614. width: 195.11px;
  615. height: 130px;
  616. /* opacity: 0.15; */
  617. border-radius: 9.79px;
  618. background: linear-gradient(180deg, rgba(93, 149, 245, 0.15) 0%, rgba(41, 71, 204, 0.15) 100%);
  619. }
  620. .parameter_state uni-image[data-v-4978fed5] {
  621. width: 37.2px;
  622. height: 37.2px;
  623. }
  624. .parameter_Battery[data-v-4978fed5] {
  625. display: flex;
  626. align-items: center;
  627. justify-content: space-around;
  628. width: 195.11px;
  629. height: 130px;
  630. /* opacity: 0.15; */
  631. margin-right: 16px;
  632. border-radius: 9.79px;
  633. background: linear-gradient(180deg, rgba(133, 242, 133, 0.15) 0%, rgba(82, 209, 75, 0.15) 100%);
  634. }
  635. .parameter_Battery uni-image[data-v-4978fed5] {
  636. width: 37.2px;
  637. height: 37.2px;
  638. }
  639. .parameter_SOCright[data-v-4978fed5] {
  640. display: flex;
  641. flex-direction: column;
  642. }
  643. .parameter_SOCright1[data-v-4978fed5] {
  644. font-size: 23.5px;
  645. font-weight: 700;
  646. letter-spacing: 0px;
  647. line-height: 32.24px;
  648. color: #262626;
  649. text-align: right;
  650. }
  651. .parameter_SOCright2[data-v-4978fed5] {
  652. font-size: 29.37px;
  653. font-weight: 700;
  654. color: #ba8d38;
  655. }
  656. .parameter_Batterystate[data-v-4978fed5] {
  657. font-size: 23.5px;
  658. font-weight: 500;
  659. color: #262626;
  660. text-align: right;
  661. }
  662. .parameter_tap[data-v-4978fed5] {
  663. width: 100%;
  664. display: flex;
  665. margin-top: 18px;
  666. }
  667. .parameter_tap1[data-v-4978fed5] {
  668. flex: 1;
  669. height: 55.8px;
  670. opacity: 1;
  671. background: linear-gradient(180deg, #1e83bd 0%, rgba(69, 168, 230, 0.92) 100%);
  672. box-shadow: inset 0px 0px 9.79px rgba(0, 0, 0, 0.1);
  673. display: flex;
  674. align-items: center;
  675. justify-content: center;
  676. font-size: 23.5px;
  677. font-weight: 500;
  678. color: white;
  679. }
  680. .parameter_tap2[data-v-4978fed5] {
  681. flex: 1;
  682. height: 55.8px;
  683. opacity: 1;
  684. background: #f2f2f2;
  685. box-shadow: inset 0px 0px 9.79px rgba(0, 0, 0, 0.1);
  686. display: flex;
  687. align-items: center;
  688. justify-content: center;
  689. font-size: 23.5px;
  690. font-weight: 500;
  691. }
  692. .parameter_zheng[data-v-4978fed5] {
  693. width: 100%;
  694. height: 313px;
  695. background-image: url("../../static/z16.png");
  696. background-size: 100% 100%;
  697. margin-top: 10px;
  698. padding: 20px 0px;
  699. display: flex;
  700. }
  701. .parameter_zheng1[data-v-4978fed5] {
  702. width: 387px;
  703. height: 100%;
  704. border-right: 0.49px solid black;
  705. display: flex;
  706. flex-direction: column;
  707. justify-content: space-between;
  708. }
  709. .parameter_zheng11[data-v-4978fed5] {
  710. display: flex;
  711. padding: 0px 20px;
  712. justify-content: space-between;
  713. }
  714. .parameter_zhengbox[data-v-4978fed5] {
  715. display: flex;
  716. padding: 0px 20px;
  717. justify-content: space-between;
  718. }
  719. .parameter_zheng12[data-v-4978fed5] {
  720. font-size: 23.5px;
  721. font-weight: 400;
  722. color: black;
  723. }
  724. .parameter_zheng13[data-v-4978fed5] {
  725. font-size: 29.37px;
  726. font-weight: 700;
  727. color: #1469c9;
  728. }
  729. .parameter_zhengbox13[data-v-4978fed5] {
  730. width: 50%;
  731. font-size: 29.37px;
  732. font-weight: 700;
  733. color: #1469c9;
  734. display: flex;
  735. justify-content: space-between;
  736. }
  737. .parameter_zheng14[data-v-4978fed5] {
  738. font-size: 23.5px;
  739. font-weight: 400;
  740. color: black;
  741. }
  742. .parameter_zheng2[data-v-4978fed5] {
  743. width: 387px;
  744. height: 100%;
  745. border-right: 0.49px solid black;
  746. display: flex;
  747. flex-direction: column;
  748. justify-content: space-between;
  749. }
  750. .parameter_zheng3[data-v-4978fed5] {
  751. flex: 1;
  752. height: 100%;
  753. display: flex;
  754. flex-direction: column;
  755. align-items: center;
  756. justify-content: center;
  757. }
  758. .parameter_zheng31111[data-v-4978fed5] {
  759. width: 120px;
  760. height: 120px;
  761. display: flex;
  762. align-items: center;
  763. justify-content: center;
  764. }
  765. .parameter_zheng31[data-v-4978fed5] {
  766. width: 90px;
  767. height: 90px;
  768. background-image: url("../../static/y4.png");
  769. background-size: 100% 100%;
  770. display: flex;
  771. align-items: center;
  772. justify-content: center;
  773. padding-bottom: 3px;
  774. box-sizing: border-box;
  775. }
  776. .parameter_zheng32[data-v-4978fed5] {
  777. width: 74px;
  778. height: 74px;
  779. background-image: url("../../static/y1.png");
  780. background-size: 100% 100%;
  781. display: flex;
  782. align-items: center;
  783. justify-content: center;
  784. font-size: 19.58px;
  785. font-weight: 700;
  786. color: white;
  787. }
  788. .parameter_zheng32ccc[data-v-4978fed5] {
  789. width: 68px;
  790. height: 68px;
  791. /* background-image: url("../../static/y1.png"); */
  792. background-color: #cccccc;
  793. background-size: 100% 100%;
  794. display: flex;
  795. align-items: center;
  796. justify-content: center;
  797. font-size: 19px;
  798. font-weight: 700;
  799. color: white;
  800. border-radius: 100%;
  801. }
  802. .parameter_zheng33[data-v-4978fed5] {
  803. width: 74px;
  804. height: 74px;
  805. background-image: url("../../static/y6.png");
  806. background-size: 100% 100%;
  807. display: flex;
  808. align-items: center;
  809. justify-content: center;
  810. font-size: 19px;
  811. font-weight: 700;
  812. color: white;
  813. }
  814. .parameter_zheng34[data-v-4978fed5] {
  815. width: 74px;
  816. height: 74px;
  817. background-image: url("../../static/y8.png");
  818. background-size: 100% 100%;
  819. font-size: 18px;
  820. font-weight: 700;
  821. color: white;
  822. display: flex;
  823. flex-direction: column;
  824. align-items: center;
  825. justify-content: center;
  826. }
  827. .parameter_home[data-v-4978fed5] {
  828. width: 100%;
  829. display: flex;
  830. margin-top: 0px;
  831. justify-content: space-between;
  832. }
  833. .parameter_home1[data-v-4978fed5] {
  834. display: flex;
  835. align-items: center;
  836. }
  837. .parameter_home1 uni-image[data-v-4978fed5] {
  838. width: 32.8px;
  839. height: 32.31px;
  840. margin-right: 10px;
  841. }
  842. .parameter_hometext[data-v-4978fed5] {
  843. font-size: 19.58px;
  844. font-weight: 400;
  845. color: black;
  846. }
  847. .parameter_home2[data-v-4978fed5] {
  848. width: 636.33px;
  849. height: 39.16px;
  850. opacity: 0.8;
  851. border-radius: 0.98px;
  852. background: #f2f2f2;
  853. border: 0.49px solid #a1a1a1;
  854. box-shadow: inset 0px 0px 9.79px rgba(0, 0, 0, 0.1);
  855. display: flex;
  856. align-items: center;
  857. padding: 0px 10px;
  858. box-sizing: border-box;
  859. }
  860. .parameter_home2 uni-image[data-v-4978fed5] {
  861. width: 26.92px;
  862. height: 29.86px;
  863. }
  864. .swiper[data-v-4978fed5] {
  865. width: 100%;
  866. height: 40px;
  867. }
  868. .parameter_home3[data-v-4978fed5] {
  869. height: 40px;
  870. /* 每条消息的高度 */
  871. line-height: 40px;
  872. /* 垂直居中 */
  873. font-size: 17.62px;
  874. font-weight: 400;
  875. color: black;
  876. margin-left: 10px;
  877. }
  878. /* .parameter_home3 {
  879. font-size: 17.62px;
  880. font-weight: 400;
  881. color: rgba(0, 0, 0, 1);
  882. margin-left: 10px;
  883. } */
  884. .uni-dialog-title-text[data-v-4978fed5] {
  885. font-size: 70.89px !important;
  886. font-weight: 500;
  887. color: #050505;
  888. }
  889. .parameter_box[data-v-4978fed5] {
  890. height: 100%;
  891. display: flex;
  892. }
  893. .parameter_zheng10[data-v-4978fed5] {
  894. width: 687px;
  895. height: 100%;
  896. border-right: 0.49px solid black;
  897. display: flex;
  898. flex-direction: column;
  899. /* justify-content: space-around; */
  900. }
  901. .parameter_zheng101[data-v-4978fed5] {
  902. margin-top: 40px;
  903. }