云链智安app
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.css 63KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178
  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. .l-liquid[data-v-269ddf93] {
  27. position: relative;
  28. border-radius: var(--l-liquid-border-radius, var(--l-border-radius-hg, 999px));
  29. box-sizing: border-box;
  30. overflow: hidden;
  31. width: var(--l-liquid-size, 125px);
  32. height: var(--l-liquid-size, 125px);
  33. background: var(--l-liquid-bg-color, transprent);
  34. display: flex;
  35. }
  36. .l-liquid--outline[data-v-269ddf93] {
  37. padding: var(--l-liquid-border-distance, 6px);
  38. border: var(--l-liquid-border-width, 6px) solid var(--l-liquid-border-color, #3283ff);
  39. }
  40. .l-liquid__inner[data-v-269ddf93] {
  41. position: relative;
  42. flex: 1;
  43. border-radius: var(--l-liquid-inner-border-radius, var(--l-liquid-border-radius, var(--l-border-radius-hg, 999px)));
  44. overflow: hidden;
  45. background-color: var(--l-liquid-inner-bg-color, rgba(50, 131, 255, 0.1));
  46. }
  47. .l-liquid__inner-drawable[data-v-269ddf93] {
  48. flex: 1;
  49. justify-content: center;
  50. align-items: center;
  51. }
  52. .l-liquid__value[data-v-269ddf93] {
  53. position: absolute;
  54. top: 0;
  55. left: 0;
  56. width: 100%;
  57. height: 100%;
  58. z-index: 1;
  59. display: flex;
  60. justify-content: center;
  61. align-items: center;
  62. }
  63. .l-liquid__waves[data-v-269ddf93] {
  64. position: absolute;
  65. left: 0;
  66. width: 100%;
  67. height: 100%;
  68. transform: translateY(var(--l-liquid-percent));
  69. overflow: visible;
  70. transition-property: transform;
  71. transition-duration: 200ms;
  72. }
  73. .l-liquid .wave[data-v-269ddf93] {
  74. position: absolute;
  75. left: 0;
  76. top: 0;
  77. height: 200%;
  78. width: 200%;
  79. animation: wave-269ddf93 2500ms linear infinite;
  80. background: var(--l-liquid-wave-color, #3283ff);
  81. opacity: 1;
  82. -webkit-clip-path: polygon(0% 50%, 2.22222% 51.472%, 4.44444% 52.4967%, 6.66667% 52.7626%, 8.88889% 52.1889%, 11.1111% 50.9501%, 13.3333% 49.4225%, 15.5556% 48.0704%, 17.7778% 47.3047%, 20% 47.3582%, 22.2222% 48.2145%, 24.4444% 49.6134%, 26.6667% 51.1298%, 28.8889% 52.3029%, 31.1111% 52.7761%, 33.3333% 52.4056%, 35.5556% 51.3041%, 37.7778% 49.8062%, 40% 48.3673%, 42.2222% 47.4245%, 44.4444% 47.2644%, 46.6667% 47.9357%, 48.8889% 49.2343%, 51.1111% 50.7657%, 53.3333% 52.0643%, 55.5556% 52.7356%, 57.7778% 52.5755%, 60% 51.6327%, 62.2222% 50.1938%, 64.4444% 48.6959%, 66.6667% 47.5944%, 68.8889% 47.2239%, 71.1111% 47.6971%, 73.3333% 48.8702%, 75.5556% 50.3866%, 77.7778% 51.7855%, 80% 52.6418%, 82.2222% 52.6953%, 84.4444% 51.9296%, 86.6667% 50.5775%, 88.8889% 49.0499%, 91.1111% 47.8111%, 93.3333% 47.2374%, 95.5556% 47.5033%, 97.7778% 48.528%, 100% 50%, 100% 100%, 0% 100%, 0% 0%);
  83. clip-path: polygon(0% 50%, 2.22222% 51.472%, 4.44444% 52.4967%, 6.66667% 52.7626%, 8.88889% 52.1889%, 11.1111% 50.9501%, 13.3333% 49.4225%, 15.5556% 48.0704%, 17.7778% 47.3047%, 20% 47.3582%, 22.2222% 48.2145%, 24.4444% 49.6134%, 26.6667% 51.1298%, 28.8889% 52.3029%, 31.1111% 52.7761%, 33.3333% 52.4056%, 35.5556% 51.3041%, 37.7778% 49.8062%, 40% 48.3673%, 42.2222% 47.4245%, 44.4444% 47.2644%, 46.6667% 47.9357%, 48.8889% 49.2343%, 51.1111% 50.7657%, 53.3333% 52.0643%, 55.5556% 52.7356%, 57.7778% 52.5755%, 60% 51.6327%, 62.2222% 50.1938%, 64.4444% 48.6959%, 66.6667% 47.5944%, 68.8889% 47.2239%, 71.1111% 47.6971%, 73.3333% 48.8702%, 75.5556% 50.3866%, 77.7778% 51.7855%, 80% 52.6418%, 82.2222% 52.6953%, 84.4444% 51.9296%, 86.6667% 50.5775%, 88.8889% 49.0499%, 91.1111% 47.8111%, 93.3333% 47.2374%, 95.5556% 47.5033%, 97.7778% 48.528%, 100% 50%, 100% 100%, 0% 100%, 0% 0%);
  84. }
  85. .l-liquid .wave.two[data-v-269ddf93] {
  86. opacity: 0.3;
  87. animation: wave-269ddf93 2500ms linear -612ms infinite;
  88. }
  89. @keyframes wave-269ddf93 {
  90. to {
  91. transform: translateX(-50%);
  92. }
  93. }
  94. .container[data-v-0e645258] {
  95. width: 30px;
  96. height: 30px;
  97. position: relative;
  98. }
  99. .container.loading1[data-v-0e645258] {
  100. transform: rotate(45deg);
  101. }
  102. .container .shape[data-v-0e645258] {
  103. position: absolute;
  104. width: 10px;
  105. height: 10px;
  106. border-radius: 1px;
  107. }
  108. .container .shape.shape1[data-v-0e645258] {
  109. left: 0;
  110. background-color: #1890FF;
  111. }
  112. .container .shape.shape2[data-v-0e645258] {
  113. right: 0;
  114. background-color: #91CB74;
  115. }
  116. .container .shape.shape3[data-v-0e645258] {
  117. bottom: 0;
  118. background-color: #FAC858;
  119. }
  120. .container .shape.shape4[data-v-0e645258] {
  121. bottom: 0;
  122. right: 0;
  123. background-color: #EE6666;
  124. }
  125. .loading1 .shape1[data-v-0e645258] {
  126. animation: animation1shape1-0e645258 0.5s ease 0s infinite alternate;
  127. }
  128. @keyframes animation1shape1-0e645258 {
  129. from {
  130. transform: translate(0, 0);
  131. }
  132. to {
  133. transform: translate(16px, 16px);
  134. }
  135. }
  136. .loading1 .shape2[data-v-0e645258] {
  137. animation: animation1shape2-0e645258 0.5s ease 0s infinite alternate;
  138. }
  139. @keyframes animation1shape2-0e645258 {
  140. from {
  141. transform: translate(0, 0);
  142. }
  143. to {
  144. transform: translate(-16px, 16px);
  145. }
  146. }
  147. .loading1 .shape3[data-v-0e645258] {
  148. animation: animation1shape3-0e645258 0.5s ease 0s infinite alternate;
  149. }
  150. @keyframes animation1shape3-0e645258 {
  151. from {
  152. transform: translate(0, 0);
  153. }
  154. to {
  155. transform: translate(16px, -16px);
  156. }
  157. }
  158. .loading1 .shape4[data-v-0e645258] {
  159. animation: animation1shape4-0e645258 0.5s ease 0s infinite alternate;
  160. }
  161. @keyframes animation1shape4-0e645258 {
  162. from {
  163. transform: translate(0, 0);
  164. }
  165. to {
  166. transform: translate(-16px, -16px);
  167. }
  168. }
  169. .container[data-v-3df48dc2] {
  170. width: 30px;
  171. height: 30px;
  172. position: relative;
  173. }
  174. .container.loading2[data-v-3df48dc2] {
  175. transform: rotate(10deg);
  176. }
  177. .container.loading2 .shape[data-v-3df48dc2] {
  178. border-radius: 5px;
  179. }
  180. .container.loading2[data-v-3df48dc2]{
  181. animation: rotation 1s infinite;
  182. }
  183. .container .shape[data-v-3df48dc2] {
  184. position: absolute;
  185. width: 10px;
  186. height: 10px;
  187. border-radius: 1px;
  188. }
  189. .container .shape.shape1[data-v-3df48dc2] {
  190. left: 0;
  191. background-color: #1890FF;
  192. }
  193. .container .shape.shape2[data-v-3df48dc2] {
  194. right: 0;
  195. background-color: #91CB74;
  196. }
  197. .container .shape.shape3[data-v-3df48dc2] {
  198. bottom: 0;
  199. background-color: #FAC858;
  200. }
  201. .container .shape.shape4[data-v-3df48dc2] {
  202. bottom: 0;
  203. right: 0;
  204. background-color: #EE6666;
  205. }
  206. .loading2 .shape1[data-v-3df48dc2] {
  207. animation: animation2shape1-3df48dc2 0.5s ease 0s infinite alternate;
  208. }
  209. @keyframes animation2shape1-3df48dc2 {
  210. from {
  211. transform: translate(0, 0);
  212. }
  213. to {
  214. transform: translate(20px, 20px);
  215. }
  216. }
  217. .loading2 .shape2[data-v-3df48dc2] {
  218. animation: animation2shape2-3df48dc2 0.5s ease 0s infinite alternate;
  219. }
  220. @keyframes animation2shape2-3df48dc2 {
  221. from {
  222. transform: translate(0, 0);
  223. }
  224. to {
  225. transform: translate(-20px, 20px);
  226. }
  227. }
  228. .loading2 .shape3[data-v-3df48dc2] {
  229. animation: animation2shape3-3df48dc2 0.5s ease 0s infinite alternate;
  230. }
  231. @keyframes animation2shape3-3df48dc2 {
  232. from {
  233. transform: translate(0, 0);
  234. }
  235. to {
  236. transform: translate(20px, -20px);
  237. }
  238. }
  239. .loading2 .shape4[data-v-3df48dc2] {
  240. animation: animation2shape4-3df48dc2 0.5s ease 0s infinite alternate;
  241. }
  242. @keyframes animation2shape4-3df48dc2 {
  243. from {
  244. transform: translate(0, 0);
  245. }
  246. to {
  247. transform: translate(-20px, -20px);
  248. }
  249. }
  250. .container[data-v-27a8293c] {
  251. width: 30px;
  252. height: 30px;
  253. position: relative;
  254. }
  255. .container.loading3[data-v-27a8293c] {
  256. animation: rotation 1s infinite;
  257. }
  258. .container.loading3 .shape1[data-v-27a8293c] {
  259. border-top-left-radius: 10px;
  260. }
  261. .container.loading3 .shape2[data-v-27a8293c] {
  262. border-top-right-radius: 10px;
  263. }
  264. .container.loading3 .shape3[data-v-27a8293c] {
  265. border-bottom-left-radius: 10px;
  266. }
  267. .container.loading3 .shape4[data-v-27a8293c] {
  268. border-bottom-right-radius: 10px;
  269. }
  270. .container .shape[data-v-27a8293c] {
  271. position: absolute;
  272. width: 10px;
  273. height: 10px;
  274. border-radius: 1px;
  275. }
  276. .container .shape.shape1[data-v-27a8293c] {
  277. left: 0;
  278. background-color: #1890FF;
  279. }
  280. .container .shape.shape2[data-v-27a8293c] {
  281. right: 0;
  282. background-color: #91CB74;
  283. }
  284. .container .shape.shape3[data-v-27a8293c] {
  285. bottom: 0;
  286. background-color: #FAC858;
  287. }
  288. .container .shape.shape4[data-v-27a8293c] {
  289. bottom: 0;
  290. right: 0;
  291. background-color: #EE6666;
  292. }
  293. .loading3 .shape1[data-v-27a8293c] {
  294. animation: animation3shape1-27a8293c 0.5s ease 0s infinite alternate;
  295. }
  296. @keyframes animation3shape1-27a8293c {
  297. from {
  298. transform: translate(0, 0);
  299. }
  300. to {
  301. transform: translate(5px, 5px);
  302. }
  303. }
  304. .loading3 .shape2[data-v-27a8293c] {
  305. animation: animation3shape2-27a8293c 0.5s ease 0s infinite alternate;
  306. }
  307. @keyframes animation3shape2-27a8293c {
  308. from {
  309. transform: translate(0, 0);
  310. }
  311. to {
  312. transform: translate(-5px, 5px);
  313. }
  314. }
  315. .loading3 .shape3[data-v-27a8293c] {
  316. animation: animation3shape3-27a8293c 0.5s ease 0s infinite alternate;
  317. }
  318. @keyframes animation3shape3-27a8293c {
  319. from {
  320. transform: translate(0, 0);
  321. }
  322. to {
  323. transform: translate(5px, -5px);
  324. }
  325. }
  326. .loading3 .shape4[data-v-27a8293c] {
  327. animation: animation3shape4-27a8293c 0.5s ease 0s infinite alternate;
  328. }
  329. @keyframes animation3shape4-27a8293c {
  330. from {
  331. transform: translate(0, 0);
  332. }
  333. to {
  334. transform: translate(-5px, -5px);
  335. }
  336. }
  337. .container[data-v-2e7deb83] {
  338. width: 30px;
  339. height: 30px;
  340. position: relative;
  341. }
  342. .container.loading5 .shape[data-v-2e7deb83] {
  343. width: 15px;
  344. height: 15px;
  345. }
  346. .container .shape[data-v-2e7deb83] {
  347. position: absolute;
  348. width: 10px;
  349. height: 10px;
  350. border-radius: 1px;
  351. }
  352. .container .shape.shape1[data-v-2e7deb83] {
  353. left: 0;
  354. background-color: #1890FF;
  355. }
  356. .container .shape.shape2[data-v-2e7deb83] {
  357. right: 0;
  358. background-color: #91CB74;
  359. }
  360. .container .shape.shape3[data-v-2e7deb83] {
  361. bottom: 0;
  362. background-color: #FAC858;
  363. }
  364. .container .shape.shape4[data-v-2e7deb83] {
  365. bottom: 0;
  366. right: 0;
  367. background-color: #EE6666;
  368. }
  369. .loading5 .shape1[data-v-2e7deb83] {
  370. animation: animation5shape1-2e7deb83 2s ease 0s infinite reverse;
  371. }
  372. @keyframes animation5shape1-2e7deb83 {
  373. 0% {
  374. transform: translate(0, 0);
  375. }
  376. 25% {
  377. transform: translate(0, 15px);
  378. }
  379. 50% {
  380. transform: translate(15px, 15px);
  381. }
  382. 75% {
  383. transform: translate(15px, 0);
  384. }
  385. }
  386. .loading5 .shape2[data-v-2e7deb83] {
  387. animation: animation5shape2-2e7deb83 2s ease 0s infinite reverse;
  388. }
  389. @keyframes animation5shape2-2e7deb83 {
  390. 0% {
  391. transform: translate(0, 0);
  392. }
  393. 25% {
  394. transform: translate(-15px, 0);
  395. }
  396. 50% {
  397. transform: translate(-15px, 15px);
  398. }
  399. 75% {
  400. transform: translate(0, 15px);
  401. }
  402. }
  403. .loading5 .shape3[data-v-2e7deb83] {
  404. animation: animation5shape3-2e7deb83 2s ease 0s infinite reverse;
  405. }
  406. @keyframes animation5shape3-2e7deb83 {
  407. 0% {
  408. transform: translate(0, 0);
  409. }
  410. 25% {
  411. transform: translate(15px, 0);
  412. }
  413. 50% {
  414. transform: translate(15px, -15px);
  415. }
  416. 75% {
  417. transform: translate(0, -15px);
  418. }
  419. }
  420. .loading5 .shape4[data-v-2e7deb83] {
  421. animation: animation5shape4-2e7deb83 2s ease 0s infinite reverse;
  422. }
  423. @keyframes animation5shape4-2e7deb83 {
  424. 0% {
  425. transform: translate(0, 0);
  426. }
  427. 25% {
  428. transform: translate(0, -15px);
  429. }
  430. 50% {
  431. transform: translate(-15px, -15px);
  432. }
  433. 75% {
  434. transform: translate(-15px, 0);
  435. }
  436. }
  437. .container[data-v-ef674bbb] {
  438. width: 30px;
  439. height: 30px;
  440. position: relative;
  441. }
  442. .container.loading6[data-v-ef674bbb] {
  443. animation: rotation 1s infinite;
  444. }
  445. .container.loading6 .shape[data-v-ef674bbb] {
  446. width: 12px;
  447. height: 12px;
  448. border-radius: 2px;
  449. }
  450. .container .shape[data-v-ef674bbb] {
  451. position: absolute;
  452. width: 10px;
  453. height: 10px;
  454. border-radius: 1px;
  455. }
  456. .container .shape.shape1[data-v-ef674bbb] {
  457. left: 0;
  458. background-color: #1890FF;
  459. }
  460. .container .shape.shape2[data-v-ef674bbb] {
  461. right: 0;
  462. background-color: #91CB74;
  463. }
  464. .container .shape.shape3[data-v-ef674bbb] {
  465. bottom: 0;
  466. background-color: #FAC858;
  467. }
  468. .container .shape.shape4[data-v-ef674bbb] {
  469. bottom: 0;
  470. right: 0;
  471. background-color: #EE6666;
  472. }
  473. .loading6 .shape1[data-v-ef674bbb] {
  474. animation: animation6shape1-ef674bbb 2s linear 0s infinite normal;
  475. }
  476. @keyframes animation6shape1-ef674bbb {
  477. 0% {
  478. transform: translate(0, 0);
  479. }
  480. 25% {
  481. transform: translate(0, 18px);
  482. }
  483. 50% {
  484. transform: translate(18px, 18px);
  485. }
  486. 75% {
  487. transform: translate(18px, 0);
  488. }
  489. }
  490. .loading6 .shape2[data-v-ef674bbb] {
  491. animation: animation6shape2-ef674bbb 2s linear 0s infinite normal;
  492. }
  493. @keyframes animation6shape2-ef674bbb {
  494. 0% {
  495. transform: translate(0, 0);
  496. }
  497. 25% {
  498. transform: translate(-18px, 0);
  499. }
  500. 50% {
  501. transform: translate(-18px, 18px);
  502. }
  503. 75% {
  504. transform: translate(0, 18px);
  505. }
  506. }
  507. .loading6 .shape3[data-v-ef674bbb] {
  508. animation: animation6shape3-ef674bbb 2s linear 0s infinite normal;
  509. }
  510. @keyframes animation6shape3-ef674bbb {
  511. 0% {
  512. transform: translate(0, 0);
  513. }
  514. 25% {
  515. transform: translate(18px, 0);
  516. }
  517. 50% {
  518. transform: translate(18px, -18px);
  519. }
  520. 75% {
  521. transform: translate(0, -18px);
  522. }
  523. }
  524. .loading6 .shape4[data-v-ef674bbb] {
  525. animation: animation6shape4-ef674bbb 2s linear 0s infinite normal;
  526. }
  527. @keyframes animation6shape4-ef674bbb {
  528. 0% {
  529. transform: translate(0, 0);
  530. }
  531. 25% {
  532. transform: translate(0, -18px);
  533. }
  534. 50% {
  535. transform: translate(-18px, -18px);
  536. }
  537. 75% {
  538. transform: translate(-18px, 0);
  539. }
  540. }
  541. .chartsview[data-v-a99d579b] {
  542. width: 100%;
  543. height: 100%;
  544. display: flex;
  545. flex-direction: column;
  546. flex: 1;
  547. justify-content: center;
  548. align-items: center;
  549. }
  550. .charts-font[data-v-a99d579b]{
  551. font-size: 14px;
  552. color: #CCCCCC;
  553. margin-top: 10px;
  554. }
  555. .charts-error[data-v-a99d579b]{
  556. width: 128px;
  557. height: 128px;
  558. background: url("data:image/png;base64,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");
  559. background-position: center;
  560. }
  561. .chartsview[data-v-0ca34aee] {
  562. width: 100%;
  563. height: 88%;
  564. display: flex;
  565. flex: 1;
  566. justify-content: center;
  567. align-items: center;
  568. }
  569. /**
  570. * 这里是uni-app内置的常用样式变量
  571. *
  572. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  573. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  574. *
  575. */
  576. /**
  577. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  578. *
  579. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  580. */
  581. /* 颜色变量 */
  582. /* 行为相关颜色 */
  583. /* 文字基本颜色 */
  584. /* 背景颜色 */
  585. /* 边框颜色 */
  586. /* 尺寸变量 */
  587. /* 文字尺寸 */
  588. /* 图片尺寸 */
  589. /* Border Radius */
  590. /* 水平间距 */
  591. /* 垂直间距 */
  592. /* 透明度 */
  593. /* 文章场景相关 */
  594. .uni-calendar-item__weeks-box[data-v-65626c58] {
  595. flex: 1;
  596. display: flex;
  597. flex-direction: column;
  598. justify-content: center;
  599. align-items: center;
  600. }
  601. .uni-calendar-item__weeks-box-text[data-v-65626c58] {
  602. font-size: 14px;
  603. color: #333;
  604. }
  605. .uni-calendar-item__weeks-lunar-text[data-v-65626c58] {
  606. font-size: 12px;
  607. color: #333;
  608. }
  609. .uni-calendar-item__weeks-box-item[data-v-65626c58] {
  610. position: relative;
  611. display: flex;
  612. flex-direction: column;
  613. justify-content: center;
  614. align-items: center;
  615. width: 3.125rem;
  616. height: 3.125rem;
  617. }
  618. .uni-calendar-item__weeks-box-circle[data-v-65626c58] {
  619. position: absolute;
  620. top: 5px;
  621. right: 5px;
  622. width: 8px;
  623. height: 8px;
  624. border-radius: 8px;
  625. }
  626. .uni-calendar-item--workday-dot[data-v-65626c58] {
  627. background-color: #007545;
  628. }
  629. .uni-calendar-item--restday-dot[data-v-65626c58] {
  630. background-color: #e43d33;
  631. }
  632. .uni-calendar-item--disable[data-v-65626c58] {
  633. color: #c0c0c0;
  634. }
  635. .uni-calendar-item--isDay-text[data-v-65626c58] {
  636. color: #2979ff;
  637. }
  638. .uni-calendar-item--isDay[data-v-65626c58] {
  639. color: #2979ff;
  640. }
  641. .uni-calendar-item--multiple[data-v-65626c58] {
  642. color: #fff;
  643. }
  644. .uni-calendar-item--before-checked[data-v-65626c58] {
  645. color: #fff;
  646. }
  647. .uni-calendar-item--after-checked[data-v-65626c58] {
  648. color: #fff;
  649. }
  650. .uni-calendar-item--workday-text[data-v-65626c58] {
  651. color: #007545;
  652. }
  653. .uni-calendar-item--restday-text[data-v-65626c58] {
  654. color: #e43d33;
  655. }
  656. .uni-calendar-item--workday-texts[data-v-65626c58] {
  657. color: #c0c0c0;
  658. }
  659. .uni-calendar-item--restday-texts[data-v-65626c58] {
  660. color: #c0c0c0;
  661. }
  662. /**
  663. * 这里是uni-app内置的常用样式变量
  664. *
  665. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  666. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  667. *
  668. */
  669. /**
  670. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  671. *
  672. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  673. */
  674. /* 颜色变量 */
  675. /* 行为相关颜色 */
  676. /* 文字基本颜色 */
  677. /* 背景颜色 */
  678. /* 边框颜色 */
  679. /* 尺寸变量 */
  680. /* 文字尺寸 */
  681. /* 图片尺寸 */
  682. /* Border Radius */
  683. /* 水平间距 */
  684. /* 垂直间距 */
  685. /* 透明度 */
  686. /* 文章场景相关 */
  687. .uni-calendar[data-v-b6ab2cfb] {
  688. display: flex;
  689. flex-direction: column;
  690. }
  691. .uni-calendar__mask[data-v-b6ab2cfb] {
  692. position: fixed;
  693. bottom: 0;
  694. top: 0;
  695. left: 0;
  696. right: 0;
  697. background-color: rgba(0, 0, 0, 0.4);
  698. transition-property: opacity;
  699. transition-duration: 0.3s;
  700. opacity: 0;
  701. z-index: 99;
  702. }
  703. .uni-calendar--mask-show[data-v-b6ab2cfb] {
  704. opacity: 1;
  705. }
  706. .uni-calendar--fixed[data-v-b6ab2cfb] {
  707. position: fixed;
  708. left: 0;
  709. right: 0;
  710. transition-property: transform;
  711. transition-duration: 0.3s;
  712. transform: translateY(460px);
  713. bottom: calc(var(--window-bottom));
  714. z-index: 99;
  715. }
  716. .uni-calendar--ani-show[data-v-b6ab2cfb] {
  717. transform: translateY(0);
  718. }
  719. .uni-calendar__content[data-v-b6ab2cfb] {
  720. background-color: #fff;
  721. }
  722. .uni-calendar__header[data-v-b6ab2cfb] {
  723. position: relative;
  724. display: flex;
  725. flex-direction: row;
  726. justify-content: center;
  727. align-items: center;
  728. height: 50px;
  729. border-bottom-color: #EDEDED;
  730. border-bottom-style: solid;
  731. border-bottom-width: 1px;
  732. }
  733. .uni-calendar--fixed-top[data-v-b6ab2cfb] {
  734. display: flex;
  735. flex-direction: row;
  736. justify-content: space-between;
  737. border-top-color: #EDEDED;
  738. border-top-style: solid;
  739. border-top-width: 1px;
  740. }
  741. .uni-calendar--fixed-width[data-v-b6ab2cfb] {
  742. width: 50px;
  743. }
  744. .uni-calendar__backtoday[data-v-b6ab2cfb] {
  745. position: absolute;
  746. right: 0;
  747. top: 0.78125rem;
  748. padding: 0 5px;
  749. padding-left: 10px;
  750. height: 25px;
  751. line-height: 25px;
  752. font-size: 12px;
  753. border-top-left-radius: 25px;
  754. border-bottom-left-radius: 25px;
  755. color: #333;
  756. background-color: #f1f1f1;
  757. }
  758. .uni-calendar__header-text[data-v-b6ab2cfb] {
  759. text-align: center;
  760. width: 100px;
  761. font-size: 14px;
  762. color: #333;
  763. }
  764. .uni-calendar__header-btn-box[data-v-b6ab2cfb] {
  765. display: flex;
  766. flex-direction: row;
  767. align-items: center;
  768. justify-content: center;
  769. width: 50px;
  770. height: 50px;
  771. }
  772. .uni-calendar__header-btn[data-v-b6ab2cfb] {
  773. width: 10px;
  774. height: 10px;
  775. border-left-color: #808080;
  776. border-left-style: solid;
  777. border-left-width: 2px;
  778. border-top-color: #555555;
  779. border-top-style: solid;
  780. border-top-width: 2px;
  781. }
  782. .uni-calendar--left[data-v-b6ab2cfb] {
  783. transform: rotate(-45deg);
  784. }
  785. .uni-calendar--right[data-v-b6ab2cfb] {
  786. transform: rotate(135deg);
  787. }
  788. .uni-calendar__weeks[data-v-b6ab2cfb] {
  789. position: relative;
  790. display: flex;
  791. flex-direction: row;
  792. }
  793. .uni-calendar__weeks-item[data-v-b6ab2cfb] {
  794. flex: 1;
  795. }
  796. .uni-calendar__weeks-day[data-v-b6ab2cfb] {
  797. flex: 1;
  798. display: flex;
  799. flex-direction: column;
  800. justify-content: center;
  801. align-items: center;
  802. height: 45px;
  803. border-bottom-color: #F5F5F5;
  804. border-bottom-style: solid;
  805. border-bottom-width: 1px;
  806. }
  807. .uni-calendar__weeks-day-text[data-v-b6ab2cfb] {
  808. font-size: 14px;
  809. }
  810. .uni-calendar__box[data-v-b6ab2cfb] {
  811. position: relative;
  812. }
  813. .uni-calendar__box-bg[data-v-b6ab2cfb] {
  814. display: flex;
  815. justify-content: center;
  816. align-items: center;
  817. position: absolute;
  818. top: 0;
  819. left: 0;
  820. right: 0;
  821. bottom: 0;
  822. }
  823. .uni-calendar__box-bg-text[data-v-b6ab2cfb] {
  824. font-size: 200px;
  825. font-weight: bold;
  826. color: #999;
  827. opacity: 0.1;
  828. text-align: center;
  829. line-height: 1;
  830. }
  831. .uni-calendar-item--isDay[data-v-b6ab2cfb] {
  832. background-color: #B2D5CB !important;
  833. color: #ffffff !important;
  834. border-radius: 0.3125rem;
  835. }
  836. .uni-calendar-item--checked[data-v-b6ab2cfb] {
  837. background-color: #B2D5CB !important;
  838. border-radius: 0.3125rem;
  839. color: #ffffff !important;
  840. }
  841. /**
  842. * 这里是uni-app内置的常用样式变量
  843. *
  844. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  845. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  846. *
  847. */
  848. /**
  849. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  850. *
  851. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  852. */
  853. /* 颜色变量 */
  854. /* 行为相关颜色 */
  855. /* 文字基本颜色 */
  856. /* 背景颜色 */
  857. /* 边框颜色 */
  858. /* 尺寸变量 */
  859. /* 文字尺寸 */
  860. /* 图片尺寸 */
  861. /* Border Radius */
  862. /* 水平间距 */
  863. /* 垂直间距 */
  864. /* 透明度 */
  865. /* 文章场景相关 */
  866. @property --l-loading-start {
  867. syntax: "<length-percentage>";
  868. initial-value: 1%;
  869. inherits: false;
  870. }
  871. @property --l-loading-end {
  872. syntax: "<length-percentage>";
  873. initial-value: 1%;
  874. inherits: false;
  875. }
  876. @property --l-left {
  877. syntax: "<length-percentage>";
  878. initial-value: 1%;
  879. inherits: false;
  880. }
  881. @property --l-loadding-ball-size {
  882. syntax: "<length> | <length-percentage>";
  883. inherits: false;
  884. }
  885. [data-v-e1d73892]:host {
  886. display: inline-flex;
  887. }
  888. .l-loading[data-v-e1d73892] {
  889. position: relative;
  890. color: var(--l-loading-color, #3283ff);
  891. font-size: 0;
  892. vertical-align: middle;
  893. }
  894. .l-loading--ball[data-v-e1d73892] {
  895. display: inline-flex;
  896. align-items: center;
  897. }
  898. .l-loading--ball .l-loading__ball[data-v-e1d73892] {
  899. position: relative;
  900. perspective: calc(var(--l-loadding-ball-size) * 4);
  901. transform-style: preserve-3d;
  902. }
  903. .l-loading--ball .l-loading__ball[data-v-e1d73892]:before {
  904. background-color: #3283ff;
  905. left: 0%;
  906. animation-name: l-ball-before-e1d73892;
  907. }
  908. .l-loading--ball .l-loading__ball[data-v-e1d73892]:after {
  909. right: 0;
  910. background-color: red;
  911. animation-name: l-ball-after-e1d73892;
  912. }
  913. .l-loading--ball .l-loading__ball[data-v-e1d73892]:before, .l-loading--ball .l-loading__ball[data-v-e1d73892]:after {
  914. top: 0;
  915. content: "";
  916. position: absolute;
  917. height: 100%;
  918. aspect-ratio: 1/1;
  919. border-radius: 50%;
  920. animation-iteration-count: infinite;
  921. animation-delay: -100ms;
  922. animation-duration: 900ms;
  923. mix-blend-mode: darken;
  924. }
  925. .l-loading--circular .l-loading__circular[data-v-e1d73892] {
  926. display: inline-block;
  927. position: relative;
  928. animation: l-rotate-e1d73892 var(--l-loading-duration, 1s) linear infinite;
  929. vertical-align: middle;
  930. }
  931. .l-loading--circular .l-loading__circular[data-v-e1d73892]:before {
  932. content: "";
  933. display: block;
  934. width: 100%;
  935. height: 100%;
  936. border-radius: 50%;
  937. background-image: conic-gradient(var(--l-loading-color-1, transparent) 0%, var(--l-loading-color-2, currentColor) 100%);
  938. mask: radial-gradient(closest-side, transparent calc(80% - 1px), #fff 80%);
  939. -webkit-mask: radial-gradient(closest-side, transparent calc(80% - 1px), #fff 80%);
  940. animation: l-circular-e1d73892 2.5s ease-in-out infinite;
  941. transform: rotate(90deg);
  942. }
  943. .l-loading--spinner .l-loading__spinner[data-v-e1d73892] {
  944. position: relative;
  945. box-sizing: border-box;
  946. width: 100%;
  947. height: 100%;
  948. max-width: 100%;
  949. max-height: 100%;
  950. animation-timing-function: steps(12);
  951. animation: l-rotate-e1d73892 0.8s linear infinite;
  952. }
  953. .l-loading--spinner .l-loading__dot[data-v-e1d73892] {
  954. position: absolute;
  955. top: 0;
  956. left: 0;
  957. width: 100%;
  958. height: 100%;
  959. transform: rotate(calc(var(--l-loading-dot, 1) * 30deg));
  960. opacity: calc(var(--l-loading-dot, 1) / 12);
  961. }
  962. .l-loading--spinner .l-loading__dot[data-v-e1d73892]::before {
  963. display: block;
  964. width: 0.15625rem;
  965. height: 25%;
  966. margin: 0 auto;
  967. background-color: currentColor;
  968. border-radius: 40%;
  969. content: " ";
  970. }
  971. .l-loading__text[data-v-e1d73892] {
  972. display: inline-block;
  973. margin-left: var(--l-spacer-xs, 8px);
  974. color: var(--l-loading-text-color, var(--l-text-color-3, rgba(0, 0, 0, 0.45)));
  975. font-size: var(--l-loading-font-size, var(--l-font-size, 14px));
  976. vertical-align: middle;
  977. }
  978. .l-loading.is-vertical[data-v-e1d73892] {
  979. display: inline-flex;
  980. flex-direction: column;
  981. align-items: center;
  982. }
  983. .l-loading.is-vertical .l-loading__text[data-v-e1d73892] {
  984. margin: var(--l-spacer-tn, 4px) 0 0;
  985. }
  986. .l-loading__ball[data-v-e1d73892], .l-loading__circular[data-v-e1d73892], .l-loading__spinner[data-v-e1d73892] {
  987. width: var(--l-loading-size, 20px);
  988. height: var(--l-loading-size, 20px);
  989. }
  990. @keyframes l-circular-e1d73892 {
  991. 0% {
  992. --l-loading-start: 0%;
  993. --l-loading-end: 0%;
  994. }
  995. 50% {
  996. --l-loading-start: 0%;
  997. --l-loading-end: 100%;
  998. }
  999. 100% {
  1000. --l-loading-start: 100%;
  1001. --l-loading-end: 100%;
  1002. }
  1003. }
  1004. @keyframes l-rotate-e1d73892 {
  1005. to {
  1006. transform: rotate(1turn);
  1007. }
  1008. }
  1009. @keyframes l-ball-before-e1d73892 {
  1010. 0% {
  1011. animation-timing-function: ease-in;
  1012. }
  1013. 25% {
  1014. animation-timing-function: ease-out;
  1015. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2);
  1016. transform: translate3d(var(--l-left), 0, var(--l-loadding-ball-size));
  1017. }
  1018. 50% {
  1019. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)));
  1020. animation-timing-function: ease-in;
  1021. transform: translate3d(var(--l-left), 0, 0);
  1022. }
  1023. 75% {
  1024. animation-timing-function: ease-out;
  1025. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2);
  1026. transform: translate3d(var(--l-left), 0, calc(var(--l-loadding-ball-size) * -1));
  1027. }
  1028. }
  1029. @keyframes l-ball-after-e1d73892 {
  1030. 0% {
  1031. animation-timing-function: ease-in;
  1032. }
  1033. 25% {
  1034. animation-timing-function: ease-out;
  1035. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2 * -1);
  1036. transform: translate3d(var(--l-left), 0, calc(var(--l-loadding-ball-size) * -1));
  1037. }
  1038. 50% {
  1039. animation-timing-function: ease-in;
  1040. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) * -1);
  1041. transform: translate3d(var(--l-left), 0, 0);
  1042. }
  1043. 75% {
  1044. animation-timing-function: ease-out;
  1045. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2 * -1);
  1046. transform: translate3d(var(--l-left), 0, var(--l-loadding-ball-size));
  1047. }
  1048. }
  1049. /**
  1050. * 这里是uni-app内置的常用样式变量
  1051. *
  1052. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1053. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1054. *
  1055. */
  1056. /**
  1057. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1058. *
  1059. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1060. */
  1061. /* 颜色变量 */
  1062. /* 行为相关颜色 */
  1063. /* 文字基本颜色 */
  1064. /* 背景颜色 */
  1065. /* 边框颜色 */
  1066. /* 尺寸变量 */
  1067. /* 文字尺寸 */
  1068. /* 图片尺寸 */
  1069. /* Border Radius */
  1070. /* 水平间距 */
  1071. /* 垂直间距 */
  1072. /* 透明度 */
  1073. /* 文章场景相关 */
  1074. .l-switch[data-v-43179dfc] {
  1075. display: inline-flex;
  1076. flex-direction: row;
  1077. align-items: center;
  1078. }
  1079. .l-switch__rail[data-v-43179dfc] {
  1080. position: relative;
  1081. height: var(--l-switch-height, 28px);
  1082. min-width: var(--l-switch-width, 45px);
  1083. transition-duration: 300ms;
  1084. transition-property: background-color;
  1085. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  1086. }
  1087. .l-switch--hover .l-switch__dot[data-v-43179dfc] {
  1088. max-width: var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25));
  1089. }
  1090. .l-switch--hover.l-switch--checked .l-switch__dot[data-v-43179dfc] {
  1091. left: calc(100% - var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)));
  1092. }
  1093. .l-switch--hover.l-switch--checked .l-switch__placeholder--unchecked[data-v-43179dfc] {
  1094. padding-left: calc(1.25 * var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)));
  1095. }
  1096. .l-switch--hover.l-switch--unchecked .l-switch__placeholder--checked[data-v-43179dfc] {
  1097. padding-right: calc(1.25 * var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)));
  1098. }
  1099. .l-switch--checked[data-v-43179dfc] {
  1100. background-color: var(--l-switch-checked-color, #3283ff);
  1101. }
  1102. .l-switch--checked .l-switch__dot[data-v-43179dfc] {
  1103. left: calc(100% - var(--l-switch-dot-size, 22px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)));
  1104. }
  1105. .l-switch--checked.l-switch--disabled[data-v-43179dfc] {
  1106. background-color: var(--l-switch-checked-disabled-color, var(--l-primary-color-3, #add6ff));
  1107. }
  1108. .l-switch--unchecked[data-v-43179dfc] {
  1109. background-color: var(--l-switch-unchecked-color, var(--l-gray-4, #dcdcdc));
  1110. }
  1111. .l-switch--unchecked.l-switch--disabled[data-v-43179dfc] {
  1112. background-color: var(--l-switch-unchecked-disabled-color, var(--l-gray-2, #eeeeee));
  1113. }
  1114. .l-switch--round[data-v-43179dfc] {
  1115. border-radius: var(--l-switch-radius, 99px);
  1116. }
  1117. .l-switch--square[data-v-43179dfc] {
  1118. border-radius: var(--l-switch-radius, 4px);
  1119. }
  1120. .l-switch__dot[data-v-43179dfc] {
  1121. position: absolute;
  1122. background-color: var(--l-switch-dot-bg-color, white);
  1123. height: var(--l-switch-dot-size, 22px);
  1124. pointer-events: none;
  1125. justify-content: center;
  1126. align-items: center;
  1127. overflow: visible;
  1128. transition-duration: 300ms;
  1129. transition-property: background-color, opacity, left, max-width, width, box-shadow, transform;
  1130. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  1131. display: flex;
  1132. width: var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25));
  1133. max-width: var(--l-switch-dot-size, 22px);
  1134. left: var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2));
  1135. top: var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2));
  1136. --l-loading-size: calc(var(--l-switch-dot-size, 22px) * 0.7);
  1137. --l-loading-color: var(--l-switch-checked-color, #3283ff);
  1138. }
  1139. .l-switch__dot--round[data-v-43179dfc] {
  1140. border-radius: var(--l-switch-dot-radius, 99px);
  1141. }
  1142. .l-switch__dot--square[data-v-43179dfc] {
  1143. border-radius: var(--l-switch-dot-radius, 2.5px);
  1144. }
  1145. .l-switch__placeholder[data-v-43179dfc] {
  1146. overflow: visible;
  1147. position: absolute;
  1148. white-space: nowrap;
  1149. pointer-events: none;
  1150. top: 50%;
  1151. transform: translateY(-53%);
  1152. line-height: 1;
  1153. font-size: var(--l-swtich-font-size, 14px);
  1154. color: var(--l-swtich-text-color, white);
  1155. box-sizing: content-box;
  1156. }
  1157. .l-switch__placeholder--checked[data-v-43179dfc] {
  1158. right: 0;
  1159. text-align: right;
  1160. padding-right: calc(1.20 * var(--l-switch-height, 28px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)));
  1161. }
  1162. .l-switch__placeholder--unchecked[data-v-43179dfc] {
  1163. left: 0;
  1164. padding-left: calc(1.20 * var(--l-switch-height, 28px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)));
  1165. }
  1166. .l-switch__children-placeholder[data-v-43179dfc] {
  1167. height: var(--l-switch-height, 28px);
  1168. }
  1169. .l-switch__rail-placeholder[data-v-43179dfc] {
  1170. opacity: 0;
  1171. padding-left: calc(1.75 * var(--l-switch-height, 28px));
  1172. font-size: var(--l-swtich-font-size, 14px);
  1173. }
  1174. /**
  1175. * 这里是uni-app内置的常用样式变量
  1176. *
  1177. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1178. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1179. *
  1180. */
  1181. /**
  1182. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1183. *
  1184. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1185. */
  1186. /* 颜色变量 */
  1187. /* 行为相关颜色 */
  1188. /* 文字基本颜色 */
  1189. /* 背景颜色 */
  1190. /* 边框颜色 */
  1191. /* 尺寸变量 */
  1192. /* 文字尺寸 */
  1193. /* 图片尺寸 */
  1194. /* Border Radius */
  1195. /* 水平间距 */
  1196. /* 垂直间距 */
  1197. /* 透明度 */
  1198. /* 文章场景相关 */
  1199. .uni-popup[data-v-4dd3c44b] {
  1200. position: fixed;
  1201. z-index: 99;
  1202. }
  1203. .uni-popup.top[data-v-4dd3c44b], .uni-popup.left[data-v-4dd3c44b], .uni-popup.right[data-v-4dd3c44b] {
  1204. top: 0;
  1205. }
  1206. .uni-popup .uni-popup__wrapper[data-v-4dd3c44b] {
  1207. display: block;
  1208. position: relative;
  1209. /* iphonex 等安全区设置,底部安全区适配 */
  1210. }
  1211. .uni-popup .uni-popup__wrapper.left[data-v-4dd3c44b], .uni-popup .uni-popup__wrapper.right[data-v-4dd3c44b] {
  1212. padding-top: 0;
  1213. flex: 1;
  1214. }
  1215. .fixforpc-z-index[data-v-4dd3c44b] {
  1216. z-index: 999;
  1217. }
  1218. .fixforpc-top[data-v-4dd3c44b] {
  1219. top: 0;
  1220. }
  1221. /**
  1222. * 这里是uni-app内置的常用样式变量
  1223. *
  1224. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1225. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1226. *
  1227. */
  1228. /**
  1229. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1230. *
  1231. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1232. */
  1233. /* 颜色变量 */
  1234. /* 行为相关颜色 */
  1235. /* 文字基本颜色 */
  1236. /* 背景颜色 */
  1237. /* 边框颜色 */
  1238. /* 尺寸变量 */
  1239. /* 文字尺寸 */
  1240. /* 图片尺寸 */
  1241. /* Border Radius */
  1242. /* 水平间距 */
  1243. /* 垂直间距 */
  1244. /* 透明度 */
  1245. /* 文章场景相关 */
  1246. .uni-top-tabbar[data-v-f7b784a4] {
  1247. /* 以下3项设置用于开启底部阴影显示 */
  1248. /* position: relative;
  1249. z-index: 1;
  1250. overflow: visible; */
  1251. }
  1252. .uni-top-tabbar .uni-swiper-tab[data-v-f7b784a4] {
  1253. height: 3.125rem;
  1254. }
  1255. .uni-top-tabbar .uni-swiper-tab .swiper-tab-list[data-v-f7b784a4] {
  1256. font-size: 0.875rem;
  1257. font-weight: normal;
  1258. line-height: 2.5625rem;
  1259. width: 48%;
  1260. display: flex;
  1261. flex-direction: column;
  1262. align-items: center;
  1263. }
  1264. .uni-top-tabbar .uni-swiper-tab .active .swiper-tab-line[data-v-f7b784a4] {
  1265. height: 0.1875rem;
  1266. width: 100%;
  1267. }
  1268. /**
  1269. * 这里是uni-app内置的常用样式变量
  1270. *
  1271. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1272. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1273. *
  1274. */
  1275. /**
  1276. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1277. *
  1278. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1279. */
  1280. /* 颜色变量 */
  1281. /* 行为相关颜色 */
  1282. /* 文字基本颜色 */
  1283. /* 背景颜色 */
  1284. /* 边框颜色 */
  1285. /* 尺寸变量 */
  1286. /* 文字尺寸 */
  1287. /* 图片尺寸 */
  1288. /* Border Radius */
  1289. /* 水平间距 */
  1290. /* 垂直间距 */
  1291. /* 透明度 */
  1292. /* 文章场景相关 */
  1293. .k-button-group[data-v-34f5114e] {
  1294. box-sizing: border-box;
  1295. display: flex;
  1296. flex-direction: row;
  1297. background-color: white;
  1298. width: 100%;
  1299. padding: 0.625rem 0.9375rem;
  1300. column-gap: 0.75rem;
  1301. }
  1302. .k-button-group .k-button[data-v-34f5114e] {
  1303. width: 100%;
  1304. font-size: 1rem;
  1305. }
  1306. /**
  1307. * 这里是uni-app内置的常用样式变量
  1308. *
  1309. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1310. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1311. *
  1312. */
  1313. /**
  1314. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1315. *
  1316. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1317. */
  1318. /* 颜色变量 */
  1319. /* 行为相关颜色 */
  1320. /* 文字基本颜色 */
  1321. /* 背景颜色 */
  1322. /* 边框颜色 */
  1323. /* 尺寸变量 */
  1324. /* 文字尺寸 */
  1325. /* 图片尺寸 */
  1326. /* Border Radius */
  1327. /* 水平间距 */
  1328. /* 垂直间距 */
  1329. /* 透明度 */
  1330. /* 文章场景相关 */
  1331. .k-bottom-popup[data-v-9a69dd9a] {
  1332. position: fixed;
  1333. width: 100%;
  1334. height: 100%;
  1335. top: 0;
  1336. left: 0;
  1337. bottom: 0;
  1338. right: 0;
  1339. background-color: rgba(0, 0, 0, 0.4);
  1340. opacity: 0;
  1341. transition: opacity 0.3s ease-in-out;
  1342. }
  1343. .k-bottom-popup .fade[data-v-9a69dd9a] {
  1344. transform: translateY(100%);
  1345. }
  1346. .k-bottom-popup .fade-out[data-v-9a69dd9a] {
  1347. transform: translateY(0);
  1348. }
  1349. .k-bottom-popup .tran-content[data-v-9a69dd9a] {
  1350. position: absolute;
  1351. right: 0;
  1352. left: 0;
  1353. bottom: 0;
  1354. transition: transform 0.3s ease-in-out;
  1355. }
  1356. /**
  1357. * 这里是uni-app内置的常用样式变量
  1358. *
  1359. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1360. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1361. *
  1362. */
  1363. /**
  1364. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1365. *
  1366. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1367. */
  1368. /* 颜色变量 */
  1369. /* 行为相关颜色 */
  1370. /* 文字基本颜色 */
  1371. /* 背景颜色 */
  1372. /* 边框颜色 */
  1373. /* 尺寸变量 */
  1374. /* 文字尺寸 */
  1375. /* 图片尺寸 */
  1376. /* Border Radius */
  1377. /* 水平间距 */
  1378. /* 垂直间距 */
  1379. /* 透明度 */
  1380. /* 文章场景相关 */
  1381. .k-date-picker[data-v-29624116] {
  1382. /** 控制提示文字的位置 **/
  1383. --bottom-offset: 10%;
  1384. /** 控制提示文字的大小 **/
  1385. --bottom-font-size: 0.5625rem;
  1386. /** 选中时字体的颜色**/
  1387. --seletct--text-color: white;
  1388. /** 选中时背景颜色 **/
  1389. --seletct--background-color: #005ceeff;
  1390. /** 处于区间的字体颜色 **/
  1391. --in-range--text-color: #005ceeff;
  1392. /** 处于区间的背景颜色 **/
  1393. --in-range--background-color: #f2f6fc;
  1394. /** 限制的字体颜色 **/
  1395. --limit--text-color: #a8abb2;
  1396. /** 限制的背景颜色 **/
  1397. --limit--background-color: #f5f7fa;
  1398. /** current的背景颜色 **/
  1399. --current--background-color: #e4edfe;
  1400. /** current的字体颜色 **/
  1401. --current--text-color: #7994b2;
  1402. box-sizing: border-box;
  1403. width: 100%;
  1404. padding: 0.9375rem 0.9375rem 0.625rem;
  1405. background-color: white;
  1406. border-radius: 10px 10px 0 0;
  1407. position: relative;
  1408. display: flex;
  1409. flex-direction: column;
  1410. }
  1411. .k-date-picker .is-current[data-v-29624116] {
  1412. border-radius: 0.25rem;
  1413. background-color: var(--current--background-color);
  1414. position: relative;
  1415. --color: var(--current--text-color);
  1416. }
  1417. .k-date-picker .is-current[data-v-29624116]:after {
  1418. color: var(--color);
  1419. position: absolute;
  1420. left: 50%;
  1421. bottom: var(--bottom-offset);
  1422. transform: translate(-50%);
  1423. font-size: var(--bottom-font-size);
  1424. line-height: var(--bottom-font-size);
  1425. font-weight: 500;
  1426. }
  1427. .k-date-picker .is-day[data-v-29624116] {
  1428. grid-template-columns: repeat(7, minmax(0, 1fr));
  1429. }
  1430. .k-date-picker .is-day .is-current[data-v-29624116]:after {
  1431. content: "本日";
  1432. }
  1433. .k-date-picker .is-day .is-start[data-v-29624116]:after {
  1434. content: "开始";
  1435. }
  1436. .k-date-picker .is-day .is-end[data-v-29624116]:after {
  1437. content: "结束";
  1438. }
  1439. .k-date-picker .is-month[data-v-29624116] {
  1440. grid-template-columns: repeat(4, minmax(0, 1fr));
  1441. margin-top: 0.75rem;
  1442. }
  1443. .k-date-picker .is-month .is-current[data-v-29624116]:after {
  1444. content: "本月";
  1445. }
  1446. .k-date-picker .is-month .is-start[data-v-29624116]:after {
  1447. content: "开始";
  1448. }
  1449. .k-date-picker .is-month .is-end[data-v-29624116]:after {
  1450. content: "结束";
  1451. }
  1452. .k-date-picker .is-year[data-v-29624116] {
  1453. grid-template-columns: repeat(4, minmax(0, 1fr));
  1454. margin-top: 0.75rem;
  1455. }
  1456. .k-date-picker .is-year .is-current[data-v-29624116]:after {
  1457. content: "本年";
  1458. }
  1459. .k-date-picker .is-year .is-start[data-v-29624116]:after {
  1460. content: "开始";
  1461. }
  1462. .k-date-picker .is-year .is-end[data-v-29624116]:after {
  1463. content: "结束";
  1464. }
  1465. .k-date-picker .inner-top[data-v-29624116] {
  1466. display: flex;
  1467. flex-direction: row;
  1468. justify-content: space-between;
  1469. align-items: center;
  1470. padding-bottom: 0.9375rem;
  1471. }
  1472. .k-date-picker .inner-body__arrow[data-v-29624116] {
  1473. display: flex;
  1474. flex-direction: row;
  1475. align-items: center;
  1476. justify-content: center;
  1477. }
  1478. .k-date-picker .inner-body__calendar_week[data-v-29624116] {
  1479. display: grid;
  1480. grid-template-columns: repeat(7, minmax(0, 1fr));
  1481. }
  1482. .k-date-picker .inner-body__calendar_week--item[data-v-29624116] {
  1483. font-weight: 500;
  1484. color: #303133;
  1485. font-size: 0.9375rem;
  1486. display: flex;
  1487. flex-direction: column;
  1488. align-items: center;
  1489. justify-content: center;
  1490. height: 2.75rem;
  1491. }
  1492. .k-date-picker .inner-body__calendar_block[data-v-29624116] {
  1493. position: relative;
  1494. display: grid;
  1495. row-gap: 0.625rem;
  1496. }
  1497. .k-date-picker .inner-body__calendar_block[data-v-29624116]:after {
  1498. display: block;
  1499. content: attr(data-text);
  1500. color: #eef2f8ff;
  1501. font-size: 8.75rem;
  1502. position: absolute;
  1503. left: 50%;
  1504. top: 50%;
  1505. transform: translate(-50%, -50%);
  1506. z-index: 1;
  1507. }
  1508. .k-date-picker .inner-body__calendar_block--item[data-v-29624116] {
  1509. z-index: 2;
  1510. font-size: 0.9375rem;
  1511. color: #7994b2;
  1512. display: flex;
  1513. flex-direction: column;
  1514. align-items: center;
  1515. justify-content: center;
  1516. aspect-ratio: 1;
  1517. }
  1518. .k-date-picker .is-limit[data-v-29624116] {
  1519. color: var(--limit--text-color) !important;
  1520. background-color: var(--limit--background-color);
  1521. }
  1522. .k-date-picker .is-in-range[data-v-29624116] {
  1523. --color: var(--in-range--text-color) !important;
  1524. background-color: var(--in-range--background-color) !important;
  1525. border-radius: 0 !important;
  1526. color: var(--in-range--text-color) !important;
  1527. }
  1528. .k-date-picker .is-selected[data-v-29624116] {
  1529. position: relative;
  1530. background-color: var(--seletct--background-color) !important;
  1531. color: var(--seletct--text-color) !important;
  1532. border-radius: 0.25rem !important;
  1533. }
  1534. .k-date-picker .is-selected[data-v-29624116]:after {
  1535. content: "已选" !important;
  1536. color: var(--seletct--text-color) !important;
  1537. position: absolute;
  1538. left: 50%;
  1539. bottom: var(--bottom-offset);
  1540. transform: translate(-50%);
  1541. font-size: var(--bottom-font-size);
  1542. line-height: var(--bottom-font-size);
  1543. font-weight: 500;
  1544. }
  1545. .k-date-picker .is-start[data-v-29624116] {
  1546. position: relative;
  1547. background-color: var(--seletct--background-color) !important;
  1548. color: var(--seletct--text-color) !important;
  1549. border-radius: 0.25rem 0 0 0.25rem;
  1550. }
  1551. .k-date-picker .is-start[data-v-29624116]:after {
  1552. content: "开始";
  1553. color: var(--seletct--text-color) !important;
  1554. position: absolute;
  1555. left: 50%;
  1556. bottom: var(--bottom-offset);
  1557. transform: translate(-50%);
  1558. font-size: var(--bottom-font-size);
  1559. line-height: var(--bottom-font-size);
  1560. font-weight: 500;
  1561. }
  1562. .k-date-picker .is-end[data-v-29624116] {
  1563. position: relative;
  1564. background-color: var(--seletct--background-color) !important;
  1565. color: var(--seletct--text-color) !important;
  1566. border-radius: 0 0.25rem 0.25rem 0;
  1567. }
  1568. .k-date-picker .is-end[data-v-29624116]:after {
  1569. content: "结束";
  1570. color: var(--seletct--text-color) !important;
  1571. position: absolute;
  1572. left: 50%;
  1573. bottom: var(--bottom-offset);
  1574. transform: translate(-50%);
  1575. font-size: var(--bottom-font-size);
  1576. line-height: var(--bottom-font-size);
  1577. font-weight: 500;
  1578. }
  1579. .k-date-picker .image-closable[data-v-29624116] {
  1580. width: 1.125rem;
  1581. height: 1.125rem;
  1582. }
  1583. .k-date-picker .image-arrow[data-v-29624116] {
  1584. width: 1.125rem;
  1585. height: 1.125rem;
  1586. }
  1587. .k-date-picker .right-arrow[data-v-29624116] {
  1588. transform: rotate(180deg);
  1589. }
  1590. .k-date-picker .brief[data-v-29624116] {
  1591. margin: 0 0.9375rem;
  1592. color: #000000d9;
  1593. font-size: 0.9375rem;
  1594. font-weight: 500;
  1595. }
  1596. .k-date-picker .selected-date[data-v-29624116] {
  1597. display: flex;
  1598. flex-direction: row;
  1599. align-items: center;
  1600. justify-content: center;
  1601. padding: 0.3125rem 0;
  1602. color: #94a0b4ff;
  1603. font-size: 0.9375rem;
  1604. margin-top: 0.625rem;
  1605. width: 18.75rem;
  1606. }
  1607. .k-date-picker .selected-wrap[data-v-29624116] {
  1608. display: flex;
  1609. flex-direction: row;
  1610. align-items: center;
  1611. justify-content: center;
  1612. width: 100%;
  1613. }
  1614. .uni-page[data-v-c23aac3f] {
  1615. width: 100%;
  1616. height: 100%;
  1617. }
  1618. .container[data-v-c23aac3f] {
  1619. background: linear-gradient(to bottom, #007545 -50%, #f0f5f5 40%, #f0f5f5 100%);
  1620. box-sizing: border-box;
  1621. padding-bottom:0.03125rem;
  1622. }
  1623. .l-liquid[data-v-c23aac3f] {
  1624. /* background-color: #007545; */
  1625. border: 0.3125rem solid #007545;
  1626. }
  1627. .liquid_text[data-v-c23aac3f] {
  1628. font-size: 1.1875rem;
  1629. color: #fff;
  1630. }
  1631. .container_title[data-v-c23aac3f] {
  1632. width: 100%;
  1633. height: 12.5rem;
  1634. display: flex;
  1635. justify-content: center;
  1636. align-items: center;
  1637. }
  1638. .container_box[data-v-c23aac3f] {
  1639. width: 100%;
  1640. padding: 0 0.625rem;
  1641. box-sizing: border-box;
  1642. }
  1643. .container_box1[data-v-c23aac3f]{
  1644. width: 100%;
  1645. padding: 0 0.625rem;
  1646. box-sizing: border-box;
  1647. margin-top: 0.625rem;
  1648. }
  1649. .container_parameter[data-v-c23aac3f] {
  1650. width: 100%;
  1651. height: 15.625rem;
  1652. background-color: #ffffff;
  1653. border-radius: 0.3125rem;
  1654. }
  1655. .income_box[data-v-c23aac3f] {
  1656. width: 100%;
  1657. background-color: #ffffff;
  1658. box-sizing: border-box;
  1659. border-radius: 0.5rem;
  1660. }
  1661. .income[data-v-c23aac3f] {
  1662. width: 100%;
  1663. height: 6.25rem;
  1664. display: flex;
  1665. align-items: center;
  1666. justify-content: space-around;
  1667. }
  1668. .income_image[data-v-c23aac3f] {
  1669. width: 2.125rem;
  1670. height: 2.125rem;
  1671. margin-bottom: 0.1875rem;
  1672. }
  1673. .income_yesterday[data-v-c23aac3f],
  1674. .income_moon[data-v-c23aac3f],
  1675. .income_tired[data-v-c23aac3f] {
  1676. flex: 1;
  1677. display: flex;
  1678. flex-direction: column;
  1679. align-items: center;
  1680. justify-content: space-around;
  1681. }
  1682. .income_yesterday1[data-v-c23aac3f],
  1683. .income_moon1[data-v-c23aac3f],
  1684. .income_tired1[data-v-c23aac3f] {
  1685. font-size: 0.75rem;
  1686. color: #999999;
  1687. }
  1688. .income_yesterday2[data-v-c23aac3f],
  1689. .income_moon2[data-v-c23aac3f],
  1690. .income_tired2[data-v-c23aac3f] {
  1691. font-size: 0.875rem;
  1692. font-weight: 600;
  1693. }
  1694. .income_unit[data-v-c23aac3f]{
  1695. font-size: 0.625rem;
  1696. }
  1697. .qiun_title[data-v-c23aac3f] {
  1698. height: 12%;
  1699. font-size: 0.875rem;
  1700. margin-left: 0.625rem;
  1701. }
  1702. .power_box[data-v-c23aac3f] {
  1703. width: 100%;
  1704. padding: 0 0.625rem;
  1705. margin-bottom: 0.9375rem;
  1706. box-sizing: border-box;
  1707. }
  1708. .power_box1[data-v-c23aac3f] {
  1709. width: 100%;
  1710. padding: 0 0.625rem;
  1711. box-sizing: border-box;
  1712. }
  1713. .power_box2[data-v-c23aac3f]{
  1714. width: 100%;
  1715. padding: 0 0.625rem;
  1716. margin-bottom: 0.9375rem;
  1717. box-sizing: border-box;
  1718. }
  1719. .powerstation[data-v-c23aac3f] {
  1720. width: 100%;
  1721. display: flex;
  1722. align-items: center;
  1723. justify-content: space-between;
  1724. }
  1725. .power_yesterday[data-v-c23aac3f],
  1726. .power_moon[data-v-c23aac3f],
  1727. .power_tired[data-v-c23aac3f] {
  1728. width: 31%;
  1729. padding: 0.625rem 0;
  1730. display: flex;
  1731. flex-direction: column;
  1732. align-items: center;
  1733. justify-content: center;
  1734. border-radius: 0.3125rem;
  1735. background-color: #ffffff;
  1736. }
  1737. .power_yesterday uni-image[data-v-c23aac3f],
  1738. .power_moon uni-image[data-v-c23aac3f],
  1739. .power_tired uni-image[data-v-c23aac3f] {
  1740. width: 1.25rem;
  1741. height: 1.25rem;
  1742. }
  1743. .power_yesterday uni-image[data-v-c23aac3f] {
  1744. /* background-color: #007544; */
  1745. }
  1746. .power_moon uni-image[data-v-c23aac3f] {
  1747. /* background-color: #3774f3; */
  1748. }
  1749. .power_tired uni-image[data-v-c23aac3f] {
  1750. /* background-color: #b3cef9; */
  1751. }
  1752. .power_icon[data-v-c23aac3f]{
  1753. display: flex;
  1754. }
  1755. .power_yesterday1[data-v-c23aac3f],
  1756. .power_moon1[data-v-c23aac3f],
  1757. .power_tired1[data-v-c23aac3f] {
  1758. font-size: 0.8125rem;
  1759. margin-left:0.3125rem;
  1760. color: #999;
  1761. }
  1762. .power_yesterday11[data-v-c23aac3f]{
  1763. font-size: 0.8125rem;
  1764. margin-left:0.3125rem;
  1765. color: #222;
  1766. }
  1767. .power_moon2[data-v-c23aac3f],.power_yesterday2[data-v-c23aac3f],.power_tired2[data-v-c23aac3f]{
  1768. margin-top:0.3125rem;
  1769. font-size: 0.875rem;
  1770. font-weight: 600;
  1771. }
  1772. .toptabbar[data-v-c23aac3f] {
  1773. width: 100%;
  1774. height: 2.5rem;
  1775. margin-top: 20px;
  1776. padding: 0.3125rem 0.625rem;
  1777. box-sizing: border-box;
  1778. }
  1779. [data-v-c23aac3f] .uni-scroll-view-content {
  1780. display: flex;
  1781. justify-content: center;
  1782. }
  1783. .datecalendar[data-v-c23aac3f] {
  1784. display: flex;
  1785. justify-content: space-between;
  1786. padding: 0 0.75rem;
  1787. margin-top: 1.875rem;
  1788. }
  1789. .datecalendar_1[data-v-c23aac3f] {
  1790. width: 10rem;
  1791. height: 1.875rem;
  1792. display: flex;
  1793. font-size: 0.875rem;
  1794. border: 0.00625rem solid #999999;
  1795. border-radius: 1.25rem;
  1796. overflow: overlay;
  1797. }
  1798. .datecalendar_1sun[data-v-c23aac3f] {
  1799. flex: 1;
  1800. display: flex;
  1801. align-items: center;
  1802. justify-content: center;
  1803. color: #222222;
  1804. background-color: #ffffff;
  1805. }
  1806. .datecalendar_1moon[data-v-c23aac3f] {
  1807. flex: 1;
  1808. display: flex;
  1809. align-items: center;
  1810. justify-content: center;
  1811. background-color: #ffffff;
  1812. border-left: 0.00625rem solid #999999;
  1813. border-right: 0.00625rem solid #999999;
  1814. }
  1815. .datecalendar_1year[data-v-c23aac3f] {
  1816. flex: 1;
  1817. display: flex;
  1818. align-items: center;
  1819. justify-content: center;
  1820. background-color: #ffffff;
  1821. }
  1822. .datecalendar_2[data-v-c23aac3f] {
  1823. width: 5.625rem;
  1824. height: 1.875rem;
  1825. display: flex;
  1826. align-items: center;
  1827. justify-content: center;
  1828. font-size: 0.875rem;
  1829. border: 0.00625rem solid #999999;
  1830. border-radius: 1.25rem;
  1831. }
  1832. .qiun_data[data-v-c23aac3f] {
  1833. width: 100%;
  1834. height: 18.75rem;
  1835. padding: 0.5rem;
  1836. overflow: auto;
  1837. box-sizing: border-box;
  1838. }
  1839. .qiun_title[data-v-c23aac3f] {
  1840. height: 12%;
  1841. font-size: 0.875rem;
  1842. margin-left: 0.625rem;
  1843. }
  1844. .energy[data-v-c23aac3f] {
  1845. width: 100%;
  1846. padding: 0.625rem;
  1847. box-sizing: border-box;
  1848. }
  1849. .energy_hostbox[data-v-c23aac3f]{
  1850. padding: 0.625rem;
  1851. box-sizing: border-box;
  1852. }
  1853. .energy_host[data-v-c23aac3f] {
  1854. width: 100%;
  1855. padding: 0.625rem;
  1856. box-sizing: border-box;
  1857. background-color: #ffffff;
  1858. margin-bottom: 0.3125rem;
  1859. border-radius: 0.3125rem;
  1860. }
  1861. .energy_title[data-v-c23aac3f] {
  1862. width: 100%;
  1863. }
  1864. .energy_box[data-v-c23aac3f] {
  1865. width: 100%;
  1866. background-color: #B2D5CB;
  1867. border-radius: 0.3125rem;
  1868. margin-top: 0.625rem;
  1869. padding: 0.9375rem 0.5rem;
  1870. display: flex;
  1871. align-items: center;
  1872. box-sizing: border-box;
  1873. }
  1874. .energy_boximage[data-v-c23aac3f] {
  1875. width: 2.75rem;
  1876. height: 2.75rem;
  1877. }
  1878. .energy_boxtitle[data-v-c23aac3f] {
  1879. flex: 1;
  1880. display: flex;
  1881. flex-direction: column;
  1882. margin-left: 0.625rem;
  1883. }
  1884. .energy_boxtitle1[data-v-c23aac3f] {
  1885. font-size: 0.875rem;
  1886. margin-top: 0.1875rem;
  1887. font-weight: 600;
  1888. }
  1889. .energy_boxtitle2[data-v-c23aac3f] {
  1890. font-size: 0.8125rem;
  1891. margin-top: 0.125rem;
  1892. }
  1893. .energy_right[data-v-c23aac3f] {
  1894. display: flex;
  1895. align-items: center;
  1896. }
  1897. .energy_boxright[data-v-c23aac3f] {
  1898. display: flex;
  1899. flex-direction: column;
  1900. align-items: center;
  1901. justify-content: center;
  1902. }
  1903. .energy_boxright1[data-v-c23aac3f] {
  1904. padding: 0.1875rem 1.25rem;
  1905. font-size: 0.8125rem;
  1906. border-radius: 1.5625rem;
  1907. display: flex;
  1908. align-items: center;
  1909. justify-content: center;
  1910. background-color: rgba(0, 116, 84, .3);
  1911. color: #fff;
  1912. }
  1913. .energy_boxright2[data-v-c23aac3f] {
  1914. font-size: 0.75rem;
  1915. margin-top: 0.3125rem;
  1916. }
  1917. .energy_jumpto[data-v-c23aac3f] {
  1918. width: 0.9375rem;
  1919. height: 0.9375rem;
  1920. margin-left: 0.25rem;
  1921. }
  1922. .energy_calendar[data-v-c23aac3f]{
  1923. margin-top:0.9375rem;
  1924. border-radius: 0.3125rem;
  1925. overflow: hidden;
  1926. }
  1927. .incomeweekday[data-v-c23aac3f]{
  1928. width: 100%;
  1929. height: 3.125rem;
  1930. display: flex;
  1931. align-items: center;
  1932. /* justify-content: space-around; */
  1933. }
  1934. .weekday[data-v-c23aac3f]{
  1935. width: 0.625rem;
  1936. height: 0.625rem;
  1937. border-radius: 1.5625rem;
  1938. background-color: red;
  1939. margin-right: 0.3125rem;
  1940. }
  1941. .restday1[data-v-c23aac3f]{
  1942. display: flex;
  1943. align-items: center;
  1944. margin-left: 1.25rem;
  1945. padding: 0.3125rem;
  1946. border-radius: 3.125rem;
  1947. box-sizing: border-box;
  1948. }
  1949. .weekday1[data-v-c23aac3f]{
  1950. display: flex;
  1951. align-items: center;
  1952. margin-left: 0.625rem;
  1953. padding: 0.3125rem;
  1954. border-radius: 3.125rem;
  1955. box-sizing: border-box;
  1956. }
  1957. .restday[data-v-c23aac3f]{
  1958. width: 0.625rem;
  1959. height: 0.625rem;
  1960. border-radius: 1.5625rem;
  1961. background-color: #007545;
  1962. margin-right: 0.3125rem;
  1963. }
  1964. .power_yesterdaystrategy[data-v-c23aac3f]{
  1965. width: 100%;
  1966. padding: 0.625rem 0.625rem;
  1967. display: flex;
  1968. align-items: center;
  1969. justify-content: space-between;
  1970. border-radius: 0.3125rem;
  1971. background-color: #ffffff;
  1972. margin-top: 0.625rem;
  1973. overflow: hidden;
  1974. box-sizing: border-box;
  1975. }
  1976. .power_iconstrategy[data-v-c23aac3f]{
  1977. flex-direction: column;
  1978. }
  1979. .strategy[data-v-c23aac3f]{
  1980. width: 1.875rem;
  1981. height: 1.875rem;
  1982. }
  1983. .strategycalendar[data-v-c23aac3f]{
  1984. width: 1.875rem;
  1985. height: 1.875rem;
  1986. padding: 0.1875rem;
  1987. box-sizing: border-box;
  1988. }
  1989. .strategybox[data-v-c23aac3f]{
  1990. display: flex;
  1991. align-items: center;
  1992. }
  1993. .power_strategy[data-v-c23aac3f]{
  1994. font-size: 0.75rem;
  1995. color: #ccc;
  1996. display: flex;
  1997. align-items: center;
  1998. }
  1999. .power_strategy1[data-v-c23aac3f]{
  2000. font-size: 0.75rem;
  2001. color: #999999;
  2002. display: flex;
  2003. align-items: center;
  2004. }
  2005. .power_strategy2[data-v-c23aac3f]{
  2006. font-size: 0.75rem;
  2007. color: red;
  2008. display: flex;
  2009. align-items: center;
  2010. }
  2011. @mixin flex {
  2012. display: flex;
  2013. flex-direction: row;
  2014. }
  2015. @mixin height {
  2016. height: 100%;
  2017. }
  2018. .box[data-v-c23aac3f] {
  2019. @include flex;
  2020. }
  2021. .button[data-v-c23aac3f] {
  2022. @include flex;
  2023. align-items: center;
  2024. justify-content: center;
  2025. flex: 1;
  2026. height: 35px;
  2027. margin: 0 5px;
  2028. border-radius: 5px;
  2029. }
  2030. .example-body[data-v-c23aac3f] {
  2031. background-color: #fff;
  2032. padding: 10px 0;
  2033. }
  2034. .button-text[data-v-c23aac3f] {
  2035. color: #fff;
  2036. font-size: 12px;
  2037. }
  2038. .popup-content[data-v-c23aac3f] {
  2039. @include flex;
  2040. align-items: center;
  2041. justify-content: center;
  2042. padding: 15px;
  2043. background-color: #fff;
  2044. }
  2045. .popup-height[data-v-c23aac3f] {
  2046. @include height;
  2047. width: 400px;
  2048. }
  2049. .text[data-v-c23aac3f] {
  2050. font-size: 12px;
  2051. color: #333;
  2052. }
  2053. .popup-success[data-v-c23aac3f] {
  2054. color: #fff;
  2055. background-color: #e1f3d8;
  2056. }
  2057. .popup-warn[data-v-c23aac3f] {
  2058. color: #fff;
  2059. background-color: #faecd8;
  2060. }
  2061. .popup-error[data-v-c23aac3f] {
  2062. color: #fff;
  2063. background-color: #fde2e2;
  2064. }
  2065. .popup-info[data-v-c23aac3f] {
  2066. color: #fff;
  2067. background-color: #f2f6fc;
  2068. }
  2069. .success-text[data-v-c23aac3f] {
  2070. color: #09bb07;
  2071. }
  2072. .warn-text[data-v-c23aac3f] {
  2073. color: #e6a23c;
  2074. }
  2075. .error-text[data-v-c23aac3f] {
  2076. color: #f56c6c;
  2077. }
  2078. .info-text[data-v-c23aac3f] {
  2079. color: #909399;
  2080. }
  2081. .dialog[data-v-c23aac3f],
  2082. .share[data-v-c23aac3f] {
  2083. display: flex;
  2084. flex-direction: column;
  2085. }
  2086. .dialog-box[data-v-c23aac3f] {
  2087. padding: 10px;
  2088. }
  2089. .dialog .button[data-v-c23aac3f],
  2090. .share .button[data-v-c23aac3f] {
  2091. width: 100%;
  2092. margin: 0;
  2093. margin-top: 10px;
  2094. padding: 3px 0;
  2095. flex: 1;
  2096. }
  2097. .dialog-text[data-v-c23aac3f] {
  2098. font-size: 14px;
  2099. color: #333;
  2100. }
  2101. /* 弹出层内容样式 */
  2102. .popup-content[data-v-c23aac3f] {
  2103. padding: 20px;
  2104. text-align: center;
  2105. border-radius: 0.625rem;
  2106. }
  2107. /* 文本样式 */
  2108. .popuptext[data-v-c23aac3f] {
  2109. font-size: 0.8125rem;
  2110. color: #333;
  2111. margin-bottom: 0.625rem;
  2112. }
  2113. /* 取消按钮样式 */
  2114. .cancel-button[data-v-c23aac3f] {
  2115. width: 3.75rem;
  2116. height: 1.875rem;
  2117. margin-top: 0.3125rem;
  2118. font-size: 0.75rem;
  2119. background-color: #f0f0f0;
  2120. color: #333;
  2121. margin-right: 1.25rem;
  2122. }
  2123. /* 确认按钮样式 */
  2124. .confirm-button[data-v-c23aac3f] {
  2125. width: 3.75rem;
  2126. height: 1.875rem;
  2127. margin-top: 0.3125rem;
  2128. font-size: 0.75rem;
  2129. background-color: #007aff;
  2130. color: #fff;
  2131. }
  2132. /* 根据设备类型调整高度 */
  2133. .popup-height[data-v-c23aac3f] {
  2134. height: 200px;
  2135. }
  2136. .popupbutton[data-v-c23aac3f]{
  2137. display: flex;
  2138. }