route-exception.css 44 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627
  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. uni-view[data-v-b5ccb67e], uni-scroll-view[data-v-b5ccb67e], uni-swiper-item[data-v-b5ccb67e] {
  27. display: flex;
  28. flex-direction: column;
  29. flex-shrink: 0;
  30. flex-grow: 0;
  31. flex-basis: auto;
  32. align-items: stretch;
  33. align-content: flex-start;
  34. }
  35. .u-subsection[data-v-b5ccb67e] {
  36. display: flex;
  37. flex-direction: row;
  38. position: relative;
  39. overflow: hidden;
  40. width: 100%;
  41. box-sizing: border-box;
  42. }
  43. .u-subsection--button[data-v-b5ccb67e] {
  44. height: 32px;
  45. background-color: #eeeeef;
  46. padding: 3px;
  47. border-radius: 3px;
  48. align-items: stretch;
  49. }
  50. .u-subsection--button__bar[data-v-b5ccb67e] {
  51. background-color: #ffffff;
  52. border-radius: 3px !important;
  53. }
  54. .u-subsection--subsection[data-v-b5ccb67e] {
  55. height: 30px;
  56. }
  57. .u-subsection__bar[data-v-b5ccb67e] {
  58. position: absolute;
  59. transition-property: transform, color;
  60. transition-duration: 0.3s;
  61. transition-timing-function: ease-in-out;
  62. }
  63. .u-subsection__bar--first[data-v-b5ccb67e] {
  64. border-top-left-radius: 3px;
  65. border-bottom-left-radius: 3px;
  66. border-top-right-radius: 0px;
  67. border-bottom-right-radius: 0px;
  68. }
  69. .u-subsection__bar--center[data-v-b5ccb67e] {
  70. border-top-left-radius: 0px;
  71. border-bottom-left-radius: 0px;
  72. border-top-right-radius: 0px;
  73. border-bottom-right-radius: 0px;
  74. }
  75. .u-subsection__bar--last[data-v-b5ccb67e] {
  76. border-top-left-radius: 0px;
  77. border-bottom-left-radius: 0px;
  78. border-top-right-radius: 3px;
  79. border-bottom-right-radius: 3px;
  80. }
  81. .u-subsection__item[data-v-b5ccb67e] {
  82. display: flex;
  83. flex-direction: row;
  84. flex: 1;
  85. justify-content: center;
  86. align-items: center;
  87. position: relative;
  88. }
  89. .u-subsection__item--no-border-right[data-v-b5ccb67e] {
  90. border-right-width: 0 !important;
  91. }
  92. .u-subsection__item--first[data-v-b5ccb67e] {
  93. border-top-left-radius: 3px;
  94. border-bottom-left-radius: 3px;
  95. }
  96. .u-subsection__item--last[data-v-b5ccb67e] {
  97. border-top-right-radius: 3px;
  98. border-bottom-right-radius: 3px;
  99. }
  100. .u-subsection__item__text[data-v-b5ccb67e] {
  101. font-size: 12px;
  102. line-height: 12px;
  103. display: flex;
  104. flex-direction: row;
  105. align-items: center;
  106. transition-property: color;
  107. transition-duration: 0.3s;
  108. }
  109. /**
  110. * 这里是uni-app内置的常用样式变量
  111. *
  112. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  113. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  114. *
  115. */
  116. /**
  117. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  118. *
  119. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  120. */
  121. /* 颜色变量 */
  122. /* 行为相关颜色 */
  123. /* 文字基本颜色 */
  124. /* 背景颜色 */
  125. /* 边框颜色 */
  126. /* 尺寸变量 */
  127. /* 文字尺寸 */
  128. /* 图片尺寸 */
  129. /* Border Radius */
  130. /* 水平间距 */
  131. /* 垂直间距 */
  132. /* 透明度 */
  133. /* 文章场景相关 */
  134. .u-sticky[data-v-8b303089] {
  135. position: -webkit-sticky;
  136. position: sticky;
  137. }
  138. /**
  139. * 这里是uni-app内置的常用样式变量
  140. *
  141. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  142. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  143. *
  144. */
  145. /**
  146. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  147. *
  148. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  149. */
  150. /* 颜色变量 */
  151. /* 行为相关颜色 */
  152. /* 文字基本颜色 */
  153. /* 背景颜色 */
  154. /* 边框颜色 */
  155. /* 尺寸变量 */
  156. /* 文字尺寸 */
  157. /* 图片尺寸 */
  158. /* Border Radius */
  159. /* 水平间距 */
  160. /* 垂直间距 */
  161. /* 透明度 */
  162. /* 文章场景相关 */
  163. uni-view[data-v-ac70166d], uni-scroll-view[data-v-ac70166d], uni-swiper-item[data-v-ac70166d] {
  164. display: flex;
  165. flex-direction: column;
  166. flex-shrink: 0;
  167. flex-grow: 0;
  168. flex-basis: auto;
  169. align-items: stretch;
  170. align-content: flex-start;
  171. }
  172. @font-face {
  173. font-family: "uicon-iconfont";
  174. src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
  175. }
  176. .u-icon[data-v-ac70166d] {
  177. display: flex;
  178. align-items: center;
  179. }
  180. .u-icon--left[data-v-ac70166d] {
  181. flex-direction: row-reverse;
  182. align-items: center;
  183. }
  184. .u-icon--right[data-v-ac70166d] {
  185. flex-direction: row;
  186. align-items: center;
  187. }
  188. .u-icon--top[data-v-ac70166d] {
  189. flex-direction: column-reverse;
  190. justify-content: center;
  191. }
  192. .u-icon--bottom[data-v-ac70166d] {
  193. flex-direction: column;
  194. justify-content: center;
  195. }
  196. .u-icon__icon[data-v-ac70166d] {
  197. font-family: uicon-iconfont;
  198. position: relative;
  199. display: flex;
  200. flex-direction: row;
  201. align-items: center;
  202. }
  203. .u-icon__icon--primary[data-v-ac70166d] {
  204. color: #22ac38;
  205. }
  206. .u-icon__icon--success[data-v-ac70166d] {
  207. color: #22ac38;
  208. }
  209. .u-icon__icon--error[data-v-ac70166d] {
  210. color: #f56c6c;
  211. }
  212. .u-icon__icon--warning[data-v-ac70166d] {
  213. color: #f9ae3d;
  214. }
  215. .u-icon__icon--info[data-v-ac70166d] {
  216. color: #909399;
  217. }
  218. .u-icon__img[data-v-ac70166d] {
  219. height: auto;
  220. will-change: transform;
  221. }
  222. .u-icon__label[data-v-ac70166d] {
  223. line-height: 1;
  224. }
  225. /**
  226. * 这里是uni-app内置的常用样式变量
  227. *
  228. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  229. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  230. *
  231. */
  232. /**
  233. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  234. *
  235. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  236. */
  237. /* 颜色变量 */
  238. /* 行为相关颜色 */
  239. /* 文字基本颜色 */
  240. /* 背景颜色 */
  241. /* 边框颜色 */
  242. /* 尺寸变量 */
  243. /* 文字尺寸 */
  244. /* 图片尺寸 */
  245. /* Border Radius */
  246. /* 水平间距 */
  247. /* 垂直间距 */
  248. /* 透明度 */
  249. /* 文章场景相关 */
  250. uni-view[data-v-e082a34a], uni-scroll-view[data-v-e082a34a], uni-swiper-item[data-v-e082a34a] {
  251. display: flex;
  252. flex-direction: column;
  253. flex-shrink: 0;
  254. flex-grow: 0;
  255. flex-basis: auto;
  256. align-items: stretch;
  257. align-content: flex-start;
  258. }
  259. .u-search[data-v-e082a34a] {
  260. display: flex;
  261. flex-direction: row;
  262. align-items: center;
  263. flex: 1;
  264. }
  265. .u-search__content[data-v-e082a34a] {
  266. display: flex;
  267. flex-direction: row;
  268. align-items: center;
  269. padding: 0 10px;
  270. flex: 1;
  271. justify-content: space-between;
  272. border-width: 1px;
  273. border-color: transparent;
  274. border-style: solid;
  275. overflow: hidden;
  276. }
  277. .u-search__content__icon[data-v-e082a34a] {
  278. display: flex;
  279. flex-direction: row;
  280. align-items: center;
  281. }
  282. .u-search__content__label[data-v-e082a34a] {
  283. color: #303133;
  284. font-size: 16px;
  285. margin: 0 4px;
  286. }
  287. .u-search__content__close[data-v-e082a34a] {
  288. width: 20px;
  289. height: 20px;
  290. border-top-left-radius: 100px;
  291. border-top-right-radius: 100px;
  292. border-bottom-left-radius: 100px;
  293. border-bottom-right-radius: 100px;
  294. background-color: #C6C7CB;
  295. display: flex;
  296. flex-direction: row;
  297. align-items: center;
  298. justify-content: center;
  299. transform: scale(0.82);
  300. }
  301. .u-search__content__input[data-v-e082a34a] {
  302. flex: 1;
  303. font-size: 16px;
  304. line-height: 1;
  305. margin: 0 5px;
  306. color: #303133;
  307. }
  308. .u-search__content__input--placeholder[data-v-e082a34a] {
  309. color: #909193;
  310. }
  311. .u-search__action[data-v-e082a34a] {
  312. font-size: 16px;
  313. color: #303133;
  314. width: 0;
  315. overflow: hidden;
  316. transition-property: width;
  317. transition-duration: 0.3s;
  318. white-space: nowrap;
  319. text-align: center;
  320. }
  321. .u-search__action--active[data-v-e082a34a] {
  322. width: 40px;
  323. margin-left: 5px;
  324. }
  325. /**
  326. * 这里是uni-app内置的常用样式变量
  327. *
  328. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  329. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  330. *
  331. */
  332. /**
  333. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  334. *
  335. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  336. */
  337. /* 颜色变量 */
  338. /* 行为相关颜色 */
  339. /* 文字基本颜色 */
  340. /* 背景颜色 */
  341. /* 边框颜色 */
  342. /* 尺寸变量 */
  343. /* 文字尺寸 */
  344. /* 图片尺寸 */
  345. /* Border Radius */
  346. /* 水平间距 */
  347. /* 垂直间距 */
  348. /* 透明度 */
  349. /* 文章场景相关 */
  350. uni-view[data-v-2af81691], uni-scroll-view[data-v-2af81691], uni-swiper-item[data-v-2af81691] {
  351. display: flex;
  352. flex-direction: column;
  353. flex-shrink: 0;
  354. flex-grow: 0;
  355. flex-basis: auto;
  356. align-items: stretch;
  357. align-content: flex-start;
  358. }
  359. .u-loading-icon[data-v-2af81691] {
  360. flex-direction: row;
  361. align-items: center;
  362. justify-content: center;
  363. color: #c8c9cc;
  364. }
  365. .u-loading-icon__text[data-v-2af81691] {
  366. margin-left: 4px;
  367. color: #606266;
  368. font-size: 14px;
  369. line-height: 20px;
  370. }
  371. .u-loading-icon__spinner[data-v-2af81691] {
  372. width: 30px;
  373. height: 30px;
  374. position: relative;
  375. box-sizing: border-box;
  376. max-width: 100%;
  377. max-height: 100%;
  378. animation: u-rotate-2af81691 1s linear infinite;
  379. }
  380. .u-loading-icon__spinner--semicircle[data-v-2af81691] {
  381. border-width: 2px;
  382. border-color: transparent;
  383. border-top-right-radius: 100px;
  384. border-top-left-radius: 100px;
  385. border-bottom-left-radius: 100px;
  386. border-bottom-right-radius: 100px;
  387. border-style: solid;
  388. }
  389. .u-loading-icon__spinner--circle[data-v-2af81691] {
  390. border-top-right-radius: 100px;
  391. border-top-left-radius: 100px;
  392. border-bottom-left-radius: 100px;
  393. border-bottom-right-radius: 100px;
  394. border-width: 2px;
  395. border-top-color: #e5e5e5;
  396. border-right-color: #e5e5e5;
  397. border-bottom-color: #e5e5e5;
  398. border-left-color: #e5e5e5;
  399. border-style: solid;
  400. }
  401. .u-loading-icon--vertical[data-v-2af81691] {
  402. flex-direction: column;
  403. }
  404. [data-v-2af81691]:host {
  405. font-size: 0px;
  406. line-height: 1;
  407. }
  408. .u-loading-icon__spinner--spinner[data-v-2af81691] {
  409. animation-timing-function: steps(12);
  410. }
  411. .u-loading-icon__text[data-v-2af81691]:empty {
  412. display: none;
  413. }
  414. .u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
  415. margin: 6px 0 0;
  416. color: #606266;
  417. }
  418. .u-loading-icon__dot[data-v-2af81691] {
  419. position: absolute;
  420. top: 0;
  421. left: 0;
  422. width: 100%;
  423. height: 100%;
  424. }
  425. .u-loading-icon__dot[data-v-2af81691]:before {
  426. display: block;
  427. width: 2px;
  428. height: 25%;
  429. margin: 0 auto;
  430. background-color: currentColor;
  431. border-radius: 40%;
  432. content: " ";
  433. }
  434. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
  435. transform: rotate(30deg);
  436. opacity: 1;
  437. }
  438. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
  439. transform: rotate(60deg);
  440. opacity: 0.9375;
  441. }
  442. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
  443. transform: rotate(90deg);
  444. opacity: 0.875;
  445. }
  446. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
  447. transform: rotate(120deg);
  448. opacity: 0.8125;
  449. }
  450. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
  451. transform: rotate(150deg);
  452. opacity: 0.75;
  453. }
  454. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
  455. transform: rotate(180deg);
  456. opacity: 0.6875;
  457. }
  458. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
  459. transform: rotate(210deg);
  460. opacity: 0.625;
  461. }
  462. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
  463. transform: rotate(240deg);
  464. opacity: 0.5625;
  465. }
  466. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
  467. transform: rotate(270deg);
  468. opacity: 0.5;
  469. }
  470. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
  471. transform: rotate(300deg);
  472. opacity: 0.4375;
  473. }
  474. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
  475. transform: rotate(330deg);
  476. opacity: 0.375;
  477. }
  478. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
  479. transform: rotate(360deg);
  480. opacity: 0.3125;
  481. }
  482. @keyframes u-rotate-2af81691 {
  483. 0% {
  484. transform: rotate(0deg);
  485. }
  486. to {
  487. transform: rotate(1turn);
  488. }
  489. }
  490. /**
  491. * 这里是uni-app内置的常用样式变量
  492. *
  493. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  494. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  495. *
  496. */
  497. /**
  498. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  499. *
  500. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  501. */
  502. /* 颜色变量 */
  503. /* 行为相关颜色 */
  504. /* 文字基本颜色 */
  505. /* 背景颜色 */
  506. /* 边框颜色 */
  507. /* 尺寸变量 */
  508. /* 文字尺寸 */
  509. /* 图片尺寸 */
  510. /* Border Radius */
  511. /* 水平间距 */
  512. /* 垂直间距 */
  513. /* 透明度 */
  514. /* 文章场景相关 */
  515. uni-view[data-v-5ce41ee6], uni-scroll-view[data-v-5ce41ee6], uni-swiper-item[data-v-5ce41ee6] {
  516. display: flex;
  517. flex-direction: column;
  518. flex-shrink: 0;
  519. flex-grow: 0;
  520. flex-basis: auto;
  521. align-items: stretch;
  522. align-content: flex-start;
  523. }
  524. .u-button[data-v-5ce41ee6] {
  525. width: 100%;
  526. }
  527. .u-button__text[data-v-5ce41ee6] {
  528. white-space: nowrap;
  529. line-height: 1;
  530. }
  531. .u-button[data-v-5ce41ee6]:before {
  532. position: absolute;
  533. top: 50%;
  534. left: 50%;
  535. width: 100%;
  536. height: 100%;
  537. border: inherit;
  538. border-radius: inherit;
  539. transform: translate(-50%, -50%);
  540. opacity: 0;
  541. content: " ";
  542. background-color: #000;
  543. border-color: #000;
  544. }
  545. .u-button--active[data-v-5ce41ee6]:before {
  546. opacity: 0.15;
  547. }
  548. .u-button__icon + .u-button__text[data-v-5ce41ee6]:not(:empty), .u-button__loading-text[data-v-5ce41ee6] {
  549. margin-left: 4px;
  550. }
  551. .u-button--plain.u-button--primary[data-v-5ce41ee6] {
  552. color: #22ac38;
  553. }
  554. .u-button--plain.u-button--info[data-v-5ce41ee6] {
  555. color: #909399;
  556. }
  557. .u-button--plain.u-button--success[data-v-5ce41ee6] {
  558. color: #22ac38;
  559. }
  560. .u-button--plain.u-button--error[data-v-5ce41ee6] {
  561. color: #f56c6c;
  562. }
  563. .u-button--plain.u-button--warning[data-v-5ce41ee6] {
  564. color: #f56c6c;
  565. }
  566. .u-button[data-v-5ce41ee6] {
  567. height: 52px;
  568. position: relative;
  569. align-items: center;
  570. justify-content: center;
  571. display: flex;
  572. flex-direction: row;
  573. box-sizing: border-box;
  574. flex-direction: row;
  575. }
  576. .u-button__text[data-v-5ce41ee6] {
  577. font-size: 16px;
  578. }
  579. .u-button__loading-text[data-v-5ce41ee6] {
  580. font-size: 16px;
  581. margin-left: 4px;
  582. }
  583. .u-button--large[data-v-5ce41ee6] {
  584. width: 100%;
  585. height: 64px;
  586. padding: 0 15px;
  587. font-size: 20px;
  588. }
  589. .u-button--normal[data-v-5ce41ee6] {
  590. padding: 0 12px;
  591. font-size: 16px;
  592. }
  593. .u-button--small[data-v-5ce41ee6] {
  594. min-width: 60px;
  595. height: 30px;
  596. padding: 0px 8px;
  597. font-size: 12px;
  598. }
  599. .u-button--mini[data-v-5ce41ee6] {
  600. height: 22px;
  601. font-size: 10px;
  602. min-width: 50px;
  603. padding: 0px 8px;
  604. }
  605. .u-button--disabled[data-v-5ce41ee6] {
  606. opacity: 0.5;
  607. }
  608. .u-button--info[data-v-5ce41ee6] {
  609. color: #323233;
  610. background-color: #fff;
  611. border-color: #ebedf0;
  612. border-width: 1px;
  613. border-style: solid;
  614. }
  615. .u-button--success[data-v-5ce41ee6] {
  616. color: #fff;
  617. background-color: #22ac38;
  618. border-color: #22ac38;
  619. border-width: 1px;
  620. border-style: solid;
  621. }
  622. .u-button--primary[data-v-5ce41ee6] {
  623. color: #fff;
  624. background-color: #22ac38;
  625. border-color: #22ac38;
  626. border-width: 1px;
  627. border-style: solid;
  628. }
  629. .u-button--error[data-v-5ce41ee6] {
  630. color: #fff;
  631. background-color: #f56c6c;
  632. border-color: #f56c6c;
  633. border-width: 1px;
  634. border-style: solid;
  635. }
  636. .u-button--warning[data-v-5ce41ee6] {
  637. color: #fff;
  638. background-color: #f9ae3d;
  639. border-color: #f9ae3d;
  640. border-width: 1px;
  641. border-style: solid;
  642. }
  643. .u-button--block[data-v-5ce41ee6] {
  644. display: flex;
  645. flex-direction: row;
  646. width: 100%;
  647. }
  648. .u-button--circle[data-v-5ce41ee6] {
  649. border-top-right-radius: 100px;
  650. border-top-left-radius: 100px;
  651. border-bottom-left-radius: 100px;
  652. border-bottom-right-radius: 100px;
  653. }
  654. .u-button--square[data-v-5ce41ee6] {
  655. border-bottom-left-radius: 3px;
  656. border-bottom-right-radius: 3px;
  657. border-top-left-radius: 3px;
  658. border-top-right-radius: 3px;
  659. }
  660. .u-button__icon[data-v-5ce41ee6] {
  661. min-width: 1em;
  662. line-height: inherit !important;
  663. vertical-align: top;
  664. }
  665. .u-button--plain[data-v-5ce41ee6] {
  666. background-color: #fff;
  667. }
  668. .u-button--hairline[data-v-5ce41ee6] {
  669. border-width: 0.5px !important;
  670. }
  671. /**
  672. * 这里是uni-app内置的常用样式变量
  673. *
  674. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  675. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  676. *
  677. */
  678. /**
  679. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  680. *
  681. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  682. */
  683. /* 颜色变量 */
  684. /* 行为相关颜色 */
  685. /* 文字基本颜色 */
  686. /* 背景颜色 */
  687. /* 边框颜色 */
  688. /* 尺寸变量 */
  689. /* 文字尺寸 */
  690. /* 图片尺寸 */
  691. /* Border Radius */
  692. /* 水平间距 */
  693. /* 垂直间距 */
  694. /* 透明度 */
  695. /* 文章场景相关 */
  696. uni-view[data-v-72791e59], uni-scroll-view[data-v-72791e59], uni-swiper-item[data-v-72791e59] {
  697. display: flex;
  698. flex-direction: column;
  699. flex-shrink: 0;
  700. flex-grow: 0;
  701. flex-basis: auto;
  702. align-items: stretch;
  703. align-content: flex-start;
  704. }
  705. .u-line[data-v-72791e59] {
  706. vertical-align: middle;
  707. }
  708. /**
  709. * 这里是uni-app内置的常用样式变量
  710. *
  711. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  712. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  713. *
  714. */
  715. /**
  716. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  717. *
  718. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  719. */
  720. /* 颜色变量 */
  721. /* 行为相关颜色 */
  722. /* 文字基本颜色 */
  723. /* 背景颜色 */
  724. /* 边框颜色 */
  725. /* 尺寸变量 */
  726. /* 文字尺寸 */
  727. /* 图片尺寸 */
  728. /* Border Radius */
  729. /* 水平间距 */
  730. /* 垂直间距 */
  731. /* 透明度 */
  732. /* 文章场景相关 */
  733. uni-view[data-v-5cec8177], uni-scroll-view[data-v-5cec8177], uni-swiper-item[data-v-5cec8177] {
  734. display: flex;
  735. flex-direction: column;
  736. flex-shrink: 0;
  737. flex-grow: 0;
  738. flex-basis: auto;
  739. align-items: stretch;
  740. align-content: flex-start;
  741. }
  742. /**
  743. * vue版本动画内置的动画模式有如下:
  744. * fade:淡入
  745. * zoom:缩放
  746. * fade-zoom:缩放淡入
  747. * fade-up:上滑淡入
  748. * fade-down:下滑淡入
  749. * fade-left:左滑淡入
  750. * fade-right:右滑淡入
  751. * slide-up:上滑进入
  752. * slide-down:下滑进入
  753. * slide-left:左滑进入
  754. * slide-right:右滑进入
  755. */
  756. .u-fade-enter-active[data-v-5cec8177],
  757. .u-fade-leave-active[data-v-5cec8177] {
  758. transition-property: opacity;
  759. }
  760. .u-fade-enter[data-v-5cec8177],
  761. .u-fade-leave-to[data-v-5cec8177] {
  762. opacity: 0;
  763. }
  764. .u-fade-zoom-enter[data-v-5cec8177],
  765. .u-fade-zoom-leave-to[data-v-5cec8177] {
  766. transform: scale(0.95);
  767. opacity: 0;
  768. }
  769. .u-fade-zoom-enter-active[data-v-5cec8177],
  770. .u-fade-zoom-leave-active[data-v-5cec8177] {
  771. transition-property: transform, opacity;
  772. }
  773. .u-fade-down-enter-active[data-v-5cec8177],
  774. .u-fade-down-leave-active[data-v-5cec8177],
  775. .u-fade-left-enter-active[data-v-5cec8177],
  776. .u-fade-left-leave-active[data-v-5cec8177],
  777. .u-fade-right-enter-active[data-v-5cec8177],
  778. .u-fade-right-leave-active[data-v-5cec8177],
  779. .u-fade-up-enter-active[data-v-5cec8177],
  780. .u-fade-up-leave-active[data-v-5cec8177] {
  781. transition-property: opacity, transform;
  782. }
  783. .u-fade-up-enter[data-v-5cec8177],
  784. .u-fade-up-leave-to[data-v-5cec8177] {
  785. transform: translate3d(0, 100%, 0);
  786. opacity: 0;
  787. }
  788. .u-fade-down-enter[data-v-5cec8177],
  789. .u-fade-down-leave-to[data-v-5cec8177] {
  790. transform: translate3d(0, -100%, 0);
  791. opacity: 0;
  792. }
  793. .u-fade-left-enter[data-v-5cec8177],
  794. .u-fade-left-leave-to[data-v-5cec8177] {
  795. transform: translate3d(-100%, 0, 0);
  796. opacity: 0;
  797. }
  798. .u-fade-right-enter[data-v-5cec8177],
  799. .u-fade-right-leave-to[data-v-5cec8177] {
  800. transform: translate3d(100%, 0, 0);
  801. opacity: 0;
  802. }
  803. .u-slide-down-enter-active[data-v-5cec8177],
  804. .u-slide-down-leave-active[data-v-5cec8177],
  805. .u-slide-left-enter-active[data-v-5cec8177],
  806. .u-slide-left-leave-active[data-v-5cec8177],
  807. .u-slide-right-enter-active[data-v-5cec8177],
  808. .u-slide-right-leave-active[data-v-5cec8177],
  809. .u-slide-up-enter-active[data-v-5cec8177],
  810. .u-slide-up-leave-active[data-v-5cec8177] {
  811. transition-property: transform;
  812. }
  813. .u-slide-up-enter[data-v-5cec8177],
  814. .u-slide-up-leave-to[data-v-5cec8177] {
  815. transform: translate3d(0, 100%, 0);
  816. }
  817. .u-slide-down-enter[data-v-5cec8177],
  818. .u-slide-down-leave-to[data-v-5cec8177] {
  819. transform: translate3d(0, -100%, 0);
  820. }
  821. .u-slide-left-enter[data-v-5cec8177],
  822. .u-slide-left-leave-to[data-v-5cec8177] {
  823. transform: translate3d(-100%, 0, 0);
  824. }
  825. .u-slide-right-enter[data-v-5cec8177],
  826. .u-slide-right-leave-to[data-v-5cec8177] {
  827. transform: translate3d(100%, 0, 0);
  828. }
  829. .u-zoom-enter-active[data-v-5cec8177],
  830. .u-zoom-leave-active[data-v-5cec8177] {
  831. transition-property: transform;
  832. }
  833. .u-zoom-enter[data-v-5cec8177],
  834. .u-zoom-leave-to[data-v-5cec8177] {
  835. transform: scale(0.95);
  836. }
  837. /**
  838. * 这里是uni-app内置的常用样式变量
  839. *
  840. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  841. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  842. *
  843. */
  844. /**
  845. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  846. *
  847. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  848. */
  849. /* 颜色变量 */
  850. /* 行为相关颜色 */
  851. /* 文字基本颜色 */
  852. /* 背景颜色 */
  853. /* 边框颜色 */
  854. /* 尺寸变量 */
  855. /* 文字尺寸 */
  856. /* 图片尺寸 */
  857. /* Border Radius */
  858. /* 水平间距 */
  859. /* 垂直间距 */
  860. /* 透明度 */
  861. /* 文章场景相关 */
  862. uni-view[data-v-9112bed9], uni-scroll-view[data-v-9112bed9], uni-swiper-item[data-v-9112bed9] {
  863. display: flex;
  864. flex-direction: column;
  865. flex-shrink: 0;
  866. flex-grow: 0;
  867. flex-basis: auto;
  868. align-items: stretch;
  869. align-content: flex-start;
  870. }
  871. .u-overlay[data-v-9112bed9] {
  872. position: fixed;
  873. top: 0;
  874. left: 0;
  875. width: 100%;
  876. height: 100%;
  877. background-color: rgba(0, 0, 0, 0.7);
  878. }
  879. /**
  880. * 这里是uni-app内置的常用样式变量
  881. *
  882. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  883. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  884. *
  885. */
  886. /**
  887. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  888. *
  889. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  890. */
  891. /* 颜色变量 */
  892. /* 行为相关颜色 */
  893. /* 文字基本颜色 */
  894. /* 背景颜色 */
  895. /* 边框颜色 */
  896. /* 尺寸变量 */
  897. /* 文字尺寸 */
  898. /* 图片尺寸 */
  899. /* Border Radius */
  900. /* 水平间距 */
  901. /* 垂直间距 */
  902. /* 透明度 */
  903. /* 文章场景相关 */
  904. .u-status-bar[data-v-eb8e0cdd] {
  905. width: 100%;
  906. }
  907. /**
  908. * 这里是uni-app内置的常用样式变量
  909. *
  910. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  911. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  912. *
  913. */
  914. /**
  915. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  916. *
  917. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  918. */
  919. /* 颜色变量 */
  920. /* 行为相关颜色 */
  921. /* 文字基本颜色 */
  922. /* 背景颜色 */
  923. /* 边框颜色 */
  924. /* 尺寸变量 */
  925. /* 文字尺寸 */
  926. /* 图片尺寸 */
  927. /* Border Radius */
  928. /* 水平间距 */
  929. /* 垂直间距 */
  930. /* 透明度 */
  931. /* 文章场景相关 */
  932. .u-safe-bottom[data-v-f3d22cfe] {
  933. width: 100%;
  934. }
  935. /**
  936. * 这里是uni-app内置的常用样式变量
  937. *
  938. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  939. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  940. *
  941. */
  942. /**
  943. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  944. *
  945. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  946. */
  947. /* 颜色变量 */
  948. /* 行为相关颜色 */
  949. /* 文字基本颜色 */
  950. /* 背景颜色 */
  951. /* 边框颜色 */
  952. /* 尺寸变量 */
  953. /* 文字尺寸 */
  954. /* 图片尺寸 */
  955. /* Border Radius */
  956. /* 水平间距 */
  957. /* 垂直间距 */
  958. /* 透明度 */
  959. /* 文章场景相关 */
  960. uni-view[data-v-05c24e9b], uni-scroll-view[data-v-05c24e9b], uni-swiper-item[data-v-05c24e9b] {
  961. display: flex;
  962. flex-direction: column;
  963. flex-shrink: 0;
  964. flex-grow: 0;
  965. flex-basis: auto;
  966. align-items: stretch;
  967. align-content: flex-start;
  968. }
  969. .u-popup[data-v-05c24e9b] {
  970. flex: 1;
  971. }
  972. .u-popup__content[data-v-05c24e9b] {
  973. background-color: #fff;
  974. position: relative;
  975. }
  976. .u-popup__content--round-top[data-v-05c24e9b] {
  977. border-top-left-radius: 0;
  978. border-top-right-radius: 0;
  979. border-bottom-left-radius: 10px;
  980. border-bottom-right-radius: 10px;
  981. }
  982. .u-popup__content--round-left[data-v-05c24e9b] {
  983. border-top-left-radius: 0;
  984. border-top-right-radius: 10px;
  985. border-bottom-left-radius: 0;
  986. border-bottom-right-radius: 10px;
  987. }
  988. .u-popup__content--round-right[data-v-05c24e9b] {
  989. border-top-left-radius: 10px;
  990. border-top-right-radius: 0;
  991. border-bottom-left-radius: 10px;
  992. border-bottom-right-radius: 0;
  993. }
  994. .u-popup__content--round-bottom[data-v-05c24e9b] {
  995. border-top-left-radius: 10px;
  996. border-top-right-radius: 10px;
  997. border-bottom-left-radius: 0;
  998. border-bottom-right-radius: 0;
  999. }
  1000. .u-popup__content--round-center[data-v-05c24e9b] {
  1001. border-top-left-radius: 10px;
  1002. border-top-right-radius: 10px;
  1003. border-bottom-left-radius: 10px;
  1004. border-bottom-right-radius: 10px;
  1005. }
  1006. .u-popup__content__close[data-v-05c24e9b] {
  1007. position: absolute;
  1008. }
  1009. .u-popup__content__close--hover[data-v-05c24e9b] {
  1010. opacity: 0.4;
  1011. }
  1012. .u-popup__content__close--top-left[data-v-05c24e9b] {
  1013. top: 15px;
  1014. left: 15px;
  1015. }
  1016. .u-popup__content__close--top-right[data-v-05c24e9b] {
  1017. top: 15px;
  1018. right: 15px;
  1019. }
  1020. .u-popup__content__close--bottom-left[data-v-05c24e9b] {
  1021. bottom: 15px;
  1022. left: 15px;
  1023. }
  1024. .u-popup__content__close--bottom-right[data-v-05c24e9b] {
  1025. right: 15px;
  1026. bottom: 15px;
  1027. }
  1028. /**
  1029. * 这里是uni-app内置的常用样式变量
  1030. *
  1031. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1032. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1033. *
  1034. */
  1035. /**
  1036. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1037. *
  1038. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1039. */
  1040. /* 颜色变量 */
  1041. /* 行为相关颜色 */
  1042. /* 文字基本颜色 */
  1043. /* 背景颜色 */
  1044. /* 边框颜色 */
  1045. /* 尺寸变量 */
  1046. /* 文字尺寸 */
  1047. /* 图片尺寸 */
  1048. /* Border Radius */
  1049. /* 水平间距 */
  1050. /* 垂直间距 */
  1051. /* 透明度 */
  1052. /* 文章场景相关 */
  1053. uni-view[data-v-f667648f], uni-scroll-view[data-v-f667648f], uni-swiper-item[data-v-f667648f] {
  1054. display: flex;
  1055. flex-direction: column;
  1056. flex-shrink: 0;
  1057. flex-grow: 0;
  1058. flex-basis: auto;
  1059. align-items: stretch;
  1060. align-content: flex-start;
  1061. }
  1062. .u-modal[data-v-f667648f] {
  1063. width: 20.3125rem;
  1064. border-radius: 6px;
  1065. overflow: hidden;
  1066. }
  1067. .u-modal__title[data-v-f667648f] {
  1068. font-size: 16px;
  1069. font-weight: bold;
  1070. color: #606266;
  1071. text-align: center;
  1072. padding-top: 25px;
  1073. }
  1074. .u-modal__content[data-v-f667648f] {
  1075. padding: 12px 25px 25px 25px;
  1076. display: flex;
  1077. flex-direction: row;
  1078. justify-content: center;
  1079. }
  1080. .u-modal__content__text[data-v-f667648f] {
  1081. font-size: 15px;
  1082. color: #606266;
  1083. flex: 1;
  1084. }
  1085. .u-modal__button-group[data-v-f667648f] {
  1086. display: flex;
  1087. flex-direction: row;
  1088. }
  1089. .u-modal__button-group--confirm-button[data-v-f667648f] {
  1090. flex-direction: column;
  1091. padding: 0px 25px 15px 25px;
  1092. }
  1093. .u-modal__button-group__wrapper[data-v-f667648f] {
  1094. flex: 1;
  1095. display: flex;
  1096. flex-direction: row;
  1097. justify-content: center;
  1098. align-items: center;
  1099. height: 48px;
  1100. }
  1101. .u-modal__button-group__wrapper--confirm[data-v-f667648f], .u-modal__button-group__wrapper--only-cancel[data-v-f667648f] {
  1102. border-bottom-right-radius: 6px;
  1103. }
  1104. .u-modal__button-group__wrapper--cancel[data-v-f667648f], .u-modal__button-group__wrapper--only-confirm[data-v-f667648f] {
  1105. border-bottom-left-radius: 6px;
  1106. }
  1107. .u-modal__button-group__wrapper--hover[data-v-f667648f] {
  1108. background-color: #f3f4f6;
  1109. }
  1110. .u-modal__button-group__wrapper__text[data-v-f667648f] {
  1111. color: #606266;
  1112. font-size: 16px;
  1113. text-align: center;
  1114. }
  1115. /**
  1116. * 这里是uni-app内置的常用样式变量
  1117. *
  1118. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1119. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1120. *
  1121. */
  1122. /**
  1123. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1124. *
  1125. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1126. */
  1127. /* 颜色变量 */
  1128. /* 行为相关颜色 */
  1129. /* 文字基本颜色 */
  1130. /* 背景颜色 */
  1131. /* 边框颜色 */
  1132. /* 尺寸变量 */
  1133. /* 文字尺寸 */
  1134. /* 图片尺寸 */
  1135. /* Border Radius */
  1136. /* 水平间距 */
  1137. /* 垂直间距 */
  1138. /* 透明度 */
  1139. /* 文章场景相关 */
  1140. uni-view[data-v-eadae74e], uni-scroll-view[data-v-eadae74e], uni-swiper-item[data-v-eadae74e] {
  1141. display: flex;
  1142. flex-direction: column;
  1143. flex-shrink: 0;
  1144. flex-grow: 0;
  1145. flex-basis: auto;
  1146. align-items: stretch;
  1147. align-content: flex-start;
  1148. }
  1149. .u-toolbar[data-v-eadae74e] {
  1150. height: 42px;
  1151. display: flex;
  1152. flex-direction: row;
  1153. justify-content: space-between;
  1154. align-items: center;
  1155. }
  1156. .u-toolbar__wrapper__cancel[data-v-eadae74e] {
  1157. color: #909193;
  1158. font-size: 15px;
  1159. padding: 0 15px;
  1160. }
  1161. .u-toolbar__title[data-v-eadae74e] {
  1162. color: #303133;
  1163. padding: 0 1.875rem;
  1164. font-size: 16px;
  1165. flex: 1;
  1166. text-align: center;
  1167. }
  1168. .u-toolbar__wrapper__confirm[data-v-eadae74e] {
  1169. color: #22ac38;
  1170. font-size: 15px;
  1171. padding: 0 15px;
  1172. }
  1173. /**
  1174. * 这里是uni-app内置的常用样式变量
  1175. *
  1176. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1177. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1178. *
  1179. */
  1180. /**
  1181. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1182. *
  1183. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1184. */
  1185. /* 颜色变量 */
  1186. /* 行为相关颜色 */
  1187. /* 文字基本颜色 */
  1188. /* 背景颜色 */
  1189. /* 边框颜色 */
  1190. /* 尺寸变量 */
  1191. /* 文字尺寸 */
  1192. /* 图片尺寸 */
  1193. /* Border Radius */
  1194. /* 水平间距 */
  1195. /* 垂直间距 */
  1196. /* 透明度 */
  1197. /* 文章场景相关 */
  1198. uni-view[data-v-91b05052], uni-scroll-view[data-v-91b05052], uni-swiper-item[data-v-91b05052] {
  1199. display: flex;
  1200. flex-direction: column;
  1201. flex-shrink: 0;
  1202. flex-grow: 0;
  1203. flex-basis: auto;
  1204. align-items: stretch;
  1205. align-content: flex-start;
  1206. }
  1207. .u-picker[data-v-91b05052] {
  1208. position: relative;
  1209. }
  1210. .u-picker__view__column[data-v-91b05052] {
  1211. display: flex;
  1212. flex-direction: row;
  1213. flex: 1;
  1214. justify-content: center;
  1215. }
  1216. .u-picker__view__column__item[data-v-91b05052] {
  1217. display: flex;
  1218. flex-direction: row;
  1219. justify-content: center;
  1220. align-items: center;
  1221. font-size: 16px;
  1222. text-align: center;
  1223. display: block;
  1224. color: #303133;
  1225. }
  1226. .u-picker__view__column__item--disabled[data-v-91b05052] {
  1227. cursor: not-allowed;
  1228. opacity: 0.35;
  1229. }
  1230. .u-picker--loading[data-v-91b05052] {
  1231. position: absolute;
  1232. top: 0;
  1233. right: 0;
  1234. left: 0;
  1235. bottom: 0;
  1236. display: flex;
  1237. flex-direction: row;
  1238. justify-content: center;
  1239. align-items: center;
  1240. background-color: rgba(255, 255, 255, 0.87);
  1241. z-index: 1000;
  1242. }
  1243. /**
  1244. * 这里是uni-app内置的常用样式变量
  1245. *
  1246. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1247. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1248. *
  1249. */
  1250. /**
  1251. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1252. *
  1253. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1254. */
  1255. /* 颜色变量 */
  1256. /* 行为相关颜色 */
  1257. /* 文字基本颜色 */
  1258. /* 背景颜色 */
  1259. /* 边框颜色 */
  1260. /* 尺寸变量 */
  1261. /* 文字尺寸 */
  1262. /* 图片尺寸 */
  1263. /* Border Radius */
  1264. /* 水平间距 */
  1265. /* 垂直间距 */
  1266. /* 透明度 */
  1267. /* 文章场景相关 */
  1268. .exception-item[data-v-e0527396] {
  1269. background-color: #fff;
  1270. border-radius: 8px;
  1271. padding: 0.75rem;
  1272. margin-bottom: 12px;
  1273. display: flex;
  1274. justify-content: space-between;
  1275. }
  1276. .info-row[data-v-e0527396] {
  1277. display: flex;
  1278. margin-bottom: 8px;
  1279. font-size: 0.9375rem;
  1280. }
  1281. .info-row .label[data-v-e0527396] {
  1282. color: #666;
  1283. width: 4.375rem;
  1284. }
  1285. .info-row .value[data-v-e0527396] {
  1286. color: #333;
  1287. flex: 1;
  1288. }
  1289. .action-section[data-v-e0527396] {
  1290. display: flex;
  1291. flex-direction: column;
  1292. gap: 12px;
  1293. }
  1294. .action-section[data-v-e0527396] .u-button {
  1295. min-width: 80px;
  1296. }
  1297. /* 无任何数据的空布局 */
  1298. .mescroll-empty[data-v-7cefd855] {
  1299. box-sizing: border-box;
  1300. width: 100%;
  1301. padding: 3.125rem 1.5625rem;
  1302. text-align: center;
  1303. }
  1304. .mescroll-empty.empty-fixed[data-v-7cefd855] {
  1305. z-index: 99;
  1306. position: absolute; /*transform会使fixed失效,最终会降级为absolute */
  1307. top: 3.125rem;
  1308. left: 0;
  1309. }
  1310. .mescroll-empty .empty-icon[data-v-7cefd855] {
  1311. width: 8.75rem;
  1312. height: 8.75rem;
  1313. }
  1314. .mescroll-empty .empty-tip[data-v-7cefd855] {
  1315. margin-top: 0.625rem;
  1316. height: 1.25rem;
  1317. font-size: 0.875rem;
  1318. font-family: PingFangSC;
  1319. font-weight: 500;
  1320. color: #666666;
  1321. line-height: 1.25rem;
  1322. }
  1323. .mescroll-empty .empty-btn[data-v-7cefd855] {
  1324. display: inline-block;
  1325. margin-top: 1.25rem;
  1326. min-width: 6.25rem;
  1327. padding: 0.5625rem;
  1328. font-size: 0.875rem;
  1329. border: 0.03125rem solid #e04b28;
  1330. border-radius: 1.875rem;
  1331. color: #e04b28;
  1332. }
  1333. .mescroll-empty .empty-btn[data-v-7cefd855]:active {
  1334. opacity: 0.75;
  1335. }
  1336. /* 回到顶部的按钮 */
  1337. .mescroll-totop[data-v-49fff3a8] {
  1338. z-index: 9990;
  1339. position: fixed !important; /* 加上important避免编译到H5,在多mescroll中定位失效 */
  1340. right: 0.625rem;
  1341. bottom: 3.75rem;
  1342. width: 2.25rem;
  1343. height: auto;
  1344. border-radius: 50%;
  1345. opacity: 0;
  1346. transition: opacity 0.5s; /* 过渡 */
  1347. margin-bottom: var(--window-bottom); /* css变量 */
  1348. }
  1349. /* 适配 iPhoneX */
  1350. @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  1351. .mescroll-totop-safearea[data-v-49fff3a8] {
  1352. margin-bottom: calc(var(--window-bottom) + constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
  1353. margin-bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom));
  1354. }
  1355. }
  1356. /* 显示 -- 淡入 */
  1357. .mescroll-totop-in[data-v-49fff3a8] {
  1358. opacity: 1;
  1359. }
  1360. /* 隐藏 -- 淡出且不接收事件*/
  1361. .mescroll-totop-out[data-v-49fff3a8] {
  1362. opacity: 0;
  1363. pointer-events: none;
  1364. }
  1365. .mescroll-uni-warp[data-v-97b1664c] {
  1366. height: 100%;
  1367. }
  1368. .mescroll-uni-content[data-v-97b1664c] {
  1369. height: 100%;
  1370. }
  1371. .mescroll-uni[data-v-97b1664c] {
  1372. position: relative;
  1373. width: 100%;
  1374. height: 100%;
  1375. min-height: 6.25rem;
  1376. overflow-y: auto;
  1377. box-sizing: border-box;
  1378. /* 避免设置padding出现双滚动条的问题 */
  1379. }
  1380. /* 定位的方式固定高度 */
  1381. .mescroll-uni-fixed[data-v-97b1664c] {
  1382. z-index: 1;
  1383. position: fixed;
  1384. top: 0;
  1385. left: 0;
  1386. right: 0;
  1387. bottom: 0;
  1388. width: auto;
  1389. /* 使right生效 */
  1390. height: auto;
  1391. /* 使bottom生效 */
  1392. }
  1393. /* 适配 iPhoneX */
  1394. @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  1395. .mescroll-safearea[data-v-97b1664c] {
  1396. padding-bottom: constant(safe-area-inset-bottom);
  1397. padding-bottom: env(safe-area-inset-bottom);
  1398. }
  1399. }
  1400. /* 下拉刷新区域 */
  1401. .mescroll-downwarp[data-v-97b1664c] {
  1402. position: absolute;
  1403. top: -100%;
  1404. left: 0;
  1405. width: 100%;
  1406. height: 100%;
  1407. text-align: center;
  1408. }
  1409. /* 下拉刷新--内容区,定位于区域底部 */
  1410. .mescroll-downwarp .downwarp-content[data-v-97b1664c] {
  1411. position: absolute;
  1412. left: 0;
  1413. bottom: 0;
  1414. width: 100%;
  1415. min-height: 1.875rem;
  1416. padding: 0.625rem 0;
  1417. text-align: center;
  1418. }
  1419. /* 下拉刷新--提示文本 */
  1420. .mescroll-downwarp .downwarp-tip[data-v-97b1664c] {
  1421. display: inline-block;
  1422. font-size: 0.875rem;
  1423. vertical-align: middle;
  1424. margin-left: 0.5rem;
  1425. /* color: gray; 已在style设置color,此处删去*/
  1426. }
  1427. /* 下拉刷新--旋转进度条 */
  1428. .mescroll-downwarp .downwarp-progress[data-v-97b1664c] {
  1429. display: inline-block;
  1430. width: 1rem;
  1431. height: 1rem;
  1432. border-radius: 50%;
  1433. border: 0.0625rem solid gray;
  1434. border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
  1435. vertical-align: middle;
  1436. }
  1437. /* 旋转动画 */
  1438. .mescroll-downwarp .mescroll-rotate[data-v-97b1664c] {
  1439. animation: mescrollDownRotate-97b1664c 0.6s linear infinite;
  1440. }
  1441. @keyframes mescrollDownRotate-97b1664c {
  1442. 0% {
  1443. transform: rotate(0deg);
  1444. }
  1445. 100% {
  1446. transform: rotate(360deg);
  1447. }
  1448. }
  1449. /* 上拉加载区域 */
  1450. .mescroll-upwarp[data-v-97b1664c] {
  1451. box-sizing: border-box;
  1452. min-height: 3.4375rem;
  1453. padding: 0.9375rem 0;
  1454. text-align: center;
  1455. clear: both;
  1456. }
  1457. /*提示文本 */
  1458. .mescroll-upwarp .upwarp-tip[data-v-97b1664c],
  1459. .mescroll-upwarp .upwarp-nodata[data-v-97b1664c] {
  1460. display: inline-block;
  1461. font-size: 0.875rem;
  1462. vertical-align: middle;
  1463. /* color: gray; 已在style设置color,此处删去*/
  1464. }
  1465. .mescroll-upwarp .upwarp-tip[data-v-97b1664c] {
  1466. margin-left: 0.5rem;
  1467. }
  1468. /*旋转进度条 */
  1469. .mescroll-upwarp .upwarp-progress[data-v-97b1664c] {
  1470. display: inline-block;
  1471. width: 1rem;
  1472. height: 1rem;
  1473. border-radius: 50%;
  1474. border: 0.0625rem solid gray;
  1475. border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
  1476. vertical-align: middle;
  1477. }
  1478. /* 旋转动画 */
  1479. .mescroll-upwarp .mescroll-rotate[data-v-97b1664c] {
  1480. animation: mescrollUpRotate-97b1664c 0.6s linear infinite;
  1481. }
  1482. @keyframes mescrollUpRotate-97b1664c {
  1483. 0% {
  1484. transform: rotate(0deg);
  1485. }
  1486. 100% {
  1487. transform: rotate(360deg);
  1488. }
  1489. }
  1490. /**
  1491. * 这里是uni-app内置的常用样式变量
  1492. *
  1493. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1494. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1495. *
  1496. */
  1497. /**
  1498. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1499. *
  1500. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1501. */
  1502. /* 颜色变量 */
  1503. /* 行为相关颜色 */
  1504. /* 文字基本颜色 */
  1505. /* 背景颜色 */
  1506. /* 边框颜色 */
  1507. /* 尺寸变量 */
  1508. /* 文字尺寸 */
  1509. /* 图片尺寸 */
  1510. /* Border Radius */
  1511. /* 水平间距 */
  1512. /* 垂直间距 */
  1513. /* 透明度 */
  1514. /* 文章场景相关 */
  1515. .item[data-v-30bc23e1] {
  1516. line-height: 4.6875rem;
  1517. border-bottom: 1px solid #ccc;
  1518. }
  1519. /**
  1520. * 这里是uni-app内置的常用样式变量
  1521. *
  1522. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1523. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1524. *
  1525. */
  1526. /**
  1527. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1528. *
  1529. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1530. */
  1531. /* 颜色变量 */
  1532. /* 行为相关颜色 */
  1533. /* 文字基本颜色 */
  1534. /* 背景颜色 */
  1535. /* 边框颜色 */
  1536. /* 尺寸变量 */
  1537. /* 文字尺寸 */
  1538. /* 图片尺寸 */
  1539. /* Border Radius */
  1540. /* 水平间距 */
  1541. /* 垂直间距 */
  1542. /* 透明度 */
  1543. /* 文章场景相关 */
  1544. .container[data-v-388e5b84] {
  1545. display: flex;
  1546. flex-direction: column;
  1547. height: 100vh;
  1548. box-sizing: border-box;
  1549. padding-bottom: 4.375rem;
  1550. }
  1551. .container[data-v-388e5b84] .tabs-list {
  1552. padding: 0 0.625rem;
  1553. height: 2.5rem;
  1554. margin-top: 0.625rem;
  1555. }
  1556. .container[data-v-388e5b84] .tabs-list .u-subsection__item {
  1557. height: 2.5rem;
  1558. }
  1559. .list-container[data-v-388e5b84] {
  1560. flex: 1;
  1561. padding: 0.75rem;
  1562. box-sizing: border-box;
  1563. }
  1564. .search-bar[data-v-388e5b84] {
  1565. padding: 12px;
  1566. box-sizing: border-box;
  1567. background-color: #fff;
  1568. border-top: 0.0625rem solid #eee;
  1569. }
  1570. .search-bar[data-v-388e5b84] .u-search {
  1571. background-color: #f5f5f5;
  1572. font-size: 1rem;
  1573. }