after-sale.css 50 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052
  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-color[data-v-d31e1c47]:before {
  27. content: "\e6cf";
  28. }
  29. .uniui-wallet[data-v-d31e1c47]:before {
  30. content: "\e6b1";
  31. }
  32. .uniui-settings-filled[data-v-d31e1c47]:before {
  33. content: "\e6ce";
  34. }
  35. .uniui-auth-filled[data-v-d31e1c47]:before {
  36. content: "\e6cc";
  37. }
  38. .uniui-shop-filled[data-v-d31e1c47]:before {
  39. content: "\e6cd";
  40. }
  41. .uniui-staff-filled[data-v-d31e1c47]:before {
  42. content: "\e6cb";
  43. }
  44. .uniui-vip-filled[data-v-d31e1c47]:before {
  45. content: "\e6c6";
  46. }
  47. .uniui-plus-filled[data-v-d31e1c47]:before {
  48. content: "\e6c7";
  49. }
  50. .uniui-folder-add-filled[data-v-d31e1c47]:before {
  51. content: "\e6c8";
  52. }
  53. .uniui-color-filled[data-v-d31e1c47]:before {
  54. content: "\e6c9";
  55. }
  56. .uniui-tune-filled[data-v-d31e1c47]:before {
  57. content: "\e6ca";
  58. }
  59. .uniui-calendar-filled[data-v-d31e1c47]:before {
  60. content: "\e6c0";
  61. }
  62. .uniui-notification-filled[data-v-d31e1c47]:before {
  63. content: "\e6c1";
  64. }
  65. .uniui-wallet-filled[data-v-d31e1c47]:before {
  66. content: "\e6c2";
  67. }
  68. .uniui-medal-filled[data-v-d31e1c47]:before {
  69. content: "\e6c3";
  70. }
  71. .uniui-gift-filled[data-v-d31e1c47]:before {
  72. content: "\e6c4";
  73. }
  74. .uniui-fire-filled[data-v-d31e1c47]:before {
  75. content: "\e6c5";
  76. }
  77. .uniui-refreshempty[data-v-d31e1c47]:before {
  78. content: "\e6bf";
  79. }
  80. .uniui-location-filled[data-v-d31e1c47]:before {
  81. content: "\e6af";
  82. }
  83. .uniui-person-filled[data-v-d31e1c47]:before {
  84. content: "\e69d";
  85. }
  86. .uniui-personadd-filled[data-v-d31e1c47]:before {
  87. content: "\e698";
  88. }
  89. .uniui-back[data-v-d31e1c47]:before {
  90. content: "\e6b9";
  91. }
  92. .uniui-forward[data-v-d31e1c47]:before {
  93. content: "\e6ba";
  94. }
  95. .uniui-arrow-right[data-v-d31e1c47]:before {
  96. content: "\e6bb";
  97. }
  98. .uniui-arrowthinright[data-v-d31e1c47]:before {
  99. content: "\e6bb";
  100. }
  101. .uniui-arrow-left[data-v-d31e1c47]:before {
  102. content: "\e6bc";
  103. }
  104. .uniui-arrowthinleft[data-v-d31e1c47]:before {
  105. content: "\e6bc";
  106. }
  107. .uniui-arrow-up[data-v-d31e1c47]:before {
  108. content: "\e6bd";
  109. }
  110. .uniui-arrowthinup[data-v-d31e1c47]:before {
  111. content: "\e6bd";
  112. }
  113. .uniui-arrow-down[data-v-d31e1c47]:before {
  114. content: "\e6be";
  115. }
  116. .uniui-arrowthindown[data-v-d31e1c47]:before {
  117. content: "\e6be";
  118. }
  119. .uniui-bottom[data-v-d31e1c47]:before {
  120. content: "\e6b8";
  121. }
  122. .uniui-arrowdown[data-v-d31e1c47]:before {
  123. content: "\e6b8";
  124. }
  125. .uniui-right[data-v-d31e1c47]:before {
  126. content: "\e6b5";
  127. }
  128. .uniui-arrowright[data-v-d31e1c47]:before {
  129. content: "\e6b5";
  130. }
  131. .uniui-top[data-v-d31e1c47]:before {
  132. content: "\e6b6";
  133. }
  134. .uniui-arrowup[data-v-d31e1c47]:before {
  135. content: "\e6b6";
  136. }
  137. .uniui-left[data-v-d31e1c47]:before {
  138. content: "\e6b7";
  139. }
  140. .uniui-arrowleft[data-v-d31e1c47]:before {
  141. content: "\e6b7";
  142. }
  143. .uniui-eye[data-v-d31e1c47]:before {
  144. content: "\e651";
  145. }
  146. .uniui-eye-filled[data-v-d31e1c47]:before {
  147. content: "\e66a";
  148. }
  149. .uniui-eye-slash[data-v-d31e1c47]:before {
  150. content: "\e6b3";
  151. }
  152. .uniui-eye-slash-filled[data-v-d31e1c47]:before {
  153. content: "\e6b4";
  154. }
  155. .uniui-info-filled[data-v-d31e1c47]:before {
  156. content: "\e649";
  157. }
  158. .uniui-reload[data-v-d31e1c47]:before {
  159. content: "\e6b2";
  160. }
  161. .uniui-micoff-filled[data-v-d31e1c47]:before {
  162. content: "\e6b0";
  163. }
  164. .uniui-map-pin-ellipse[data-v-d31e1c47]:before {
  165. content: "\e6ac";
  166. }
  167. .uniui-map-pin[data-v-d31e1c47]:before {
  168. content: "\e6ad";
  169. }
  170. .uniui-location[data-v-d31e1c47]:before {
  171. content: "\e6ae";
  172. }
  173. .uniui-starhalf[data-v-d31e1c47]:before {
  174. content: "\e683";
  175. }
  176. .uniui-star[data-v-d31e1c47]:before {
  177. content: "\e688";
  178. }
  179. .uniui-star-filled[data-v-d31e1c47]:before {
  180. content: "\e68f";
  181. }
  182. .uniui-calendar[data-v-d31e1c47]:before {
  183. content: "\e6a0";
  184. }
  185. .uniui-fire[data-v-d31e1c47]:before {
  186. content: "\e6a1";
  187. }
  188. .uniui-medal[data-v-d31e1c47]:before {
  189. content: "\e6a2";
  190. }
  191. .uniui-font[data-v-d31e1c47]:before {
  192. content: "\e6a3";
  193. }
  194. .uniui-gift[data-v-d31e1c47]:before {
  195. content: "\e6a4";
  196. }
  197. .uniui-link[data-v-d31e1c47]:before {
  198. content: "\e6a5";
  199. }
  200. .uniui-notification[data-v-d31e1c47]:before {
  201. content: "\e6a6";
  202. }
  203. .uniui-staff[data-v-d31e1c47]:before {
  204. content: "\e6a7";
  205. }
  206. .uniui-vip[data-v-d31e1c47]:before {
  207. content: "\e6a8";
  208. }
  209. .uniui-folder-add[data-v-d31e1c47]:before {
  210. content: "\e6a9";
  211. }
  212. .uniui-tune[data-v-d31e1c47]:before {
  213. content: "\e6aa";
  214. }
  215. .uniui-auth[data-v-d31e1c47]:before {
  216. content: "\e6ab";
  217. }
  218. .uniui-person[data-v-d31e1c47]:before {
  219. content: "\e699";
  220. }
  221. .uniui-email-filled[data-v-d31e1c47]:before {
  222. content: "\e69a";
  223. }
  224. .uniui-phone-filled[data-v-d31e1c47]:before {
  225. content: "\e69b";
  226. }
  227. .uniui-phone[data-v-d31e1c47]:before {
  228. content: "\e69c";
  229. }
  230. .uniui-email[data-v-d31e1c47]:before {
  231. content: "\e69e";
  232. }
  233. .uniui-personadd[data-v-d31e1c47]:before {
  234. content: "\e69f";
  235. }
  236. .uniui-chatboxes-filled[data-v-d31e1c47]:before {
  237. content: "\e692";
  238. }
  239. .uniui-contact[data-v-d31e1c47]:before {
  240. content: "\e693";
  241. }
  242. .uniui-chatbubble-filled[data-v-d31e1c47]:before {
  243. content: "\e694";
  244. }
  245. .uniui-contact-filled[data-v-d31e1c47]:before {
  246. content: "\e695";
  247. }
  248. .uniui-chatboxes[data-v-d31e1c47]:before {
  249. content: "\e696";
  250. }
  251. .uniui-chatbubble[data-v-d31e1c47]:before {
  252. content: "\e697";
  253. }
  254. .uniui-upload-filled[data-v-d31e1c47]:before {
  255. content: "\e68e";
  256. }
  257. .uniui-upload[data-v-d31e1c47]:before {
  258. content: "\e690";
  259. }
  260. .uniui-weixin[data-v-d31e1c47]:before {
  261. content: "\e691";
  262. }
  263. .uniui-compose[data-v-d31e1c47]:before {
  264. content: "\e67f";
  265. }
  266. .uniui-qq[data-v-d31e1c47]:before {
  267. content: "\e680";
  268. }
  269. .uniui-download-filled[data-v-d31e1c47]:before {
  270. content: "\e681";
  271. }
  272. .uniui-pyq[data-v-d31e1c47]:before {
  273. content: "\e682";
  274. }
  275. .uniui-sound[data-v-d31e1c47]:before {
  276. content: "\e684";
  277. }
  278. .uniui-trash-filled[data-v-d31e1c47]:before {
  279. content: "\e685";
  280. }
  281. .uniui-sound-filled[data-v-d31e1c47]:before {
  282. content: "\e686";
  283. }
  284. .uniui-trash[data-v-d31e1c47]:before {
  285. content: "\e687";
  286. }
  287. .uniui-videocam-filled[data-v-d31e1c47]:before {
  288. content: "\e689";
  289. }
  290. .uniui-spinner-cycle[data-v-d31e1c47]:before {
  291. content: "\e68a";
  292. }
  293. .uniui-weibo[data-v-d31e1c47]:before {
  294. content: "\e68b";
  295. }
  296. .uniui-videocam[data-v-d31e1c47]:before {
  297. content: "\e68c";
  298. }
  299. .uniui-download[data-v-d31e1c47]:before {
  300. content: "\e68d";
  301. }
  302. .uniui-help[data-v-d31e1c47]:before {
  303. content: "\e679";
  304. }
  305. .uniui-navigate-filled[data-v-d31e1c47]:before {
  306. content: "\e67a";
  307. }
  308. .uniui-plusempty[data-v-d31e1c47]:before {
  309. content: "\e67b";
  310. }
  311. .uniui-smallcircle[data-v-d31e1c47]:before {
  312. content: "\e67c";
  313. }
  314. .uniui-minus-filled[data-v-d31e1c47]:before {
  315. content: "\e67d";
  316. }
  317. .uniui-micoff[data-v-d31e1c47]:before {
  318. content: "\e67e";
  319. }
  320. .uniui-closeempty[data-v-d31e1c47]:before {
  321. content: "\e66c";
  322. }
  323. .uniui-clear[data-v-d31e1c47]:before {
  324. content: "\e66d";
  325. }
  326. .uniui-navigate[data-v-d31e1c47]:before {
  327. content: "\e66e";
  328. }
  329. .uniui-minus[data-v-d31e1c47]:before {
  330. content: "\e66f";
  331. }
  332. .uniui-image[data-v-d31e1c47]:before {
  333. content: "\e670";
  334. }
  335. .uniui-mic[data-v-d31e1c47]:before {
  336. content: "\e671";
  337. }
  338. .uniui-paperplane[data-v-d31e1c47]:before {
  339. content: "\e672";
  340. }
  341. .uniui-close[data-v-d31e1c47]:before {
  342. content: "\e673";
  343. }
  344. .uniui-help-filled[data-v-d31e1c47]:before {
  345. content: "\e674";
  346. }
  347. .uniui-paperplane-filled[data-v-d31e1c47]:before {
  348. content: "\e675";
  349. }
  350. .uniui-plus[data-v-d31e1c47]:before {
  351. content: "\e676";
  352. }
  353. .uniui-mic-filled[data-v-d31e1c47]:before {
  354. content: "\e677";
  355. }
  356. .uniui-image-filled[data-v-d31e1c47]:before {
  357. content: "\e678";
  358. }
  359. .uniui-locked-filled[data-v-d31e1c47]:before {
  360. content: "\e668";
  361. }
  362. .uniui-info[data-v-d31e1c47]:before {
  363. content: "\e669";
  364. }
  365. .uniui-locked[data-v-d31e1c47]:before {
  366. content: "\e66b";
  367. }
  368. .uniui-camera-filled[data-v-d31e1c47]:before {
  369. content: "\e658";
  370. }
  371. .uniui-chat-filled[data-v-d31e1c47]:before {
  372. content: "\e659";
  373. }
  374. .uniui-camera[data-v-d31e1c47]:before {
  375. content: "\e65a";
  376. }
  377. .uniui-circle[data-v-d31e1c47]:before {
  378. content: "\e65b";
  379. }
  380. .uniui-checkmarkempty[data-v-d31e1c47]:before {
  381. content: "\e65c";
  382. }
  383. .uniui-chat[data-v-d31e1c47]:before {
  384. content: "\e65d";
  385. }
  386. .uniui-circle-filled[data-v-d31e1c47]:before {
  387. content: "\e65e";
  388. }
  389. .uniui-flag[data-v-d31e1c47]:before {
  390. content: "\e65f";
  391. }
  392. .uniui-flag-filled[data-v-d31e1c47]:before {
  393. content: "\e660";
  394. }
  395. .uniui-gear-filled[data-v-d31e1c47]:before {
  396. content: "\e661";
  397. }
  398. .uniui-home[data-v-d31e1c47]:before {
  399. content: "\e662";
  400. }
  401. .uniui-home-filled[data-v-d31e1c47]:before {
  402. content: "\e663";
  403. }
  404. .uniui-gear[data-v-d31e1c47]:before {
  405. content: "\e664";
  406. }
  407. .uniui-smallcircle-filled[data-v-d31e1c47]:before {
  408. content: "\e665";
  409. }
  410. .uniui-map-filled[data-v-d31e1c47]:before {
  411. content: "\e666";
  412. }
  413. .uniui-map[data-v-d31e1c47]:before {
  414. content: "\e667";
  415. }
  416. .uniui-refresh-filled[data-v-d31e1c47]:before {
  417. content: "\e656";
  418. }
  419. .uniui-refresh[data-v-d31e1c47]:before {
  420. content: "\e657";
  421. }
  422. .uniui-cloud-upload[data-v-d31e1c47]:before {
  423. content: "\e645";
  424. }
  425. .uniui-cloud-download-filled[data-v-d31e1c47]:before {
  426. content: "\e646";
  427. }
  428. .uniui-cloud-download[data-v-d31e1c47]:before {
  429. content: "\e647";
  430. }
  431. .uniui-cloud-upload-filled[data-v-d31e1c47]:before {
  432. content: "\e648";
  433. }
  434. .uniui-redo[data-v-d31e1c47]:before {
  435. content: "\e64a";
  436. }
  437. .uniui-images-filled[data-v-d31e1c47]:before {
  438. content: "\e64b";
  439. }
  440. .uniui-undo-filled[data-v-d31e1c47]:before {
  441. content: "\e64c";
  442. }
  443. .uniui-more[data-v-d31e1c47]:before {
  444. content: "\e64d";
  445. }
  446. .uniui-more-filled[data-v-d31e1c47]:before {
  447. content: "\e64e";
  448. }
  449. .uniui-undo[data-v-d31e1c47]:before {
  450. content: "\e64f";
  451. }
  452. .uniui-images[data-v-d31e1c47]:before {
  453. content: "\e650";
  454. }
  455. .uniui-paperclip[data-v-d31e1c47]:before {
  456. content: "\e652";
  457. }
  458. .uniui-settings[data-v-d31e1c47]:before {
  459. content: "\e653";
  460. }
  461. .uniui-search[data-v-d31e1c47]:before {
  462. content: "\e654";
  463. }
  464. .uniui-redo-filled[data-v-d31e1c47]:before {
  465. content: "\e655";
  466. }
  467. .uniui-list[data-v-d31e1c47]:before {
  468. content: "\e644";
  469. }
  470. .uniui-mail-open-filled[data-v-d31e1c47]:before {
  471. content: "\e63a";
  472. }
  473. .uniui-hand-down-filled[data-v-d31e1c47]:before {
  474. content: "\e63c";
  475. }
  476. .uniui-hand-down[data-v-d31e1c47]:before {
  477. content: "\e63d";
  478. }
  479. .uniui-hand-up-filled[data-v-d31e1c47]:before {
  480. content: "\e63e";
  481. }
  482. .uniui-hand-up[data-v-d31e1c47]:before {
  483. content: "\e63f";
  484. }
  485. .uniui-heart-filled[data-v-d31e1c47]:before {
  486. content: "\e641";
  487. }
  488. .uniui-mail-open[data-v-d31e1c47]:before {
  489. content: "\e643";
  490. }
  491. .uniui-heart[data-v-d31e1c47]:before {
  492. content: "\e639";
  493. }
  494. .uniui-loop[data-v-d31e1c47]:before {
  495. content: "\e633";
  496. }
  497. .uniui-pulldown[data-v-d31e1c47]:before {
  498. content: "\e632";
  499. }
  500. .uniui-scan[data-v-d31e1c47]:before {
  501. content: "\e62a";
  502. }
  503. .uniui-bars[data-v-d31e1c47]:before {
  504. content: "\e627";
  505. }
  506. .uniui-cart-filled[data-v-d31e1c47]:before {
  507. content: "\e629";
  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.89ed7d6d.ttf") format("truetype");
  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-calendar-item__weeks-box[data-v-3c762a01] {
  559. flex: 1;
  560. display: flex;
  561. flex-direction: column;
  562. justify-content: center;
  563. align-items: center;
  564. margin: 1px 0;
  565. position: relative;
  566. }
  567. .uni-calendar-item__weeks-box-text[data-v-3c762a01] {
  568. font-size: 14px;
  569. font-weight: bold;
  570. color: #001833;
  571. }
  572. .uni-calendar-item__weeks-box-item[data-v-3c762a01] {
  573. position: relative;
  574. display: flex;
  575. flex-direction: column;
  576. justify-content: center;
  577. align-items: center;
  578. width: 40px;
  579. height: 40px;
  580. }
  581. .uni-calendar-item__weeks-box-circle[data-v-3c762a01] {
  582. position: absolute;
  583. top: 5px;
  584. right: 5px;
  585. width: 8px;
  586. height: 8px;
  587. border-radius: 8px;
  588. background-color: #dd524d;
  589. }
  590. .uni-calendar-item__weeks-box .uni-calendar-item--disable[data-v-3c762a01] {
  591. cursor: default;
  592. }
  593. .uni-calendar-item--disable .uni-calendar-item__weeks-box-text-disable[data-v-3c762a01] {
  594. color: #D1D1D1;
  595. }
  596. .uni-calendar-item--today[data-v-3c762a01] {
  597. position: absolute;
  598. top: 10px;
  599. right: 17%;
  600. background-color: #dd524d;
  601. width: 6px;
  602. height: 6px;
  603. border-radius: 50%;
  604. }
  605. .uni-calendar-item--extra[data-v-3c762a01] {
  606. color: #dd524d;
  607. opacity: 0.8;
  608. }
  609. .uni-calendar-item__weeks-box .uni-calendar-item--checked[data-v-3c762a01] {
  610. background-color: #007aff;
  611. border-radius: 50%;
  612. box-sizing: border-box;
  613. border: 3px solid #fff;
  614. }
  615. .uni-calendar-item--checked .uni-calendar-item--checked-text[data-v-3c762a01] {
  616. color: #fff;
  617. }
  618. .uni-calendar-item--multiple .uni-calendar-item--checked-range-text[data-v-3c762a01] {
  619. color: #333;
  620. }
  621. .uni-calendar-item--multiple[data-v-3c762a01] {
  622. background-color: #F6F7FC;
  623. }
  624. .uni-calendar-item--multiple .uni-calendar-item--before-checked[data-v-3c762a01],
  625. .uni-calendar-item--multiple .uni-calendar-item--after-checked[data-v-3c762a01] {
  626. background-color: #007aff;
  627. border-radius: 50%;
  628. box-sizing: border-box;
  629. border: 3px solid #F6F7FC;
  630. }
  631. .uni-calendar-item--before-checked .uni-calendar-item--checked-text[data-v-3c762a01],
  632. .uni-calendar-item--after-checked .uni-calendar-item--checked-text[data-v-3c762a01] {
  633. color: #fff;
  634. }
  635. .uni-calendar-item--before-checked-x[data-v-3c762a01] {
  636. border-top-left-radius: 50px;
  637. border-bottom-left-radius: 50px;
  638. box-sizing: border-box;
  639. background-color: #F6F7FC;
  640. }
  641. .uni-calendar-item--after-checked-x[data-v-3c762a01] {
  642. border-top-right-radius: 50px;
  643. border-bottom-right-radius: 50px;
  644. background-color: #F6F7FC;
  645. }
  646. /**
  647. * 这里是uni-app内置的常用样式变量
  648. *
  649. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  650. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  651. *
  652. */
  653. /**
  654. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  655. *
  656. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  657. */
  658. /* 颜色变量 */
  659. /* 行为相关颜色 */
  660. /* 文字基本颜色 */
  661. /* 背景颜色 */
  662. /* 边框颜色 */
  663. /* 尺寸变量 */
  664. /* 文字尺寸 */
  665. /* 图片尺寸 */
  666. /* Border Radius */
  667. /* 水平间距 */
  668. /* 垂直间距 */
  669. /* 透明度 */
  670. /* 文章场景相关 */
  671. .uni-datetime-picker[data-v-1d532b70] {
  672. /* width: 100%; */
  673. }
  674. .uni-datetime-picker-view[data-v-1d532b70] {
  675. height: 130px;
  676. width: 270px;
  677. cursor: pointer;
  678. }
  679. .uni-datetime-picker-item[data-v-1d532b70] {
  680. height: 50px;
  681. line-height: 50px;
  682. text-align: center;
  683. font-size: 14px;
  684. }
  685. .uni-datetime-picker-btn[data-v-1d532b70] {
  686. margin-top: 60px;
  687. display: flex;
  688. cursor: pointer;
  689. flex-direction: row;
  690. justify-content: space-between;
  691. }
  692. .uni-datetime-picker-btn-text[data-v-1d532b70] {
  693. font-size: 14px;
  694. color: #007aff;
  695. }
  696. .uni-datetime-picker-btn-group[data-v-1d532b70] {
  697. display: flex;
  698. flex-direction: row;
  699. }
  700. .uni-datetime-picker-cancel[data-v-1d532b70] {
  701. margin-right: 30px;
  702. }
  703. .uni-datetime-picker-mask[data-v-1d532b70] {
  704. position: fixed;
  705. bottom: 0px;
  706. top: 0px;
  707. left: 0px;
  708. right: 0px;
  709. background-color: rgba(0, 0, 0, 0.4);
  710. transition-duration: 0.3s;
  711. z-index: 998;
  712. }
  713. .uni-datetime-picker-popup[data-v-1d532b70] {
  714. border-radius: 8px;
  715. padding: 30px;
  716. width: 270px;
  717. background-color: #fff;
  718. position: fixed;
  719. top: 50%;
  720. left: 50%;
  721. transform: translate(-50%, -50%);
  722. transition-duration: 0.3s;
  723. z-index: 999;
  724. }
  725. .uni-datetime-picker-time[data-v-1d532b70] {
  726. color: grey;
  727. }
  728. .uni-datetime-picker-column[data-v-1d532b70] {
  729. height: 50px;
  730. }
  731. .uni-datetime-picker-timebox[data-v-1d532b70] {
  732. border: 1px solid #E5E5E5;
  733. border-radius: 5px;
  734. padding: 7px 10px;
  735. box-sizing: border-box;
  736. cursor: pointer;
  737. }
  738. .uni-datetime-picker-timebox-pointer[data-v-1d532b70] {
  739. cursor: pointer;
  740. }
  741. .uni-datetime-picker-disabled[data-v-1d532b70] {
  742. opacity: 0.4;
  743. }
  744. .uni-datetime-picker-text[data-v-1d532b70] {
  745. font-size: 14px;
  746. line-height: 50px;
  747. }
  748. .uni-datetime-picker-sign[data-v-1d532b70] {
  749. position: absolute;
  750. top: 53px;
  751. /* 减掉 10px 的元素高度,兼容nvue */
  752. color: #999;
  753. }
  754. .sign-left[data-v-1d532b70] {
  755. left: 86px;
  756. }
  757. .sign-right[data-v-1d532b70] {
  758. right: 86px;
  759. }
  760. .sign-center[data-v-1d532b70] {
  761. left: 135px;
  762. }
  763. .uni-datetime-picker__container-box[data-v-1d532b70] {
  764. position: relative;
  765. display: flex;
  766. align-items: center;
  767. justify-content: center;
  768. margin-top: 40px;
  769. }
  770. .time-hide-second[data-v-1d532b70] {
  771. width: 180px;
  772. }
  773. /**
  774. * 这里是uni-app内置的常用样式变量
  775. *
  776. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  777. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  778. *
  779. */
  780. /**
  781. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  782. *
  783. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  784. */
  785. /* 颜色变量 */
  786. /* 行为相关颜色 */
  787. /* 文字基本颜色 */
  788. /* 背景颜色 */
  789. /* 边框颜色 */
  790. /* 尺寸变量 */
  791. /* 文字尺寸 */
  792. /* 图片尺寸 */
  793. /* Border Radius */
  794. /* 水平间距 */
  795. /* 垂直间距 */
  796. /* 透明度 */
  797. /* 文章场景相关 */
  798. .uni-calendar[data-v-1d379219] {
  799. display: flex;
  800. flex-direction: column;
  801. }
  802. .uni-calendar__mask[data-v-1d379219] {
  803. position: fixed;
  804. bottom: 0;
  805. top: 0;
  806. left: 0;
  807. right: 0;
  808. background-color: rgba(0, 0, 0, 0.4);
  809. transition-property: opacity;
  810. transition-duration: 0.3s;
  811. opacity: 0;
  812. z-index: 99;
  813. }
  814. .uni-calendar--mask-show[data-v-1d379219] {
  815. opacity: 1;
  816. }
  817. .uni-calendar--fixed[data-v-1d379219] {
  818. position: fixed;
  819. bottom: calc(var(--window-bottom));
  820. left: 0;
  821. right: 0;
  822. transition-property: transform;
  823. transition-duration: 0.3s;
  824. transform: translateY(460px);
  825. z-index: 99;
  826. }
  827. .uni-calendar--ani-show[data-v-1d379219] {
  828. transform: translateY(0);
  829. }
  830. .uni-calendar__content[data-v-1d379219] {
  831. background-color: #fff;
  832. }
  833. .uni-calendar__content-mobile[data-v-1d379219] {
  834. border-top-left-radius: 10px;
  835. border-top-right-radius: 10px;
  836. box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  837. }
  838. .uni-calendar__header[data-v-1d379219] {
  839. position: relative;
  840. display: flex;
  841. flex-direction: row;
  842. justify-content: center;
  843. align-items: center;
  844. height: 50px;
  845. }
  846. .uni-calendar__header-mobile[data-v-1d379219] {
  847. padding: 10px;
  848. padding-bottom: 0;
  849. }
  850. .uni-calendar--fixed-top[data-v-1d379219] {
  851. display: flex;
  852. flex-direction: row;
  853. justify-content: space-between;
  854. border-top-color: rgba(0, 0, 0, 0.4);
  855. border-top-style: solid;
  856. border-top-width: 1px;
  857. }
  858. .uni-calendar--fixed-width[data-v-1d379219] {
  859. width: 50px;
  860. }
  861. .uni-calendar__backtoday[data-v-1d379219] {
  862. position: absolute;
  863. right: 0;
  864. top: 0.78125rem;
  865. padding: 0 5px;
  866. padding-left: 10px;
  867. height: 25px;
  868. line-height: 25px;
  869. font-size: 12px;
  870. border-top-left-radius: 25px;
  871. border-bottom-left-radius: 25px;
  872. color: #fff;
  873. background-color: #f1f1f1;
  874. }
  875. .uni-calendar__header-text[data-v-1d379219] {
  876. text-align: center;
  877. width: 100px;
  878. font-size: 15px;
  879. color: #666;
  880. }
  881. .uni-calendar__button-text[data-v-1d379219] {
  882. text-align: center;
  883. width: 100px;
  884. font-size: 14px;
  885. color: #007aff;
  886. letter-spacing: 3px;
  887. }
  888. .uni-calendar__header-btn-box[data-v-1d379219] {
  889. display: flex;
  890. flex-direction: row;
  891. align-items: center;
  892. justify-content: center;
  893. width: 50px;
  894. height: 50px;
  895. }
  896. .uni-calendar__header-btn[data-v-1d379219] {
  897. width: 9px;
  898. height: 9px;
  899. border-left-color: #808080;
  900. border-left-style: solid;
  901. border-left-width: 1px;
  902. border-top-color: #555555;
  903. border-top-style: solid;
  904. border-top-width: 1px;
  905. }
  906. .uni-calendar--left[data-v-1d379219] {
  907. transform: rotate(-45deg);
  908. }
  909. .uni-calendar--right[data-v-1d379219] {
  910. transform: rotate(135deg);
  911. }
  912. .uni-calendar__weeks[data-v-1d379219] {
  913. position: relative;
  914. display: flex;
  915. flex-direction: row;
  916. }
  917. .uni-calendar__weeks-item[data-v-1d379219] {
  918. flex: 1;
  919. }
  920. .uni-calendar__weeks-day[data-v-1d379219] {
  921. flex: 1;
  922. display: flex;
  923. flex-direction: column;
  924. justify-content: center;
  925. align-items: center;
  926. height: 40px;
  927. border-bottom-color: #F5F5F5;
  928. border-bottom-style: solid;
  929. border-bottom-width: 1px;
  930. }
  931. .uni-calendar__weeks-day-text[data-v-1d379219] {
  932. font-size: 12px;
  933. color: #B2B2B2;
  934. }
  935. .uni-calendar__box[data-v-1d379219] {
  936. position: relative;
  937. padding-bottom: 7px;
  938. }
  939. .uni-calendar__box-bg[data-v-1d379219] {
  940. display: flex;
  941. justify-content: center;
  942. align-items: center;
  943. position: absolute;
  944. top: 0;
  945. left: 0;
  946. right: 0;
  947. bottom: 0;
  948. }
  949. .uni-calendar__box-bg-text[data-v-1d379219] {
  950. font-size: 200px;
  951. font-weight: bold;
  952. color: #999;
  953. opacity: 0.1;
  954. text-align: center;
  955. line-height: 1;
  956. }
  957. .uni-date-changed[data-v-1d379219] {
  958. padding: 0 10px;
  959. text-align: center;
  960. color: #333;
  961. border-top-color: #DCDCDC;
  962. border-top-style: solid;
  963. border-top-width: 1px;
  964. flex: 1;
  965. }
  966. .uni-date-btn--ok[data-v-1d379219] {
  967. padding: 20px 15px;
  968. }
  969. .uni-date-changed--time-start[data-v-1d379219] {
  970. display: flex;
  971. align-items: center;
  972. }
  973. .uni-date-changed--time-end[data-v-1d379219] {
  974. display: flex;
  975. align-items: center;
  976. }
  977. .uni-date-changed--time-date[data-v-1d379219] {
  978. color: #999;
  979. line-height: 50px;
  980. margin-right: 5px;
  981. }
  982. .time-picker-style[data-v-1d379219] {
  983. display: flex;
  984. justify-content: center;
  985. align-items: center;
  986. }
  987. .mr-10[data-v-1d379219] {
  988. margin-right: 10px;
  989. }
  990. .dialog-close[data-v-1d379219] {
  991. position: absolute;
  992. top: 0;
  993. right: 0;
  994. bottom: 0;
  995. display: flex;
  996. flex-direction: row;
  997. align-items: center;
  998. padding: 0 25px;
  999. margin-top: 10px;
  1000. }
  1001. .dialog-close-plus[data-v-1d379219] {
  1002. width: 16px;
  1003. height: 2px;
  1004. background-color: #737987;
  1005. border-radius: 2px;
  1006. transform: rotate(45deg);
  1007. }
  1008. .dialog-close-rotate[data-v-1d379219] {
  1009. position: absolute;
  1010. transform: rotate(-45deg);
  1011. }
  1012. .uni-datetime-picker--btn[data-v-1d379219] {
  1013. border-radius: 100px;
  1014. height: 40px;
  1015. line-height: 40px;
  1016. background-color: #007aff;
  1017. color: #fff;
  1018. font-size: 16px;
  1019. letter-spacing: 2px;
  1020. }
  1021. .uni-datetime-picker--btn[data-v-1d379219]:active {
  1022. opacity: 0.7;
  1023. }
  1024. /**
  1025. * 这里是uni-app内置的常用样式变量
  1026. *
  1027. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1028. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1029. *
  1030. */
  1031. /**
  1032. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1033. *
  1034. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1035. */
  1036. /* 颜色变量 */
  1037. /* 行为相关颜色 */
  1038. /* 文字基本颜色 */
  1039. /* 背景颜色 */
  1040. /* 边框颜色 */
  1041. /* 尺寸变量 */
  1042. /* 文字尺寸 */
  1043. /* 图片尺寸 */
  1044. /* Border Radius */
  1045. /* 水平间距 */
  1046. /* 垂直间距 */
  1047. /* 透明度 */
  1048. /* 文章场景相关 */
  1049. .uni-date[data-v-9802168a] {
  1050. width: 100%;
  1051. flex: 1;
  1052. }
  1053. .uni-date-x[data-v-9802168a] {
  1054. display: flex;
  1055. flex-direction: row;
  1056. align-items: center;
  1057. justify-content: center;
  1058. border-radius: 4px;
  1059. background-color: #fff;
  1060. color: #666;
  1061. font-size: 14px;
  1062. flex: 1;
  1063. }
  1064. .uni-date-x .icon-calendar[data-v-9802168a] {
  1065. padding-left: 3px;
  1066. }
  1067. .uni-date-x .range-separator[data-v-9802168a] {
  1068. height: 35px;
  1069. padding: 0 2px;
  1070. line-height: 35px;
  1071. }
  1072. .uni-date-x--border[data-v-9802168a] {
  1073. box-sizing: border-box;
  1074. border-radius: 4px;
  1075. border: 1px solid #e5e5e5;
  1076. }
  1077. .uni-date-editor--x[data-v-9802168a] {
  1078. display: flex;
  1079. align-items: center;
  1080. position: relative;
  1081. }
  1082. .uni-date-editor--x .uni-date__icon-clear[data-v-9802168a] {
  1083. padding-right: 3px;
  1084. display: flex;
  1085. align-items: center;
  1086. }
  1087. .uni-date__x-input[data-v-9802168a] {
  1088. width: auto;
  1089. height: 35px;
  1090. padding-left: 5px;
  1091. position: relative;
  1092. flex: 1;
  1093. line-height: 35px;
  1094. font-size: 14px;
  1095. overflow: hidden;
  1096. }
  1097. .text-center[data-v-9802168a] {
  1098. text-align: center;
  1099. }
  1100. .uni-date__input[data-v-9802168a] {
  1101. height: 40px;
  1102. width: 100%;
  1103. line-height: 40px;
  1104. font-size: 14px;
  1105. }
  1106. .uni-date-range__input[data-v-9802168a] {
  1107. text-align: center;
  1108. max-width: 142px;
  1109. }
  1110. .uni-date-picker__container[data-v-9802168a] {
  1111. position: relative;
  1112. }
  1113. .uni-date-mask--pc[data-v-9802168a] {
  1114. position: fixed;
  1115. bottom: 0px;
  1116. top: 0px;
  1117. left: 0px;
  1118. right: 0px;
  1119. background-color: rgba(0, 0, 0, 0);
  1120. transition-duration: 0.3s;
  1121. z-index: 996;
  1122. }
  1123. .uni-date-single--x[data-v-9802168a] {
  1124. background-color: #fff;
  1125. position: absolute;
  1126. top: 0;
  1127. z-index: 999;
  1128. border: 1px solid #EBEEF5;
  1129. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1130. border-radius: 4px;
  1131. }
  1132. .uni-date-range--x[data-v-9802168a] {
  1133. background-color: #fff;
  1134. position: absolute;
  1135. top: 0;
  1136. z-index: 999;
  1137. border: 1px solid #EBEEF5;
  1138. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1139. border-radius: 4px;
  1140. }
  1141. .uni-date-editor--x__disabled[data-v-9802168a] {
  1142. opacity: 0.4;
  1143. cursor: default;
  1144. }
  1145. .uni-date-editor--logo[data-v-9802168a] {
  1146. width: 16px;
  1147. height: 16px;
  1148. vertical-align: middle;
  1149. }
  1150. /* 添加时间 */
  1151. .popup-x-header[data-v-9802168a] {
  1152. display: flex;
  1153. flex-direction: row;
  1154. }
  1155. .popup-x-header--datetime[data-v-9802168a] {
  1156. display: flex;
  1157. flex-direction: row;
  1158. flex: 1;
  1159. }
  1160. .popup-x-body[data-v-9802168a] {
  1161. display: flex;
  1162. }
  1163. .popup-x-footer[data-v-9802168a] {
  1164. padding: 0 15px;
  1165. border-top-color: #F1F1F1;
  1166. border-top-style: solid;
  1167. border-top-width: 1px;
  1168. line-height: 40px;
  1169. text-align: right;
  1170. color: #666;
  1171. }
  1172. .popup-x-footer uni-text[data-v-9802168a]:hover {
  1173. color: #007aff;
  1174. cursor: pointer;
  1175. opacity: 0.8;
  1176. }
  1177. .popup-x-footer .confirm-text[data-v-9802168a] {
  1178. margin-left: 20px;
  1179. color: #007aff;
  1180. }
  1181. .uni-date-changed[data-v-9802168a] {
  1182. text-align: center;
  1183. color: #333;
  1184. border-bottom-color: #F1F1F1;
  1185. border-bottom-style: solid;
  1186. border-bottom-width: 1px;
  1187. }
  1188. .uni-date-changed--time uni-text[data-v-9802168a] {
  1189. height: 50px;
  1190. line-height: 50px;
  1191. }
  1192. .uni-date-changed .uni-date-changed--time[data-v-9802168a] {
  1193. flex: 1;
  1194. }
  1195. .uni-date-changed--time-date[data-v-9802168a] {
  1196. color: #333;
  1197. opacity: 0.6;
  1198. }
  1199. .mr-50[data-v-9802168a] {
  1200. margin-right: 50px;
  1201. }
  1202. /* picker 弹出层通用的指示小三角, todo:扩展至上下左右方向定位 */
  1203. .uni-popper__arrow[data-v-9802168a],
  1204. .uni-popper__arrow[data-v-9802168a]::after {
  1205. position: absolute;
  1206. display: block;
  1207. width: 0;
  1208. height: 0;
  1209. border: 6px solid transparent;
  1210. border-top-width: 0;
  1211. }
  1212. .uni-popper__arrow[data-v-9802168a] {
  1213. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  1214. top: -6px;
  1215. left: 10%;
  1216. margin-right: 3px;
  1217. border-bottom-color: #EBEEF5;
  1218. }
  1219. .uni-popper__arrow[data-v-9802168a]::after {
  1220. content: " ";
  1221. top: 1px;
  1222. margin-left: -6px;
  1223. border-bottom-color: #fff;
  1224. }
  1225. /**
  1226. * 这里是uni-app内置的常用样式变量
  1227. *
  1228. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1229. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1230. *
  1231. */
  1232. /**
  1233. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1234. *
  1235. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1236. */
  1237. /* 颜色变量 */
  1238. /* 行为相关颜色 */
  1239. /* 文字基本颜色 */
  1240. /* 背景颜色 */
  1241. /* 边框颜色 */
  1242. /* 尺寸变量 */
  1243. /* 文字尺寸 */
  1244. /* 图片尺寸 */
  1245. /* Border Radius */
  1246. /* 水平间距 */
  1247. /* 垂直间距 */
  1248. /* 透明度 */
  1249. /* 文章场景相关 */
  1250. uni-view[data-v-2af81691], uni-scroll-view[data-v-2af81691], uni-swiper-item[data-v-2af81691] {
  1251. display: flex;
  1252. flex-direction: column;
  1253. flex-shrink: 0;
  1254. flex-grow: 0;
  1255. flex-basis: auto;
  1256. align-items: stretch;
  1257. align-content: flex-start;
  1258. }
  1259. .u-loading-icon[data-v-2af81691] {
  1260. flex-direction: row;
  1261. align-items: center;
  1262. justify-content: center;
  1263. color: #c8c9cc;
  1264. }
  1265. .u-loading-icon__text[data-v-2af81691] {
  1266. margin-left: 4px;
  1267. color: #606266;
  1268. font-size: 14px;
  1269. line-height: 20px;
  1270. }
  1271. .u-loading-icon__spinner[data-v-2af81691] {
  1272. width: 30px;
  1273. height: 30px;
  1274. position: relative;
  1275. box-sizing: border-box;
  1276. max-width: 100%;
  1277. max-height: 100%;
  1278. animation: u-rotate-2af81691 1s linear infinite;
  1279. }
  1280. .u-loading-icon__spinner--semicircle[data-v-2af81691] {
  1281. border-width: 2px;
  1282. border-color: transparent;
  1283. border-top-right-radius: 100px;
  1284. border-top-left-radius: 100px;
  1285. border-bottom-left-radius: 100px;
  1286. border-bottom-right-radius: 100px;
  1287. border-style: solid;
  1288. }
  1289. .u-loading-icon__spinner--circle[data-v-2af81691] {
  1290. border-top-right-radius: 100px;
  1291. border-top-left-radius: 100px;
  1292. border-bottom-left-radius: 100px;
  1293. border-bottom-right-radius: 100px;
  1294. border-width: 2px;
  1295. border-top-color: #e5e5e5;
  1296. border-right-color: #e5e5e5;
  1297. border-bottom-color: #e5e5e5;
  1298. border-left-color: #e5e5e5;
  1299. border-style: solid;
  1300. }
  1301. .u-loading-icon--vertical[data-v-2af81691] {
  1302. flex-direction: column;
  1303. }
  1304. [data-v-2af81691]:host {
  1305. font-size: 0px;
  1306. line-height: 1;
  1307. }
  1308. .u-loading-icon__spinner--spinner[data-v-2af81691] {
  1309. animation-timing-function: steps(12);
  1310. }
  1311. .u-loading-icon__text[data-v-2af81691]:empty {
  1312. display: none;
  1313. }
  1314. .u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
  1315. margin: 6px 0 0;
  1316. color: #606266;
  1317. }
  1318. .u-loading-icon__dot[data-v-2af81691] {
  1319. position: absolute;
  1320. top: 0;
  1321. left: 0;
  1322. width: 100%;
  1323. height: 100%;
  1324. }
  1325. .u-loading-icon__dot[data-v-2af81691]:before {
  1326. display: block;
  1327. width: 2px;
  1328. height: 25%;
  1329. margin: 0 auto;
  1330. background-color: currentColor;
  1331. border-radius: 40%;
  1332. content: " ";
  1333. }
  1334. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
  1335. transform: rotate(30deg);
  1336. opacity: 1;
  1337. }
  1338. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
  1339. transform: rotate(60deg);
  1340. opacity: 0.9375;
  1341. }
  1342. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
  1343. transform: rotate(90deg);
  1344. opacity: 0.875;
  1345. }
  1346. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
  1347. transform: rotate(120deg);
  1348. opacity: 0.8125;
  1349. }
  1350. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
  1351. transform: rotate(150deg);
  1352. opacity: 0.75;
  1353. }
  1354. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
  1355. transform: rotate(180deg);
  1356. opacity: 0.6875;
  1357. }
  1358. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
  1359. transform: rotate(210deg);
  1360. opacity: 0.625;
  1361. }
  1362. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
  1363. transform: rotate(240deg);
  1364. opacity: 0.5625;
  1365. }
  1366. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
  1367. transform: rotate(270deg);
  1368. opacity: 0.5;
  1369. }
  1370. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
  1371. transform: rotate(300deg);
  1372. opacity: 0.4375;
  1373. }
  1374. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
  1375. transform: rotate(330deg);
  1376. opacity: 0.375;
  1377. }
  1378. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
  1379. transform: rotate(360deg);
  1380. opacity: 0.3125;
  1381. }
  1382. @keyframes u-rotate-2af81691 {
  1383. 0% {
  1384. transform: rotate(0deg);
  1385. }
  1386. to {
  1387. transform: rotate(1turn);
  1388. }
  1389. }
  1390. /**
  1391. * 这里是uni-app内置的常用样式变量
  1392. *
  1393. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1394. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1395. *
  1396. */
  1397. /**
  1398. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1399. *
  1400. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1401. */
  1402. /* 颜色变量 */
  1403. /* 行为相关颜色 */
  1404. /* 文字基本颜色 */
  1405. /* 背景颜色 */
  1406. /* 边框颜色 */
  1407. /* 尺寸变量 */
  1408. /* 文字尺寸 */
  1409. /* 图片尺寸 */
  1410. /* Border Radius */
  1411. /* 水平间距 */
  1412. /* 垂直间距 */
  1413. /* 透明度 */
  1414. /* 文章场景相关 */
  1415. uni-view[data-v-ac70166d], uni-scroll-view[data-v-ac70166d], uni-swiper-item[data-v-ac70166d] {
  1416. display: flex;
  1417. flex-direction: column;
  1418. flex-shrink: 0;
  1419. flex-grow: 0;
  1420. flex-basis: auto;
  1421. align-items: stretch;
  1422. align-content: flex-start;
  1423. }
  1424. @font-face {
  1425. font-family: "uicon-iconfont";
  1426. src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
  1427. }
  1428. .u-icon[data-v-ac70166d] {
  1429. display: flex;
  1430. align-items: center;
  1431. }
  1432. .u-icon--left[data-v-ac70166d] {
  1433. flex-direction: row-reverse;
  1434. align-items: center;
  1435. }
  1436. .u-icon--right[data-v-ac70166d] {
  1437. flex-direction: row;
  1438. align-items: center;
  1439. }
  1440. .u-icon--top[data-v-ac70166d] {
  1441. flex-direction: column-reverse;
  1442. justify-content: center;
  1443. }
  1444. .u-icon--bottom[data-v-ac70166d] {
  1445. flex-direction: column;
  1446. justify-content: center;
  1447. }
  1448. .u-icon__icon[data-v-ac70166d] {
  1449. font-family: uicon-iconfont;
  1450. position: relative;
  1451. display: flex;
  1452. flex-direction: row;
  1453. align-items: center;
  1454. }
  1455. .u-icon__icon--primary[data-v-ac70166d] {
  1456. color: #22ac38;
  1457. }
  1458. .u-icon__icon--success[data-v-ac70166d] {
  1459. color: #22ac38;
  1460. }
  1461. .u-icon__icon--error[data-v-ac70166d] {
  1462. color: #f56c6c;
  1463. }
  1464. .u-icon__icon--warning[data-v-ac70166d] {
  1465. color: #f9ae3d;
  1466. }
  1467. .u-icon__icon--info[data-v-ac70166d] {
  1468. color: #909399;
  1469. }
  1470. .u-icon__img[data-v-ac70166d] {
  1471. height: auto;
  1472. will-change: transform;
  1473. }
  1474. .u-icon__label[data-v-ac70166d] {
  1475. line-height: 1;
  1476. }
  1477. /**
  1478. * 这里是uni-app内置的常用样式变量
  1479. *
  1480. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1481. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1482. *
  1483. */
  1484. /**
  1485. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1486. *
  1487. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1488. */
  1489. /* 颜色变量 */
  1490. /* 行为相关颜色 */
  1491. /* 文字基本颜色 */
  1492. /* 背景颜色 */
  1493. /* 边框颜色 */
  1494. /* 尺寸变量 */
  1495. /* 文字尺寸 */
  1496. /* 图片尺寸 */
  1497. /* Border Radius */
  1498. /* 水平间距 */
  1499. /* 垂直间距 */
  1500. /* 透明度 */
  1501. /* 文章场景相关 */
  1502. uni-view[data-v-5ce41ee6], uni-scroll-view[data-v-5ce41ee6], uni-swiper-item[data-v-5ce41ee6] {
  1503. display: flex;
  1504. flex-direction: column;
  1505. flex-shrink: 0;
  1506. flex-grow: 0;
  1507. flex-basis: auto;
  1508. align-items: stretch;
  1509. align-content: flex-start;
  1510. }
  1511. .u-button[data-v-5ce41ee6] {
  1512. width: 100%;
  1513. }
  1514. .u-button__text[data-v-5ce41ee6] {
  1515. white-space: nowrap;
  1516. line-height: 1;
  1517. }
  1518. .u-button[data-v-5ce41ee6]:before {
  1519. position: absolute;
  1520. top: 50%;
  1521. left: 50%;
  1522. width: 100%;
  1523. height: 100%;
  1524. border: inherit;
  1525. border-radius: inherit;
  1526. transform: translate(-50%, -50%);
  1527. opacity: 0;
  1528. content: " ";
  1529. background-color: #000;
  1530. border-color: #000;
  1531. }
  1532. .u-button--active[data-v-5ce41ee6]:before {
  1533. opacity: 0.15;
  1534. }
  1535. .u-button__icon + .u-button__text[data-v-5ce41ee6]:not(:empty), .u-button__loading-text[data-v-5ce41ee6] {
  1536. margin-left: 4px;
  1537. }
  1538. .u-button--plain.u-button--primary[data-v-5ce41ee6] {
  1539. color: #22ac38;
  1540. }
  1541. .u-button--plain.u-button--info[data-v-5ce41ee6] {
  1542. color: #909399;
  1543. }
  1544. .u-button--plain.u-button--success[data-v-5ce41ee6] {
  1545. color: #22ac38;
  1546. }
  1547. .u-button--plain.u-button--error[data-v-5ce41ee6] {
  1548. color: #f56c6c;
  1549. }
  1550. .u-button--plain.u-button--warning[data-v-5ce41ee6] {
  1551. color: #f56c6c;
  1552. }
  1553. .u-button[data-v-5ce41ee6] {
  1554. height: 52px;
  1555. position: relative;
  1556. align-items: center;
  1557. justify-content: center;
  1558. display: flex;
  1559. flex-direction: row;
  1560. box-sizing: border-box;
  1561. flex-direction: row;
  1562. }
  1563. .u-button__text[data-v-5ce41ee6] {
  1564. font-size: 16px;
  1565. }
  1566. .u-button__loading-text[data-v-5ce41ee6] {
  1567. font-size: 16px;
  1568. margin-left: 4px;
  1569. }
  1570. .u-button--large[data-v-5ce41ee6] {
  1571. width: 100%;
  1572. height: 64px;
  1573. padding: 0 15px;
  1574. }
  1575. .u-button--normal[data-v-5ce41ee6] {
  1576. padding: 0 12px;
  1577. font-size: 16px;
  1578. }
  1579. .u-button--small[data-v-5ce41ee6] {
  1580. min-width: 60px;
  1581. height: 30px;
  1582. padding: 0px 8px;
  1583. font-size: 12px;
  1584. }
  1585. .u-button--mini[data-v-5ce41ee6] {
  1586. height: 22px;
  1587. font-size: 10px;
  1588. min-width: 50px;
  1589. padding: 0px 8px;
  1590. }
  1591. .u-button--disabled[data-v-5ce41ee6] {
  1592. opacity: 0.5;
  1593. }
  1594. .u-button--info[data-v-5ce41ee6] {
  1595. color: #323233;
  1596. background-color: #fff;
  1597. border-color: #ebedf0;
  1598. border-width: 1px;
  1599. border-style: solid;
  1600. }
  1601. .u-button--success[data-v-5ce41ee6] {
  1602. color: #fff;
  1603. background-color: #22ac38;
  1604. border-color: #22ac38;
  1605. border-width: 1px;
  1606. border-style: solid;
  1607. }
  1608. .u-button--primary[data-v-5ce41ee6] {
  1609. color: #fff;
  1610. background-color: #22ac38;
  1611. border-color: #22ac38;
  1612. border-width: 1px;
  1613. border-style: solid;
  1614. }
  1615. .u-button--error[data-v-5ce41ee6] {
  1616. color: #fff;
  1617. background-color: #f56c6c;
  1618. border-color: #f56c6c;
  1619. border-width: 1px;
  1620. border-style: solid;
  1621. }
  1622. .u-button--warning[data-v-5ce41ee6] {
  1623. color: #fff;
  1624. background-color: #f9ae3d;
  1625. border-color: #f9ae3d;
  1626. border-width: 1px;
  1627. border-style: solid;
  1628. }
  1629. .u-button--block[data-v-5ce41ee6] {
  1630. display: flex;
  1631. flex-direction: row;
  1632. width: 100%;
  1633. }
  1634. .u-button--circle[data-v-5ce41ee6] {
  1635. border-top-right-radius: 100px;
  1636. border-top-left-radius: 100px;
  1637. border-bottom-left-radius: 100px;
  1638. border-bottom-right-radius: 100px;
  1639. }
  1640. .u-button--square[data-v-5ce41ee6] {
  1641. border-bottom-left-radius: 3px;
  1642. border-bottom-right-radius: 3px;
  1643. border-top-left-radius: 3px;
  1644. border-top-right-radius: 3px;
  1645. }
  1646. .u-button__icon[data-v-5ce41ee6] {
  1647. min-width: 1em;
  1648. line-height: inherit !important;
  1649. vertical-align: top;
  1650. }
  1651. .u-button--plain[data-v-5ce41ee6] {
  1652. background-color: #fff;
  1653. }
  1654. .u-button--hairline[data-v-5ce41ee6] {
  1655. border-width: 0.5px !important;
  1656. }
  1657. /**
  1658. * 这里是uni-app内置的常用样式变量
  1659. *
  1660. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1661. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1662. *
  1663. */
  1664. /**
  1665. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1666. *
  1667. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1668. */
  1669. /* 颜色变量 */
  1670. /* 行为相关颜色 */
  1671. /* 文字基本颜色 */
  1672. /* 背景颜色 */
  1673. /* 边框颜色 */
  1674. /* 尺寸变量 */
  1675. /* 文字尺寸 */
  1676. /* 图片尺寸 */
  1677. /* Border Radius */
  1678. /* 水平间距 */
  1679. /* 垂直间距 */
  1680. /* 透明度 */
  1681. /* 文章场景相关 */
  1682. uni-view[data-v-72791e59], uni-scroll-view[data-v-72791e59], uni-swiper-item[data-v-72791e59] {
  1683. display: flex;
  1684. flex-direction: column;
  1685. flex-shrink: 0;
  1686. flex-grow: 0;
  1687. flex-basis: auto;
  1688. align-items: stretch;
  1689. align-content: flex-start;
  1690. }
  1691. .u-line[data-v-72791e59] {
  1692. vertical-align: middle;
  1693. }
  1694. /**
  1695. * 这里是uni-app内置的常用样式变量
  1696. *
  1697. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1698. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1699. *
  1700. */
  1701. /**
  1702. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1703. *
  1704. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1705. */
  1706. /* 颜色变量 */
  1707. /* 行为相关颜色 */
  1708. /* 文字基本颜色 */
  1709. /* 背景颜色 */
  1710. /* 边框颜色 */
  1711. /* 尺寸变量 */
  1712. /* 文字尺寸 */
  1713. /* 图片尺寸 */
  1714. /* Border Radius */
  1715. /* 水平间距 */
  1716. /* 垂直间距 */
  1717. /* 透明度 */
  1718. /* 文章场景相关 */
  1719. uni-view[data-v-ea022cee], uni-scroll-view[data-v-ea022cee], uni-swiper-item[data-v-ea022cee] {
  1720. display: flex;
  1721. flex-direction: column;
  1722. flex-shrink: 0;
  1723. flex-grow: 0;
  1724. flex-basis: auto;
  1725. align-items: stretch;
  1726. align-content: flex-start;
  1727. }
  1728. .u-divider[data-v-ea022cee] {
  1729. display: flex;
  1730. flex-direction: row;
  1731. flex-direction: row;
  1732. align-items: center;
  1733. margin: 15px 0;
  1734. }
  1735. .u-divider__text[data-v-ea022cee] {
  1736. margin: 0 15px;
  1737. }
  1738. .u-divider__dot[data-v-ea022cee] {
  1739. font-size: 12px;
  1740. margin: 0 12px;
  1741. color: #c0c4cc;
  1742. }
  1743. /**
  1744. * 这里是uni-app内置的常用样式变量
  1745. *
  1746. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1747. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1748. *
  1749. */
  1750. /**
  1751. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1752. *
  1753. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1754. */
  1755. /* 颜色变量 */
  1756. /* 行为相关颜色 */
  1757. /* 文字基本颜色 */
  1758. /* 背景颜色 */
  1759. /* 边框颜色 */
  1760. /* 尺寸变量 */
  1761. /* 文字尺寸 */
  1762. /* 图片尺寸 */
  1763. /* Border Radius */
  1764. /* 水平间距 */
  1765. /* 垂直间距 */
  1766. /* 透明度 */
  1767. /* 文章场景相关 */
  1768. .u-sticky[data-v-8b303089] {
  1769. position: -webkit-sticky;
  1770. position: sticky;
  1771. }
  1772. /* 无任何数据的空布局 */
  1773. .mescroll-empty[data-v-7cefd855] {
  1774. box-sizing: border-box;
  1775. width: 100%;
  1776. padding: 3.125rem 1.5625rem;
  1777. text-align: center;
  1778. }
  1779. .mescroll-empty.empty-fixed[data-v-7cefd855] {
  1780. z-index: 99;
  1781. position: absolute; /*transform会使fixed失效,最终会降级为absolute */
  1782. top: 3.125rem;
  1783. left: 0;
  1784. }
  1785. .mescroll-empty .empty-icon[data-v-7cefd855] {
  1786. width: 8.75rem;
  1787. height: 8.75rem;
  1788. }
  1789. .mescroll-empty .empty-tip[data-v-7cefd855] {
  1790. margin-top: 0.625rem;
  1791. height: 1.25rem;
  1792. font-size: 0.875rem;
  1793. font-family: PingFangSC;
  1794. font-weight: 500;
  1795. color: #666666;
  1796. line-height: 1.25rem;
  1797. }
  1798. .mescroll-empty .empty-btn[data-v-7cefd855] {
  1799. display: inline-block;
  1800. margin-top: 1.25rem;
  1801. min-width: 6.25rem;
  1802. padding: 0.5625rem;
  1803. font-size: 0.875rem;
  1804. border: 0.03125rem solid #e04b28;
  1805. border-radius: 1.875rem;
  1806. color: #e04b28;
  1807. }
  1808. .mescroll-empty .empty-btn[data-v-7cefd855]:active {
  1809. opacity: 0.75;
  1810. }
  1811. /* 回到顶部的按钮 */
  1812. .mescroll-totop[data-v-49fff3a8] {
  1813. z-index: 9990;
  1814. position: fixed !important; /* 加上important避免编译到H5,在多mescroll中定位失效 */
  1815. right: 0.625rem;
  1816. bottom: 3.75rem;
  1817. width: 2.25rem;
  1818. height: auto;
  1819. border-radius: 50%;
  1820. opacity: 0;
  1821. transition: opacity 0.5s; /* 过渡 */
  1822. margin-bottom: var(--window-bottom); /* css变量 */
  1823. }
  1824. /* 适配 iPhoneX */
  1825. @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  1826. .mescroll-totop-safearea[data-v-49fff3a8] {
  1827. margin-bottom: calc(var(--window-bottom) + constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
  1828. margin-bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom));
  1829. }
  1830. }
  1831. /* 显示 -- 淡入 */
  1832. .mescroll-totop-in[data-v-49fff3a8] {
  1833. opacity: 1;
  1834. }
  1835. /* 隐藏 -- 淡出且不接收事件*/
  1836. .mescroll-totop-out[data-v-49fff3a8] {
  1837. opacity: 0;
  1838. pointer-events: none;
  1839. }
  1840. .mescroll-uni-warp[data-v-97b1664c] {
  1841. height: 100%;
  1842. }
  1843. .mescroll-uni-content[data-v-97b1664c] {
  1844. height: 100%;
  1845. }
  1846. .mescroll-uni[data-v-97b1664c] {
  1847. position: relative;
  1848. width: 100%;
  1849. height: 100%;
  1850. min-height: 6.25rem;
  1851. overflow-y: auto;
  1852. box-sizing: border-box;
  1853. /* 避免设置padding出现双滚动条的问题 */
  1854. }
  1855. /* 定位的方式固定高度 */
  1856. .mescroll-uni-fixed[data-v-97b1664c] {
  1857. z-index: 1;
  1858. position: fixed;
  1859. top: 0;
  1860. left: 0;
  1861. right: 0;
  1862. bottom: 0;
  1863. width: auto;
  1864. /* 使right生效 */
  1865. height: auto;
  1866. /* 使bottom生效 */
  1867. }
  1868. /* 适配 iPhoneX */
  1869. @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  1870. .mescroll-safearea[data-v-97b1664c] {
  1871. padding-bottom: constant(safe-area-inset-bottom);
  1872. padding-bottom: env(safe-area-inset-bottom);
  1873. }
  1874. }
  1875. /* 下拉刷新区域 */
  1876. .mescroll-downwarp[data-v-97b1664c] {
  1877. position: absolute;
  1878. top: -100%;
  1879. left: 0;
  1880. width: 100%;
  1881. height: 100%;
  1882. text-align: center;
  1883. }
  1884. /* 下拉刷新--内容区,定位于区域底部 */
  1885. .mescroll-downwarp .downwarp-content[data-v-97b1664c] {
  1886. position: absolute;
  1887. left: 0;
  1888. bottom: 0;
  1889. width: 100%;
  1890. min-height: 1.875rem;
  1891. padding: 0.625rem 0;
  1892. text-align: center;
  1893. }
  1894. /* 下拉刷新--提示文本 */
  1895. .mescroll-downwarp .downwarp-tip[data-v-97b1664c] {
  1896. display: inline-block;
  1897. font-size: 0.875rem;
  1898. vertical-align: middle;
  1899. margin-left: 0.5rem;
  1900. /* color: gray; 已在style设置color,此处删去*/
  1901. }
  1902. /* 下拉刷新--旋转进度条 */
  1903. .mescroll-downwarp .downwarp-progress[data-v-97b1664c] {
  1904. display: inline-block;
  1905. width: 1rem;
  1906. height: 1rem;
  1907. border-radius: 50%;
  1908. border: 0.0625rem solid gray;
  1909. border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
  1910. vertical-align: middle;
  1911. }
  1912. /* 旋转动画 */
  1913. .mescroll-downwarp .mescroll-rotate[data-v-97b1664c] {
  1914. animation: mescrollDownRotate-97b1664c 0.6s linear infinite;
  1915. }
  1916. @keyframes mescrollDownRotate-97b1664c {
  1917. 0% {
  1918. transform: rotate(0deg);
  1919. }
  1920. 100% {
  1921. transform: rotate(360deg);
  1922. }
  1923. }
  1924. /* 上拉加载区域 */
  1925. .mescroll-upwarp[data-v-97b1664c] {
  1926. box-sizing: border-box;
  1927. min-height: 3.4375rem;
  1928. padding: 0.9375rem 0;
  1929. text-align: center;
  1930. clear: both;
  1931. }
  1932. /*提示文本 */
  1933. .mescroll-upwarp .upwarp-tip[data-v-97b1664c],
  1934. .mescroll-upwarp .upwarp-nodata[data-v-97b1664c] {
  1935. display: inline-block;
  1936. font-size: 0.875rem;
  1937. vertical-align: middle;
  1938. /* color: gray; 已在style设置color,此处删去*/
  1939. }
  1940. .mescroll-upwarp .upwarp-tip[data-v-97b1664c] {
  1941. margin-left: 0.5rem;
  1942. }
  1943. /*旋转进度条 */
  1944. .mescroll-upwarp .upwarp-progress[data-v-97b1664c] {
  1945. display: inline-block;
  1946. width: 1rem;
  1947. height: 1rem;
  1948. border-radius: 50%;
  1949. border: 0.0625rem solid gray;
  1950. border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
  1951. vertical-align: middle;
  1952. }
  1953. /* 旋转动画 */
  1954. .mescroll-upwarp .mescroll-rotate[data-v-97b1664c] {
  1955. animation: mescrollUpRotate-97b1664c 0.6s linear infinite;
  1956. }
  1957. @keyframes mescrollUpRotate-97b1664c {
  1958. 0% {
  1959. transform: rotate(0deg);
  1960. }
  1961. 100% {
  1962. transform: rotate(360deg);
  1963. }
  1964. }
  1965. /**
  1966. * 这里是uni-app内置的常用样式变量
  1967. *
  1968. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1969. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1970. *
  1971. */
  1972. /**
  1973. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1974. *
  1975. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1976. */
  1977. /* 颜色变量 */
  1978. /* 行为相关颜色 */
  1979. /* 文字基本颜色 */
  1980. /* 背景颜色 */
  1981. /* 边框颜色 */
  1982. /* 尺寸变量 */
  1983. /* 文字尺寸 */
  1984. /* 图片尺寸 */
  1985. /* Border Radius */
  1986. /* 水平间距 */
  1987. /* 垂直间距 */
  1988. /* 透明度 */
  1989. /* 文章场景相关 */
  1990. .item[data-v-30bc23e1] {
  1991. line-height: 4.6875rem;
  1992. border-bottom: 1px solid #ccc;
  1993. }
  1994. /**
  1995. * 这里是uni-app内置的常用样式变量
  1996. *
  1997. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1998. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1999. *
  2000. */
  2001. /**
  2002. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  2003. *
  2004. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  2005. */
  2006. /* 颜色变量 */
  2007. /* 行为相关颜色 */
  2008. /* 文字基本颜色 */
  2009. /* 背景颜色 */
  2010. /* 边框颜色 */
  2011. /* 尺寸变量 */
  2012. /* 文字尺寸 */
  2013. /* 图片尺寸 */
  2014. /* Border Radius */
  2015. /* 水平间距 */
  2016. /* 垂直间距 */
  2017. /* 透明度 */
  2018. /* 文章场景相关 */
  2019. .search-area {
  2020. padding: 0.75rem;
  2021. background-color: #ffffff;
  2022. z-index: 9;
  2023. }