route-exception.css 38 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409
  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. uni-view[data-v-72791e59], uni-scroll-view[data-v-72791e59], uni-swiper-item[data-v-72791e59] {
  135. display: flex;
  136. flex-direction: column;
  137. flex-shrink: 0;
  138. flex-grow: 0;
  139. flex-basis: auto;
  140. align-items: stretch;
  141. align-content: flex-start;
  142. }
  143. .u-line[data-v-72791e59] {
  144. vertical-align: middle;
  145. }
  146. /**
  147. * 这里是uni-app内置的常用样式变量
  148. *
  149. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  150. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  151. *
  152. */
  153. /**
  154. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  155. *
  156. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  157. */
  158. /* 颜色变量 */
  159. /* 行为相关颜色 */
  160. /* 文字基本颜色 */
  161. /* 背景颜色 */
  162. /* 边框颜色 */
  163. /* 尺寸变量 */
  164. /* 文字尺寸 */
  165. /* 图片尺寸 */
  166. /* Border Radius */
  167. /* 水平间距 */
  168. /* 垂直间距 */
  169. /* 透明度 */
  170. /* 文章场景相关 */
  171. uni-view[data-v-2af81691], uni-scroll-view[data-v-2af81691], uni-swiper-item[data-v-2af81691] {
  172. display: flex;
  173. flex-direction: column;
  174. flex-shrink: 0;
  175. flex-grow: 0;
  176. flex-basis: auto;
  177. align-items: stretch;
  178. align-content: flex-start;
  179. }
  180. .u-loading-icon[data-v-2af81691] {
  181. flex-direction: row;
  182. align-items: center;
  183. justify-content: center;
  184. color: #c8c9cc;
  185. }
  186. .u-loading-icon__text[data-v-2af81691] {
  187. margin-left: 4px;
  188. color: #606266;
  189. font-size: 14px;
  190. line-height: 20px;
  191. }
  192. .u-loading-icon__spinner[data-v-2af81691] {
  193. width: 30px;
  194. height: 30px;
  195. position: relative;
  196. box-sizing: border-box;
  197. max-width: 100%;
  198. max-height: 100%;
  199. animation: u-rotate-2af81691 1s linear infinite;
  200. }
  201. .u-loading-icon__spinner--semicircle[data-v-2af81691] {
  202. border-width: 2px;
  203. border-color: transparent;
  204. border-top-right-radius: 100px;
  205. border-top-left-radius: 100px;
  206. border-bottom-left-radius: 100px;
  207. border-bottom-right-radius: 100px;
  208. border-style: solid;
  209. }
  210. .u-loading-icon__spinner--circle[data-v-2af81691] {
  211. border-top-right-radius: 100px;
  212. border-top-left-radius: 100px;
  213. border-bottom-left-radius: 100px;
  214. border-bottom-right-radius: 100px;
  215. border-width: 2px;
  216. border-top-color: #e5e5e5;
  217. border-right-color: #e5e5e5;
  218. border-bottom-color: #e5e5e5;
  219. border-left-color: #e5e5e5;
  220. border-style: solid;
  221. }
  222. .u-loading-icon--vertical[data-v-2af81691] {
  223. flex-direction: column;
  224. }
  225. [data-v-2af81691]:host {
  226. font-size: 0px;
  227. line-height: 1;
  228. }
  229. .u-loading-icon__spinner--spinner[data-v-2af81691] {
  230. animation-timing-function: steps(12);
  231. }
  232. .u-loading-icon__text[data-v-2af81691]:empty {
  233. display: none;
  234. }
  235. .u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
  236. margin: 6px 0 0;
  237. color: #606266;
  238. }
  239. .u-loading-icon__dot[data-v-2af81691] {
  240. position: absolute;
  241. top: 0;
  242. left: 0;
  243. width: 100%;
  244. height: 100%;
  245. }
  246. .u-loading-icon__dot[data-v-2af81691]:before {
  247. display: block;
  248. width: 2px;
  249. height: 25%;
  250. margin: 0 auto;
  251. background-color: currentColor;
  252. border-radius: 40%;
  253. content: " ";
  254. }
  255. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
  256. transform: rotate(30deg);
  257. opacity: 1;
  258. }
  259. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
  260. transform: rotate(60deg);
  261. opacity: 0.9375;
  262. }
  263. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
  264. transform: rotate(90deg);
  265. opacity: 0.875;
  266. }
  267. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
  268. transform: rotate(120deg);
  269. opacity: 0.8125;
  270. }
  271. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
  272. transform: rotate(150deg);
  273. opacity: 0.75;
  274. }
  275. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
  276. transform: rotate(180deg);
  277. opacity: 0.6875;
  278. }
  279. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
  280. transform: rotate(210deg);
  281. opacity: 0.625;
  282. }
  283. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
  284. transform: rotate(240deg);
  285. opacity: 0.5625;
  286. }
  287. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
  288. transform: rotate(270deg);
  289. opacity: 0.5;
  290. }
  291. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
  292. transform: rotate(300deg);
  293. opacity: 0.4375;
  294. }
  295. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
  296. transform: rotate(330deg);
  297. opacity: 0.375;
  298. }
  299. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
  300. transform: rotate(360deg);
  301. opacity: 0.3125;
  302. }
  303. @keyframes u-rotate-2af81691 {
  304. 0% {
  305. transform: rotate(0deg);
  306. }
  307. to {
  308. transform: rotate(1turn);
  309. }
  310. }
  311. /**
  312. * 这里是uni-app内置的常用样式变量
  313. *
  314. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  315. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  316. *
  317. */
  318. /**
  319. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  320. *
  321. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  322. */
  323. /* 颜色变量 */
  324. /* 行为相关颜色 */
  325. /* 文字基本颜色 */
  326. /* 背景颜色 */
  327. /* 边框颜色 */
  328. /* 尺寸变量 */
  329. /* 文字尺寸 */
  330. /* 图片尺寸 */
  331. /* Border Radius */
  332. /* 水平间距 */
  333. /* 垂直间距 */
  334. /* 透明度 */
  335. /* 文章场景相关 */
  336. uni-view[data-v-4ccc1478], uni-scroll-view[data-v-4ccc1478], uni-swiper-item[data-v-4ccc1478] {
  337. display: flex;
  338. flex-direction: column;
  339. flex-shrink: 0;
  340. flex-grow: 0;
  341. flex-basis: auto;
  342. align-items: stretch;
  343. align-content: flex-start;
  344. }
  345. .u-loadmore[data-v-4ccc1478] {
  346. display: flex;
  347. flex-direction: row;
  348. align-items: center;
  349. justify-content: center;
  350. flex: 1;
  351. }
  352. .u-loadmore__content[data-v-4ccc1478] {
  353. margin: 0 15px;
  354. display: flex;
  355. flex-direction: row;
  356. align-items: center;
  357. justify-content: center;
  358. }
  359. .u-loadmore__content__icon-wrap[data-v-4ccc1478] {
  360. margin-right: 8px;
  361. }
  362. .u-loadmore__content__text[data-v-4ccc1478] {
  363. font-size: 14px;
  364. color: #606266;
  365. }
  366. .u-loadmore__content__dot-text[data-v-4ccc1478] {
  367. font-size: 15px;
  368. color: #909193;
  369. }
  370. /**
  371. * 这里是uni-app内置的常用样式变量
  372. *
  373. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  374. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  375. *
  376. */
  377. /**
  378. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  379. *
  380. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  381. */
  382. /* 颜色变量 */
  383. /* 行为相关颜色 */
  384. /* 文字基本颜色 */
  385. /* 背景颜色 */
  386. /* 边框颜色 */
  387. /* 尺寸变量 */
  388. /* 文字尺寸 */
  389. /* 图片尺寸 */
  390. /* Border Radius */
  391. /* 水平间距 */
  392. /* 垂直间距 */
  393. /* 透明度 */
  394. /* 文章场景相关 */
  395. uni-view[data-v-ac70166d], uni-scroll-view[data-v-ac70166d], uni-swiper-item[data-v-ac70166d] {
  396. display: flex;
  397. flex-direction: column;
  398. flex-shrink: 0;
  399. flex-grow: 0;
  400. flex-basis: auto;
  401. align-items: stretch;
  402. align-content: flex-start;
  403. }
  404. @font-face {
  405. font-family: "uicon-iconfont";
  406. src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
  407. }
  408. .u-icon[data-v-ac70166d] {
  409. display: flex;
  410. align-items: center;
  411. }
  412. .u-icon--left[data-v-ac70166d] {
  413. flex-direction: row-reverse;
  414. align-items: center;
  415. }
  416. .u-icon--right[data-v-ac70166d] {
  417. flex-direction: row;
  418. align-items: center;
  419. }
  420. .u-icon--top[data-v-ac70166d] {
  421. flex-direction: column-reverse;
  422. justify-content: center;
  423. }
  424. .u-icon--bottom[data-v-ac70166d] {
  425. flex-direction: column;
  426. justify-content: center;
  427. }
  428. .u-icon__icon[data-v-ac70166d] {
  429. font-family: uicon-iconfont;
  430. position: relative;
  431. display: flex;
  432. flex-direction: row;
  433. align-items: center;
  434. }
  435. .u-icon__icon--primary[data-v-ac70166d] {
  436. color: #22ac38;
  437. }
  438. .u-icon__icon--success[data-v-ac70166d] {
  439. color: #22ac38;
  440. }
  441. .u-icon__icon--error[data-v-ac70166d] {
  442. color: #f56c6c;
  443. }
  444. .u-icon__icon--warning[data-v-ac70166d] {
  445. color: #f9ae3d;
  446. }
  447. .u-icon__icon--info[data-v-ac70166d] {
  448. color: #909399;
  449. }
  450. .u-icon__img[data-v-ac70166d] {
  451. height: auto;
  452. will-change: transform;
  453. }
  454. .u-icon__label[data-v-ac70166d] {
  455. line-height: 1;
  456. }
  457. /**
  458. * 这里是uni-app内置的常用样式变量
  459. *
  460. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  461. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  462. *
  463. */
  464. /**
  465. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  466. *
  467. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  468. */
  469. /* 颜色变量 */
  470. /* 行为相关颜色 */
  471. /* 文字基本颜色 */
  472. /* 背景颜色 */
  473. /* 边框颜色 */
  474. /* 尺寸变量 */
  475. /* 文字尺寸 */
  476. /* 图片尺寸 */
  477. /* Border Radius */
  478. /* 水平间距 */
  479. /* 垂直间距 */
  480. /* 透明度 */
  481. /* 文章场景相关 */
  482. uni-view[data-v-e082a34a], uni-scroll-view[data-v-e082a34a], uni-swiper-item[data-v-e082a34a] {
  483. display: flex;
  484. flex-direction: column;
  485. flex-shrink: 0;
  486. flex-grow: 0;
  487. flex-basis: auto;
  488. align-items: stretch;
  489. align-content: flex-start;
  490. }
  491. .u-search[data-v-e082a34a] {
  492. display: flex;
  493. flex-direction: row;
  494. align-items: center;
  495. flex: 1;
  496. }
  497. .u-search__content[data-v-e082a34a] {
  498. display: flex;
  499. flex-direction: row;
  500. align-items: center;
  501. padding: 0 10px;
  502. flex: 1;
  503. justify-content: space-between;
  504. border-width: 1px;
  505. border-color: transparent;
  506. border-style: solid;
  507. overflow: hidden;
  508. }
  509. .u-search__content__icon[data-v-e082a34a] {
  510. display: flex;
  511. flex-direction: row;
  512. align-items: center;
  513. }
  514. .u-search__content__label[data-v-e082a34a] {
  515. color: #303133;
  516. font-size: 14px;
  517. margin: 0 4px;
  518. }
  519. .u-search__content__close[data-v-e082a34a] {
  520. width: 20px;
  521. height: 20px;
  522. border-top-left-radius: 100px;
  523. border-top-right-radius: 100px;
  524. border-bottom-left-radius: 100px;
  525. border-bottom-right-radius: 100px;
  526. background-color: #C6C7CB;
  527. display: flex;
  528. flex-direction: row;
  529. align-items: center;
  530. justify-content: center;
  531. transform: scale(0.82);
  532. }
  533. .u-search__content__input[data-v-e082a34a] {
  534. flex: 1;
  535. font-size: 14px;
  536. line-height: 1;
  537. margin: 0 5px;
  538. color: #303133;
  539. }
  540. .u-search__content__input--placeholder[data-v-e082a34a] {
  541. color: #909193;
  542. }
  543. .u-search__action[data-v-e082a34a] {
  544. font-size: 14px;
  545. color: #303133;
  546. width: 0;
  547. overflow: hidden;
  548. transition-property: width;
  549. transition-duration: 0.3s;
  550. white-space: nowrap;
  551. text-align: center;
  552. }
  553. .u-search__action--active[data-v-e082a34a] {
  554. width: 40px;
  555. margin-left: 5px;
  556. }
  557. /**
  558. * 这里是uni-app内置的常用样式变量
  559. *
  560. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  561. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  562. *
  563. */
  564. /**
  565. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  566. *
  567. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  568. */
  569. /* 颜色变量 */
  570. /* 行为相关颜色 */
  571. /* 文字基本颜色 */
  572. /* 背景颜色 */
  573. /* 边框颜色 */
  574. /* 尺寸变量 */
  575. /* 文字尺寸 */
  576. /* 图片尺寸 */
  577. /* Border Radius */
  578. /* 水平间距 */
  579. /* 垂直间距 */
  580. /* 透明度 */
  581. /* 文章场景相关 */
  582. uni-view[data-v-5ce41ee6], uni-scroll-view[data-v-5ce41ee6], uni-swiper-item[data-v-5ce41ee6] {
  583. display: flex;
  584. flex-direction: column;
  585. flex-shrink: 0;
  586. flex-grow: 0;
  587. flex-basis: auto;
  588. align-items: stretch;
  589. align-content: flex-start;
  590. }
  591. .u-button[data-v-5ce41ee6] {
  592. width: 100%;
  593. }
  594. .u-button__text[data-v-5ce41ee6] {
  595. white-space: nowrap;
  596. line-height: 1;
  597. }
  598. .u-button[data-v-5ce41ee6]:before {
  599. position: absolute;
  600. top: 50%;
  601. left: 50%;
  602. width: 100%;
  603. height: 100%;
  604. border: inherit;
  605. border-radius: inherit;
  606. transform: translate(-50%, -50%);
  607. opacity: 0;
  608. content: " ";
  609. background-color: #000;
  610. border-color: #000;
  611. }
  612. .u-button--active[data-v-5ce41ee6]:before {
  613. opacity: 0.15;
  614. }
  615. .u-button__icon + .u-button__text[data-v-5ce41ee6]:not(:empty), .u-button__loading-text[data-v-5ce41ee6] {
  616. margin-left: 4px;
  617. }
  618. .u-button--plain.u-button--primary[data-v-5ce41ee6] {
  619. color: #22ac38;
  620. }
  621. .u-button--plain.u-button--info[data-v-5ce41ee6] {
  622. color: #909399;
  623. }
  624. .u-button--plain.u-button--success[data-v-5ce41ee6] {
  625. color: #22ac38;
  626. }
  627. .u-button--plain.u-button--error[data-v-5ce41ee6] {
  628. color: #f56c6c;
  629. }
  630. .u-button--plain.u-button--warning[data-v-5ce41ee6] {
  631. color: #f56c6c;
  632. }
  633. .u-button[data-v-5ce41ee6] {
  634. height: 52px;
  635. position: relative;
  636. align-items: center;
  637. justify-content: center;
  638. display: flex;
  639. flex-direction: row;
  640. box-sizing: border-box;
  641. flex-direction: row;
  642. }
  643. .u-button__text[data-v-5ce41ee6] {
  644. font-size: 16px;
  645. }
  646. .u-button__loading-text[data-v-5ce41ee6] {
  647. font-size: 16px;
  648. margin-left: 4px;
  649. }
  650. .u-button--large[data-v-5ce41ee6] {
  651. width: 100%;
  652. height: 64px;
  653. padding: 0 15px;
  654. }
  655. .u-button--normal[data-v-5ce41ee6] {
  656. padding: 0 12px;
  657. font-size: 16px;
  658. }
  659. .u-button--small[data-v-5ce41ee6] {
  660. min-width: 60px;
  661. height: 30px;
  662. padding: 0px 8px;
  663. font-size: 12px;
  664. }
  665. .u-button--mini[data-v-5ce41ee6] {
  666. height: 22px;
  667. font-size: 10px;
  668. min-width: 50px;
  669. padding: 0px 8px;
  670. }
  671. .u-button--disabled[data-v-5ce41ee6] {
  672. opacity: 0.5;
  673. }
  674. .u-button--info[data-v-5ce41ee6] {
  675. color: #323233;
  676. background-color: #fff;
  677. border-color: #ebedf0;
  678. border-width: 1px;
  679. border-style: solid;
  680. }
  681. .u-button--success[data-v-5ce41ee6] {
  682. color: #fff;
  683. background-color: #22ac38;
  684. border-color: #22ac38;
  685. border-width: 1px;
  686. border-style: solid;
  687. }
  688. .u-button--primary[data-v-5ce41ee6] {
  689. color: #fff;
  690. background-color: #22ac38;
  691. border-color: #22ac38;
  692. border-width: 1px;
  693. border-style: solid;
  694. }
  695. .u-button--error[data-v-5ce41ee6] {
  696. color: #fff;
  697. background-color: #f56c6c;
  698. border-color: #f56c6c;
  699. border-width: 1px;
  700. border-style: solid;
  701. }
  702. .u-button--warning[data-v-5ce41ee6] {
  703. color: #fff;
  704. background-color: #f9ae3d;
  705. border-color: #f9ae3d;
  706. border-width: 1px;
  707. border-style: solid;
  708. }
  709. .u-button--block[data-v-5ce41ee6] {
  710. display: flex;
  711. flex-direction: row;
  712. width: 100%;
  713. }
  714. .u-button--circle[data-v-5ce41ee6] {
  715. border-top-right-radius: 100px;
  716. border-top-left-radius: 100px;
  717. border-bottom-left-radius: 100px;
  718. border-bottom-right-radius: 100px;
  719. }
  720. .u-button--square[data-v-5ce41ee6] {
  721. border-bottom-left-radius: 3px;
  722. border-bottom-right-radius: 3px;
  723. border-top-left-radius: 3px;
  724. border-top-right-radius: 3px;
  725. }
  726. .u-button__icon[data-v-5ce41ee6] {
  727. min-width: 1em;
  728. line-height: inherit !important;
  729. vertical-align: top;
  730. }
  731. .u-button--plain[data-v-5ce41ee6] {
  732. background-color: #fff;
  733. }
  734. .u-button--hairline[data-v-5ce41ee6] {
  735. border-width: 0.5px !important;
  736. }
  737. /**
  738. * 这里是uni-app内置的常用样式变量
  739. *
  740. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  741. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  742. *
  743. */
  744. /**
  745. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  746. *
  747. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  748. */
  749. /* 颜色变量 */
  750. /* 行为相关颜色 */
  751. /* 文字基本颜色 */
  752. /* 背景颜色 */
  753. /* 边框颜色 */
  754. /* 尺寸变量 */
  755. /* 文字尺寸 */
  756. /* 图片尺寸 */
  757. /* Border Radius */
  758. /* 水平间距 */
  759. /* 垂直间距 */
  760. /* 透明度 */
  761. /* 文章场景相关 */
  762. uni-view[data-v-5cec8177], uni-scroll-view[data-v-5cec8177], uni-swiper-item[data-v-5cec8177] {
  763. display: flex;
  764. flex-direction: column;
  765. flex-shrink: 0;
  766. flex-grow: 0;
  767. flex-basis: auto;
  768. align-items: stretch;
  769. align-content: flex-start;
  770. }
  771. /**
  772. * vue版本动画内置的动画模式有如下:
  773. * fade:淡入
  774. * zoom:缩放
  775. * fade-zoom:缩放淡入
  776. * fade-up:上滑淡入
  777. * fade-down:下滑淡入
  778. * fade-left:左滑淡入
  779. * fade-right:右滑淡入
  780. * slide-up:上滑进入
  781. * slide-down:下滑进入
  782. * slide-left:左滑进入
  783. * slide-right:右滑进入
  784. */
  785. .u-fade-enter-active[data-v-5cec8177],
  786. .u-fade-leave-active[data-v-5cec8177] {
  787. transition-property: opacity;
  788. }
  789. .u-fade-enter[data-v-5cec8177],
  790. .u-fade-leave-to[data-v-5cec8177] {
  791. opacity: 0;
  792. }
  793. .u-fade-zoom-enter[data-v-5cec8177],
  794. .u-fade-zoom-leave-to[data-v-5cec8177] {
  795. transform: scale(0.95);
  796. opacity: 0;
  797. }
  798. .u-fade-zoom-enter-active[data-v-5cec8177],
  799. .u-fade-zoom-leave-active[data-v-5cec8177] {
  800. transition-property: transform, opacity;
  801. }
  802. .u-fade-down-enter-active[data-v-5cec8177],
  803. .u-fade-down-leave-active[data-v-5cec8177],
  804. .u-fade-left-enter-active[data-v-5cec8177],
  805. .u-fade-left-leave-active[data-v-5cec8177],
  806. .u-fade-right-enter-active[data-v-5cec8177],
  807. .u-fade-right-leave-active[data-v-5cec8177],
  808. .u-fade-up-enter-active[data-v-5cec8177],
  809. .u-fade-up-leave-active[data-v-5cec8177] {
  810. transition-property: opacity, transform;
  811. }
  812. .u-fade-up-enter[data-v-5cec8177],
  813. .u-fade-up-leave-to[data-v-5cec8177] {
  814. transform: translate3d(0, 100%, 0);
  815. opacity: 0;
  816. }
  817. .u-fade-down-enter[data-v-5cec8177],
  818. .u-fade-down-leave-to[data-v-5cec8177] {
  819. transform: translate3d(0, -100%, 0);
  820. opacity: 0;
  821. }
  822. .u-fade-left-enter[data-v-5cec8177],
  823. .u-fade-left-leave-to[data-v-5cec8177] {
  824. transform: translate3d(-100%, 0, 0);
  825. opacity: 0;
  826. }
  827. .u-fade-right-enter[data-v-5cec8177],
  828. .u-fade-right-leave-to[data-v-5cec8177] {
  829. transform: translate3d(100%, 0, 0);
  830. opacity: 0;
  831. }
  832. .u-slide-down-enter-active[data-v-5cec8177],
  833. .u-slide-down-leave-active[data-v-5cec8177],
  834. .u-slide-left-enter-active[data-v-5cec8177],
  835. .u-slide-left-leave-active[data-v-5cec8177],
  836. .u-slide-right-enter-active[data-v-5cec8177],
  837. .u-slide-right-leave-active[data-v-5cec8177],
  838. .u-slide-up-enter-active[data-v-5cec8177],
  839. .u-slide-up-leave-active[data-v-5cec8177] {
  840. transition-property: transform;
  841. }
  842. .u-slide-up-enter[data-v-5cec8177],
  843. .u-slide-up-leave-to[data-v-5cec8177] {
  844. transform: translate3d(0, 100%, 0);
  845. }
  846. .u-slide-down-enter[data-v-5cec8177],
  847. .u-slide-down-leave-to[data-v-5cec8177] {
  848. transform: translate3d(0, -100%, 0);
  849. }
  850. .u-slide-left-enter[data-v-5cec8177],
  851. .u-slide-left-leave-to[data-v-5cec8177] {
  852. transform: translate3d(-100%, 0, 0);
  853. }
  854. .u-slide-right-enter[data-v-5cec8177],
  855. .u-slide-right-leave-to[data-v-5cec8177] {
  856. transform: translate3d(100%, 0, 0);
  857. }
  858. .u-zoom-enter-active[data-v-5cec8177],
  859. .u-zoom-leave-active[data-v-5cec8177] {
  860. transition-property: transform;
  861. }
  862. .u-zoom-enter[data-v-5cec8177],
  863. .u-zoom-leave-to[data-v-5cec8177] {
  864. transform: scale(0.95);
  865. }
  866. /**
  867. * 这里是uni-app内置的常用样式变量
  868. *
  869. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  870. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  871. *
  872. */
  873. /**
  874. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  875. *
  876. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  877. */
  878. /* 颜色变量 */
  879. /* 行为相关颜色 */
  880. /* 文字基本颜色 */
  881. /* 背景颜色 */
  882. /* 边框颜色 */
  883. /* 尺寸变量 */
  884. /* 文字尺寸 */
  885. /* 图片尺寸 */
  886. /* Border Radius */
  887. /* 水平间距 */
  888. /* 垂直间距 */
  889. /* 透明度 */
  890. /* 文章场景相关 */
  891. uni-view[data-v-9112bed9], uni-scroll-view[data-v-9112bed9], uni-swiper-item[data-v-9112bed9] {
  892. display: flex;
  893. flex-direction: column;
  894. flex-shrink: 0;
  895. flex-grow: 0;
  896. flex-basis: auto;
  897. align-items: stretch;
  898. align-content: flex-start;
  899. }
  900. .u-overlay[data-v-9112bed9] {
  901. position: fixed;
  902. top: 0;
  903. left: 0;
  904. width: 100%;
  905. height: 100%;
  906. background-color: rgba(0, 0, 0, 0.7);
  907. }
  908. /**
  909. * 这里是uni-app内置的常用样式变量
  910. *
  911. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  912. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  913. *
  914. */
  915. /**
  916. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  917. *
  918. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  919. */
  920. /* 颜色变量 */
  921. /* 行为相关颜色 */
  922. /* 文字基本颜色 */
  923. /* 背景颜色 */
  924. /* 边框颜色 */
  925. /* 尺寸变量 */
  926. /* 文字尺寸 */
  927. /* 图片尺寸 */
  928. /* Border Radius */
  929. /* 水平间距 */
  930. /* 垂直间距 */
  931. /* 透明度 */
  932. /* 文章场景相关 */
  933. .u-status-bar[data-v-eb8e0cdd] {
  934. width: 100%;
  935. }
  936. /**
  937. * 这里是uni-app内置的常用样式变量
  938. *
  939. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  940. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  941. *
  942. */
  943. /**
  944. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  945. *
  946. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  947. */
  948. /* 颜色变量 */
  949. /* 行为相关颜色 */
  950. /* 文字基本颜色 */
  951. /* 背景颜色 */
  952. /* 边框颜色 */
  953. /* 尺寸变量 */
  954. /* 文字尺寸 */
  955. /* 图片尺寸 */
  956. /* Border Radius */
  957. /* 水平间距 */
  958. /* 垂直间距 */
  959. /* 透明度 */
  960. /* 文章场景相关 */
  961. .u-safe-bottom[data-v-f3d22cfe] {
  962. width: 100%;
  963. }
  964. /**
  965. * 这里是uni-app内置的常用样式变量
  966. *
  967. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  968. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  969. *
  970. */
  971. /**
  972. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  973. *
  974. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  975. */
  976. /* 颜色变量 */
  977. /* 行为相关颜色 */
  978. /* 文字基本颜色 */
  979. /* 背景颜色 */
  980. /* 边框颜色 */
  981. /* 尺寸变量 */
  982. /* 文字尺寸 */
  983. /* 图片尺寸 */
  984. /* Border Radius */
  985. /* 水平间距 */
  986. /* 垂直间距 */
  987. /* 透明度 */
  988. /* 文章场景相关 */
  989. uni-view[data-v-05c24e9b], uni-scroll-view[data-v-05c24e9b], uni-swiper-item[data-v-05c24e9b] {
  990. display: flex;
  991. flex-direction: column;
  992. flex-shrink: 0;
  993. flex-grow: 0;
  994. flex-basis: auto;
  995. align-items: stretch;
  996. align-content: flex-start;
  997. }
  998. .u-popup[data-v-05c24e9b] {
  999. flex: 1;
  1000. }
  1001. .u-popup__content[data-v-05c24e9b] {
  1002. background-color: #fff;
  1003. position: relative;
  1004. }
  1005. .u-popup__content--round-top[data-v-05c24e9b] {
  1006. border-top-left-radius: 0;
  1007. border-top-right-radius: 0;
  1008. border-bottom-left-radius: 10px;
  1009. border-bottom-right-radius: 10px;
  1010. }
  1011. .u-popup__content--round-left[data-v-05c24e9b] {
  1012. border-top-left-radius: 0;
  1013. border-top-right-radius: 10px;
  1014. border-bottom-left-radius: 0;
  1015. border-bottom-right-radius: 10px;
  1016. }
  1017. .u-popup__content--round-right[data-v-05c24e9b] {
  1018. border-top-left-radius: 10px;
  1019. border-top-right-radius: 0;
  1020. border-bottom-left-radius: 10px;
  1021. border-bottom-right-radius: 0;
  1022. }
  1023. .u-popup__content--round-bottom[data-v-05c24e9b] {
  1024. border-top-left-radius: 10px;
  1025. border-top-right-radius: 10px;
  1026. border-bottom-left-radius: 0;
  1027. border-bottom-right-radius: 0;
  1028. }
  1029. .u-popup__content--round-center[data-v-05c24e9b] {
  1030. border-top-left-radius: 10px;
  1031. border-top-right-radius: 10px;
  1032. border-bottom-left-radius: 10px;
  1033. border-bottom-right-radius: 10px;
  1034. }
  1035. .u-popup__content__close[data-v-05c24e9b] {
  1036. position: absolute;
  1037. }
  1038. .u-popup__content__close--hover[data-v-05c24e9b] {
  1039. opacity: 0.4;
  1040. }
  1041. .u-popup__content__close--top-left[data-v-05c24e9b] {
  1042. top: 15px;
  1043. left: 15px;
  1044. }
  1045. .u-popup__content__close--top-right[data-v-05c24e9b] {
  1046. top: 15px;
  1047. right: 15px;
  1048. }
  1049. .u-popup__content__close--bottom-left[data-v-05c24e9b] {
  1050. bottom: 15px;
  1051. left: 15px;
  1052. }
  1053. .u-popup__content__close--bottom-right[data-v-05c24e9b] {
  1054. right: 15px;
  1055. bottom: 15px;
  1056. }
  1057. /**
  1058. * 这里是uni-app内置的常用样式变量
  1059. *
  1060. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1061. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1062. *
  1063. */
  1064. /**
  1065. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1066. *
  1067. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1068. */
  1069. /* 颜色变量 */
  1070. /* 行为相关颜色 */
  1071. /* 文字基本颜色 */
  1072. /* 背景颜色 */
  1073. /* 边框颜色 */
  1074. /* 尺寸变量 */
  1075. /* 文字尺寸 */
  1076. /* 图片尺寸 */
  1077. /* Border Radius */
  1078. /* 水平间距 */
  1079. /* 垂直间距 */
  1080. /* 透明度 */
  1081. /* 文章场景相关 */
  1082. uni-view[data-v-f667648f], uni-scroll-view[data-v-f667648f], uni-swiper-item[data-v-f667648f] {
  1083. display: flex;
  1084. flex-direction: column;
  1085. flex-shrink: 0;
  1086. flex-grow: 0;
  1087. flex-basis: auto;
  1088. align-items: stretch;
  1089. align-content: flex-start;
  1090. }
  1091. .u-modal[data-v-f667648f] {
  1092. width: 20.3125rem;
  1093. border-radius: 6px;
  1094. overflow: hidden;
  1095. }
  1096. .u-modal__title[data-v-f667648f] {
  1097. font-size: 16px;
  1098. font-weight: bold;
  1099. color: #606266;
  1100. text-align: center;
  1101. padding-top: 25px;
  1102. }
  1103. .u-modal__content[data-v-f667648f] {
  1104. padding: 12px 25px 25px 25px;
  1105. display: flex;
  1106. flex-direction: row;
  1107. justify-content: center;
  1108. }
  1109. .u-modal__content__text[data-v-f667648f] {
  1110. font-size: 15px;
  1111. color: #606266;
  1112. flex: 1;
  1113. }
  1114. .u-modal__button-group[data-v-f667648f] {
  1115. display: flex;
  1116. flex-direction: row;
  1117. }
  1118. .u-modal__button-group--confirm-button[data-v-f667648f] {
  1119. flex-direction: column;
  1120. padding: 0px 25px 15px 25px;
  1121. }
  1122. .u-modal__button-group__wrapper[data-v-f667648f] {
  1123. flex: 1;
  1124. display: flex;
  1125. flex-direction: row;
  1126. justify-content: center;
  1127. align-items: center;
  1128. height: 48px;
  1129. }
  1130. .u-modal__button-group__wrapper--confirm[data-v-f667648f], .u-modal__button-group__wrapper--only-cancel[data-v-f667648f] {
  1131. border-bottom-right-radius: 6px;
  1132. }
  1133. .u-modal__button-group__wrapper--cancel[data-v-f667648f], .u-modal__button-group__wrapper--only-confirm[data-v-f667648f] {
  1134. border-bottom-left-radius: 6px;
  1135. }
  1136. .u-modal__button-group__wrapper--hover[data-v-f667648f] {
  1137. background-color: #f3f4f6;
  1138. }
  1139. .u-modal__button-group__wrapper__text[data-v-f667648f] {
  1140. color: #606266;
  1141. font-size: 16px;
  1142. text-align: center;
  1143. }
  1144. /**
  1145. * 这里是uni-app内置的常用样式变量
  1146. *
  1147. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1148. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1149. *
  1150. */
  1151. /**
  1152. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1153. *
  1154. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1155. */
  1156. /* 颜色变量 */
  1157. /* 行为相关颜色 */
  1158. /* 文字基本颜色 */
  1159. /* 背景颜色 */
  1160. /* 边框颜色 */
  1161. /* 尺寸变量 */
  1162. /* 文字尺寸 */
  1163. /* 图片尺寸 */
  1164. /* Border Radius */
  1165. /* 水平间距 */
  1166. /* 垂直间距 */
  1167. /* 透明度 */
  1168. /* 文章场景相关 */
  1169. uni-view[data-v-eadae74e], uni-scroll-view[data-v-eadae74e], uni-swiper-item[data-v-eadae74e] {
  1170. display: flex;
  1171. flex-direction: column;
  1172. flex-shrink: 0;
  1173. flex-grow: 0;
  1174. flex-basis: auto;
  1175. align-items: stretch;
  1176. align-content: flex-start;
  1177. }
  1178. .u-toolbar[data-v-eadae74e] {
  1179. height: 42px;
  1180. display: flex;
  1181. flex-direction: row;
  1182. justify-content: space-between;
  1183. align-items: center;
  1184. }
  1185. .u-toolbar__wrapper__cancel[data-v-eadae74e] {
  1186. color: #909193;
  1187. font-size: 15px;
  1188. padding: 0 15px;
  1189. }
  1190. .u-toolbar__title[data-v-eadae74e] {
  1191. color: #303133;
  1192. padding: 0 1.875rem;
  1193. font-size: 16px;
  1194. flex: 1;
  1195. text-align: center;
  1196. }
  1197. .u-toolbar__wrapper__confirm[data-v-eadae74e] {
  1198. color: #22ac38;
  1199. font-size: 15px;
  1200. padding: 0 15px;
  1201. }
  1202. /**
  1203. * 这里是uni-app内置的常用样式变量
  1204. *
  1205. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1206. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1207. *
  1208. */
  1209. /**
  1210. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1211. *
  1212. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1213. */
  1214. /* 颜色变量 */
  1215. /* 行为相关颜色 */
  1216. /* 文字基本颜色 */
  1217. /* 背景颜色 */
  1218. /* 边框颜色 */
  1219. /* 尺寸变量 */
  1220. /* 文字尺寸 */
  1221. /* 图片尺寸 */
  1222. /* Border Radius */
  1223. /* 水平间距 */
  1224. /* 垂直间距 */
  1225. /* 透明度 */
  1226. /* 文章场景相关 */
  1227. uni-view[data-v-91b05052], uni-scroll-view[data-v-91b05052], uni-swiper-item[data-v-91b05052] {
  1228. display: flex;
  1229. flex-direction: column;
  1230. flex-shrink: 0;
  1231. flex-grow: 0;
  1232. flex-basis: auto;
  1233. align-items: stretch;
  1234. align-content: flex-start;
  1235. }
  1236. .u-picker[data-v-91b05052] {
  1237. position: relative;
  1238. }
  1239. .u-picker__view__column[data-v-91b05052] {
  1240. display: flex;
  1241. flex-direction: row;
  1242. flex: 1;
  1243. justify-content: center;
  1244. }
  1245. .u-picker__view__column__item[data-v-91b05052] {
  1246. display: flex;
  1247. flex-direction: row;
  1248. justify-content: center;
  1249. align-items: center;
  1250. font-size: 16px;
  1251. text-align: center;
  1252. display: block;
  1253. color: #303133;
  1254. }
  1255. .u-picker__view__column__item--disabled[data-v-91b05052] {
  1256. cursor: not-allowed;
  1257. opacity: 0.35;
  1258. }
  1259. .u-picker--loading[data-v-91b05052] {
  1260. position: absolute;
  1261. top: 0;
  1262. right: 0;
  1263. left: 0;
  1264. bottom: 0;
  1265. display: flex;
  1266. flex-direction: row;
  1267. justify-content: center;
  1268. align-items: center;
  1269. background-color: rgba(255, 255, 255, 0.87);
  1270. z-index: 1000;
  1271. }
  1272. /**
  1273. * 这里是uni-app内置的常用样式变量
  1274. *
  1275. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1276. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1277. *
  1278. */
  1279. /**
  1280. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1281. *
  1282. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1283. */
  1284. /* 颜色变量 */
  1285. /* 行为相关颜色 */
  1286. /* 文字基本颜色 */
  1287. /* 背景颜色 */
  1288. /* 边框颜色 */
  1289. /* 尺寸变量 */
  1290. /* 文字尺寸 */
  1291. /* 图片尺寸 */
  1292. /* Border Radius */
  1293. /* 水平间距 */
  1294. /* 垂直间距 */
  1295. /* 透明度 */
  1296. /* 文章场景相关 */
  1297. .exception-item[data-v-e0527396] {
  1298. background-color: #fff;
  1299. border-radius: 8px;
  1300. padding: 16px;
  1301. margin-bottom: 12px;
  1302. }
  1303. .info-section[data-v-e0527396] {
  1304. margin-bottom: 16px;
  1305. }
  1306. .info-row[data-v-e0527396] {
  1307. display: flex;
  1308. margin-bottom: 8px;
  1309. }
  1310. .info-row .label[data-v-e0527396] {
  1311. color: #666;
  1312. width: 80px;
  1313. }
  1314. .info-row .value[data-v-e0527396] {
  1315. color: #333;
  1316. flex: 1;
  1317. }
  1318. .action-section[data-v-e0527396] {
  1319. display: flex;
  1320. justify-content: flex-end;
  1321. gap: 12px;
  1322. }
  1323. .action-section[data-v-e0527396] .u-button {
  1324. min-width: 80px;
  1325. }
  1326. /**
  1327. * 这里是uni-app内置的常用样式变量
  1328. *
  1329. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1330. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1331. *
  1332. */
  1333. /**
  1334. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1335. *
  1336. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1337. */
  1338. /* 颜色变量 */
  1339. /* 行为相关颜色 */
  1340. /* 文字基本颜色 */
  1341. /* 背景颜色 */
  1342. /* 边框颜色 */
  1343. /* 尺寸变量 */
  1344. /* 文字尺寸 */
  1345. /* 图片尺寸 */
  1346. /* Border Radius */
  1347. /* 水平间距 */
  1348. /* 垂直间距 */
  1349. /* 透明度 */
  1350. /* 文章场景相关 */
  1351. .container[data-v-388e5b84] {
  1352. display: flex;
  1353. flex-direction: column;
  1354. height: 100vh;
  1355. box-sizing: border-box;
  1356. }
  1357. .list-container[data-v-388e5b84] {
  1358. flex: 1;
  1359. padding: 12px;
  1360. box-sizing: border-box;
  1361. }
  1362. .search-bar[data-v-388e5b84] {
  1363. padding: 12px;
  1364. box-sizing: border-box;
  1365. background-color: #fff;
  1366. border-top: 1px solid #eee;
  1367. }
  1368. .search-bar[data-v-388e5b84] .u-search {
  1369. background-color: #f5f5f5;
  1370. }