云链智安app
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 27KB

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