after-sale.css 50 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053
  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. font-size: 20px;
  1575. }
  1576. .u-button--normal[data-v-5ce41ee6] {
  1577. padding: 0 12px;
  1578. font-size: 16px;
  1579. }
  1580. .u-button--small[data-v-5ce41ee6] {
  1581. min-width: 60px;
  1582. height: 30px;
  1583. padding: 0px 8px;
  1584. font-size: 12px;
  1585. }
  1586. .u-button--mini[data-v-5ce41ee6] {
  1587. height: 22px;
  1588. font-size: 10px;
  1589. min-width: 50px;
  1590. padding: 0px 8px;
  1591. }
  1592. .u-button--disabled[data-v-5ce41ee6] {
  1593. opacity: 0.5;
  1594. }
  1595. .u-button--info[data-v-5ce41ee6] {
  1596. color: #323233;
  1597. background-color: #fff;
  1598. border-color: #ebedf0;
  1599. border-width: 1px;
  1600. border-style: solid;
  1601. }
  1602. .u-button--success[data-v-5ce41ee6] {
  1603. color: #fff;
  1604. background-color: #22ac38;
  1605. border-color: #22ac38;
  1606. border-width: 1px;
  1607. border-style: solid;
  1608. }
  1609. .u-button--primary[data-v-5ce41ee6] {
  1610. color: #fff;
  1611. background-color: #22ac38;
  1612. border-color: #22ac38;
  1613. border-width: 1px;
  1614. border-style: solid;
  1615. }
  1616. .u-button--error[data-v-5ce41ee6] {
  1617. color: #fff;
  1618. background-color: #f56c6c;
  1619. border-color: #f56c6c;
  1620. border-width: 1px;
  1621. border-style: solid;
  1622. }
  1623. .u-button--warning[data-v-5ce41ee6] {
  1624. color: #fff;
  1625. background-color: #f9ae3d;
  1626. border-color: #f9ae3d;
  1627. border-width: 1px;
  1628. border-style: solid;
  1629. }
  1630. .u-button--block[data-v-5ce41ee6] {
  1631. display: flex;
  1632. flex-direction: row;
  1633. width: 100%;
  1634. }
  1635. .u-button--circle[data-v-5ce41ee6] {
  1636. border-top-right-radius: 100px;
  1637. border-top-left-radius: 100px;
  1638. border-bottom-left-radius: 100px;
  1639. border-bottom-right-radius: 100px;
  1640. }
  1641. .u-button--square[data-v-5ce41ee6] {
  1642. border-bottom-left-radius: 3px;
  1643. border-bottom-right-radius: 3px;
  1644. border-top-left-radius: 3px;
  1645. border-top-right-radius: 3px;
  1646. }
  1647. .u-button__icon[data-v-5ce41ee6] {
  1648. min-width: 1em;
  1649. line-height: inherit !important;
  1650. vertical-align: top;
  1651. }
  1652. .u-button--plain[data-v-5ce41ee6] {
  1653. background-color: #fff;
  1654. }
  1655. .u-button--hairline[data-v-5ce41ee6] {
  1656. border-width: 0.5px !important;
  1657. }
  1658. /**
  1659. * 这里是uni-app内置的常用样式变量
  1660. *
  1661. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1662. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1663. *
  1664. */
  1665. /**
  1666. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1667. *
  1668. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1669. */
  1670. /* 颜色变量 */
  1671. /* 行为相关颜色 */
  1672. /* 文字基本颜色 */
  1673. /* 背景颜色 */
  1674. /* 边框颜色 */
  1675. /* 尺寸变量 */
  1676. /* 文字尺寸 */
  1677. /* 图片尺寸 */
  1678. /* Border Radius */
  1679. /* 水平间距 */
  1680. /* 垂直间距 */
  1681. /* 透明度 */
  1682. /* 文章场景相关 */
  1683. uni-view[data-v-72791e59], uni-scroll-view[data-v-72791e59], uni-swiper-item[data-v-72791e59] {
  1684. display: flex;
  1685. flex-direction: column;
  1686. flex-shrink: 0;
  1687. flex-grow: 0;
  1688. flex-basis: auto;
  1689. align-items: stretch;
  1690. align-content: flex-start;
  1691. }
  1692. .u-line[data-v-72791e59] {
  1693. vertical-align: middle;
  1694. }
  1695. /**
  1696. * 这里是uni-app内置的常用样式变量
  1697. *
  1698. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1699. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1700. *
  1701. */
  1702. /**
  1703. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1704. *
  1705. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1706. */
  1707. /* 颜色变量 */
  1708. /* 行为相关颜色 */
  1709. /* 文字基本颜色 */
  1710. /* 背景颜色 */
  1711. /* 边框颜色 */
  1712. /* 尺寸变量 */
  1713. /* 文字尺寸 */
  1714. /* 图片尺寸 */
  1715. /* Border Radius */
  1716. /* 水平间距 */
  1717. /* 垂直间距 */
  1718. /* 透明度 */
  1719. /* 文章场景相关 */
  1720. uni-view[data-v-ea022cee], uni-scroll-view[data-v-ea022cee], uni-swiper-item[data-v-ea022cee] {
  1721. display: flex;
  1722. flex-direction: column;
  1723. flex-shrink: 0;
  1724. flex-grow: 0;
  1725. flex-basis: auto;
  1726. align-items: stretch;
  1727. align-content: flex-start;
  1728. }
  1729. .u-divider[data-v-ea022cee] {
  1730. display: flex;
  1731. flex-direction: row;
  1732. flex-direction: row;
  1733. align-items: center;
  1734. margin: 15px 0;
  1735. }
  1736. .u-divider__text[data-v-ea022cee] {
  1737. margin: 0 15px;
  1738. }
  1739. .u-divider__dot[data-v-ea022cee] {
  1740. font-size: 12px;
  1741. margin: 0 12px;
  1742. color: #c0c4cc;
  1743. }
  1744. /**
  1745. * 这里是uni-app内置的常用样式变量
  1746. *
  1747. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1748. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1749. *
  1750. */
  1751. /**
  1752. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1753. *
  1754. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1755. */
  1756. /* 颜色变量 */
  1757. /* 行为相关颜色 */
  1758. /* 文字基本颜色 */
  1759. /* 背景颜色 */
  1760. /* 边框颜色 */
  1761. /* 尺寸变量 */
  1762. /* 文字尺寸 */
  1763. /* 图片尺寸 */
  1764. /* Border Radius */
  1765. /* 水平间距 */
  1766. /* 垂直间距 */
  1767. /* 透明度 */
  1768. /* 文章场景相关 */
  1769. .u-sticky[data-v-8b303089] {
  1770. position: -webkit-sticky;
  1771. position: sticky;
  1772. }
  1773. /* 无任何数据的空布局 */
  1774. .mescroll-empty[data-v-7cefd855] {
  1775. box-sizing: border-box;
  1776. width: 100%;
  1777. padding: 3.125rem 1.5625rem;
  1778. text-align: center;
  1779. }
  1780. .mescroll-empty.empty-fixed[data-v-7cefd855] {
  1781. z-index: 99;
  1782. position: absolute; /*transform会使fixed失效,最终会降级为absolute */
  1783. top: 3.125rem;
  1784. left: 0;
  1785. }
  1786. .mescroll-empty .empty-icon[data-v-7cefd855] {
  1787. width: 8.75rem;
  1788. height: 8.75rem;
  1789. }
  1790. .mescroll-empty .empty-tip[data-v-7cefd855] {
  1791. margin-top: 0.625rem;
  1792. height: 1.25rem;
  1793. font-size: 0.875rem;
  1794. font-family: PingFangSC;
  1795. font-weight: 500;
  1796. color: #666666;
  1797. line-height: 1.25rem;
  1798. }
  1799. .mescroll-empty .empty-btn[data-v-7cefd855] {
  1800. display: inline-block;
  1801. margin-top: 1.25rem;
  1802. min-width: 6.25rem;
  1803. padding: 0.5625rem;
  1804. font-size: 0.875rem;
  1805. border: 0.03125rem solid #e04b28;
  1806. border-radius: 1.875rem;
  1807. color: #e04b28;
  1808. }
  1809. .mescroll-empty .empty-btn[data-v-7cefd855]:active {
  1810. opacity: 0.75;
  1811. }
  1812. /* 回到顶部的按钮 */
  1813. .mescroll-totop[data-v-49fff3a8] {
  1814. z-index: 9990;
  1815. position: fixed !important; /* 加上important避免编译到H5,在多mescroll中定位失效 */
  1816. right: 0.625rem;
  1817. bottom: 3.75rem;
  1818. width: 2.25rem;
  1819. height: auto;
  1820. border-radius: 50%;
  1821. opacity: 0;
  1822. transition: opacity 0.5s; /* 过渡 */
  1823. margin-bottom: var(--window-bottom); /* css变量 */
  1824. }
  1825. /* 适配 iPhoneX */
  1826. @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  1827. .mescroll-totop-safearea[data-v-49fff3a8] {
  1828. margin-bottom: calc(var(--window-bottom) + constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
  1829. margin-bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom));
  1830. }
  1831. }
  1832. /* 显示 -- 淡入 */
  1833. .mescroll-totop-in[data-v-49fff3a8] {
  1834. opacity: 1;
  1835. }
  1836. /* 隐藏 -- 淡出且不接收事件*/
  1837. .mescroll-totop-out[data-v-49fff3a8] {
  1838. opacity: 0;
  1839. pointer-events: none;
  1840. }
  1841. .mescroll-uni-warp[data-v-97b1664c] {
  1842. height: 100%;
  1843. }
  1844. .mescroll-uni-content[data-v-97b1664c] {
  1845. height: 100%;
  1846. }
  1847. .mescroll-uni[data-v-97b1664c] {
  1848. position: relative;
  1849. width: 100%;
  1850. height: 100%;
  1851. min-height: 6.25rem;
  1852. overflow-y: auto;
  1853. box-sizing: border-box;
  1854. /* 避免设置padding出现双滚动条的问题 */
  1855. }
  1856. /* 定位的方式固定高度 */
  1857. .mescroll-uni-fixed[data-v-97b1664c] {
  1858. z-index: 1;
  1859. position: fixed;
  1860. top: 0;
  1861. left: 0;
  1862. right: 0;
  1863. bottom: 0;
  1864. width: auto;
  1865. /* 使right生效 */
  1866. height: auto;
  1867. /* 使bottom生效 */
  1868. }
  1869. /* 适配 iPhoneX */
  1870. @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  1871. .mescroll-safearea[data-v-97b1664c] {
  1872. padding-bottom: constant(safe-area-inset-bottom);
  1873. padding-bottom: env(safe-area-inset-bottom);
  1874. }
  1875. }
  1876. /* 下拉刷新区域 */
  1877. .mescroll-downwarp[data-v-97b1664c] {
  1878. position: absolute;
  1879. top: -100%;
  1880. left: 0;
  1881. width: 100%;
  1882. height: 100%;
  1883. text-align: center;
  1884. }
  1885. /* 下拉刷新--内容区,定位于区域底部 */
  1886. .mescroll-downwarp .downwarp-content[data-v-97b1664c] {
  1887. position: absolute;
  1888. left: 0;
  1889. bottom: 0;
  1890. width: 100%;
  1891. min-height: 1.875rem;
  1892. padding: 0.625rem 0;
  1893. text-align: center;
  1894. }
  1895. /* 下拉刷新--提示文本 */
  1896. .mescroll-downwarp .downwarp-tip[data-v-97b1664c] {
  1897. display: inline-block;
  1898. font-size: 0.875rem;
  1899. vertical-align: middle;
  1900. margin-left: 0.5rem;
  1901. /* color: gray; 已在style设置color,此处删去*/
  1902. }
  1903. /* 下拉刷新--旋转进度条 */
  1904. .mescroll-downwarp .downwarp-progress[data-v-97b1664c] {
  1905. display: inline-block;
  1906. width: 1rem;
  1907. height: 1rem;
  1908. border-radius: 50%;
  1909. border: 0.0625rem solid gray;
  1910. border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
  1911. vertical-align: middle;
  1912. }
  1913. /* 旋转动画 */
  1914. .mescroll-downwarp .mescroll-rotate[data-v-97b1664c] {
  1915. animation: mescrollDownRotate-97b1664c 0.6s linear infinite;
  1916. }
  1917. @keyframes mescrollDownRotate-97b1664c {
  1918. 0% {
  1919. transform: rotate(0deg);
  1920. }
  1921. 100% {
  1922. transform: rotate(360deg);
  1923. }
  1924. }
  1925. /* 上拉加载区域 */
  1926. .mescroll-upwarp[data-v-97b1664c] {
  1927. box-sizing: border-box;
  1928. min-height: 3.4375rem;
  1929. padding: 0.9375rem 0;
  1930. text-align: center;
  1931. clear: both;
  1932. }
  1933. /*提示文本 */
  1934. .mescroll-upwarp .upwarp-tip[data-v-97b1664c],
  1935. .mescroll-upwarp .upwarp-nodata[data-v-97b1664c] {
  1936. display: inline-block;
  1937. font-size: 0.875rem;
  1938. vertical-align: middle;
  1939. /* color: gray; 已在style设置color,此处删去*/
  1940. }
  1941. .mescroll-upwarp .upwarp-tip[data-v-97b1664c] {
  1942. margin-left: 0.5rem;
  1943. }
  1944. /*旋转进度条 */
  1945. .mescroll-upwarp .upwarp-progress[data-v-97b1664c] {
  1946. display: inline-block;
  1947. width: 1rem;
  1948. height: 1rem;
  1949. border-radius: 50%;
  1950. border: 0.0625rem solid gray;
  1951. border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
  1952. vertical-align: middle;
  1953. }
  1954. /* 旋转动画 */
  1955. .mescroll-upwarp .mescroll-rotate[data-v-97b1664c] {
  1956. animation: mescrollUpRotate-97b1664c 0.6s linear infinite;
  1957. }
  1958. @keyframes mescrollUpRotate-97b1664c {
  1959. 0% {
  1960. transform: rotate(0deg);
  1961. }
  1962. 100% {
  1963. transform: rotate(360deg);
  1964. }
  1965. }
  1966. /**
  1967. * 这里是uni-app内置的常用样式变量
  1968. *
  1969. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1970. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1971. *
  1972. */
  1973. /**
  1974. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1975. *
  1976. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1977. */
  1978. /* 颜色变量 */
  1979. /* 行为相关颜色 */
  1980. /* 文字基本颜色 */
  1981. /* 背景颜色 */
  1982. /* 边框颜色 */
  1983. /* 尺寸变量 */
  1984. /* 文字尺寸 */
  1985. /* 图片尺寸 */
  1986. /* Border Radius */
  1987. /* 水平间距 */
  1988. /* 垂直间距 */
  1989. /* 透明度 */
  1990. /* 文章场景相关 */
  1991. .item[data-v-30bc23e1] {
  1992. line-height: 4.6875rem;
  1993. border-bottom: 1px solid #ccc;
  1994. }
  1995. /**
  1996. * 这里是uni-app内置的常用样式变量
  1997. *
  1998. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1999. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  2000. *
  2001. */
  2002. /**
  2003. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  2004. *
  2005. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  2006. */
  2007. /* 颜色变量 */
  2008. /* 行为相关颜色 */
  2009. /* 文字基本颜色 */
  2010. /* 背景颜色 */
  2011. /* 边框颜色 */
  2012. /* 尺寸变量 */
  2013. /* 文字尺寸 */
  2014. /* 图片尺寸 */
  2015. /* Border Radius */
  2016. /* 水平间距 */
  2017. /* 垂直间距 */
  2018. /* 透明度 */
  2019. /* 文章场景相关 */
  2020. .search-area {
  2021. padding: 0.75rem;
  2022. background-color: #ffffff;
  2023. z-index: 9;
  2024. }