index.css 40 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. *
  7. */
  8. /**
  9. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  10. *
  11. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  12. */
  13. /* 颜色变量 */
  14. /* 行为相关颜色 */
  15. /* 文字基本颜色 */
  16. /* 背景颜色 */
  17. /* 边框颜色 */
  18. /* 尺寸变量 */
  19. /* 文字尺寸 */
  20. /* 图片尺寸 */
  21. /* Border Radius */
  22. /* 水平间距 */
  23. /* 垂直间距 */
  24. /* 透明度 */
  25. /* 文章场景相关 */
  26. .uniui-cart-filled[data-v-d31e1c47]:before {
  27. content: "\e6d0";
  28. }
  29. .uniui-gift-filled[data-v-d31e1c47]:before {
  30. content: "\e6c4";
  31. }
  32. .uniui-color[data-v-d31e1c47]:before {
  33. content: "\e6cf";
  34. }
  35. .uniui-wallet[data-v-d31e1c47]:before {
  36. content: "\e6b1";
  37. }
  38. .uniui-settings-filled[data-v-d31e1c47]:before {
  39. content: "\e6ce";
  40. }
  41. .uniui-auth-filled[data-v-d31e1c47]:before {
  42. content: "\e6cc";
  43. }
  44. .uniui-shop-filled[data-v-d31e1c47]:before {
  45. content: "\e6cd";
  46. }
  47. .uniui-staff-filled[data-v-d31e1c47]:before {
  48. content: "\e6cb";
  49. }
  50. .uniui-vip-filled[data-v-d31e1c47]:before {
  51. content: "\e6c6";
  52. }
  53. .uniui-plus-filled[data-v-d31e1c47]:before {
  54. content: "\e6c7";
  55. }
  56. .uniui-folder-add-filled[data-v-d31e1c47]:before {
  57. content: "\e6c8";
  58. }
  59. .uniui-color-filled[data-v-d31e1c47]:before {
  60. content: "\e6c9";
  61. }
  62. .uniui-tune-filled[data-v-d31e1c47]:before {
  63. content: "\e6ca";
  64. }
  65. .uniui-calendar-filled[data-v-d31e1c47]:before {
  66. content: "\e6c0";
  67. }
  68. .uniui-notification-filled[data-v-d31e1c47]:before {
  69. content: "\e6c1";
  70. }
  71. .uniui-wallet-filled[data-v-d31e1c47]:before {
  72. content: "\e6c2";
  73. }
  74. .uniui-medal-filled[data-v-d31e1c47]:before {
  75. content: "\e6c3";
  76. }
  77. .uniui-fire-filled[data-v-d31e1c47]:before {
  78. content: "\e6c5";
  79. }
  80. .uniui-refreshempty[data-v-d31e1c47]:before {
  81. content: "\e6bf";
  82. }
  83. .uniui-location-filled[data-v-d31e1c47]:before {
  84. content: "\e6af";
  85. }
  86. .uniui-person-filled[data-v-d31e1c47]:before {
  87. content: "\e69d";
  88. }
  89. .uniui-personadd-filled[data-v-d31e1c47]:before {
  90. content: "\e698";
  91. }
  92. .uniui-arrowthinleft[data-v-d31e1c47]:before {
  93. content: "\e6d2";
  94. }
  95. .uniui-arrowthinup[data-v-d31e1c47]:before {
  96. content: "\e6d3";
  97. }
  98. .uniui-arrowthindown[data-v-d31e1c47]:before {
  99. content: "\e6d4";
  100. }
  101. .uniui-back[data-v-d31e1c47]:before {
  102. content: "\e6b9";
  103. }
  104. .uniui-forward[data-v-d31e1c47]:before {
  105. content: "\e6ba";
  106. }
  107. .uniui-arrow-right[data-v-d31e1c47]:before {
  108. content: "\e6bb";
  109. }
  110. .uniui-arrow-left[data-v-d31e1c47]:before {
  111. content: "\e6bc";
  112. }
  113. .uniui-arrow-up[data-v-d31e1c47]:before {
  114. content: "\e6bd";
  115. }
  116. .uniui-arrow-down[data-v-d31e1c47]:before {
  117. content: "\e6be";
  118. }
  119. .uniui-arrowthinright[data-v-d31e1c47]:before {
  120. content: "\e6d1";
  121. }
  122. .uniui-down[data-v-d31e1c47]:before {
  123. content: "\e6b8";
  124. }
  125. .uniui-bottom[data-v-d31e1c47]:before {
  126. content: "\e6b8";
  127. }
  128. .uniui-arrowright[data-v-d31e1c47]:before {
  129. content: "\e6d5";
  130. }
  131. .uniui-right[data-v-d31e1c47]:before {
  132. content: "\e6b5";
  133. }
  134. .uniui-up[data-v-d31e1c47]:before {
  135. content: "\e6b6";
  136. }
  137. .uniui-top[data-v-d31e1c47]:before {
  138. content: "\e6b6";
  139. }
  140. .uniui-left[data-v-d31e1c47]:before {
  141. content: "\e6b7";
  142. }
  143. .uniui-arrowup[data-v-d31e1c47]:before {
  144. content: "\e6d6";
  145. }
  146. .uniui-eye[data-v-d31e1c47]:before {
  147. content: "\e651";
  148. }
  149. .uniui-eye-filled[data-v-d31e1c47]:before {
  150. content: "\e66a";
  151. }
  152. .uniui-eye-slash[data-v-d31e1c47]:before {
  153. content: "\e6b3";
  154. }
  155. .uniui-eye-slash-filled[data-v-d31e1c47]:before {
  156. content: "\e6b4";
  157. }
  158. .uniui-info-filled[data-v-d31e1c47]:before {
  159. content: "\e649";
  160. }
  161. .uniui-reload[data-v-d31e1c47]:before {
  162. content: "\e6b2";
  163. }
  164. .uniui-micoff-filled[data-v-d31e1c47]:before {
  165. content: "\e6b0";
  166. }
  167. .uniui-map-pin-ellipse[data-v-d31e1c47]:before {
  168. content: "\e6ac";
  169. }
  170. .uniui-map-pin[data-v-d31e1c47]:before {
  171. content: "\e6ad";
  172. }
  173. .uniui-location[data-v-d31e1c47]:before {
  174. content: "\e6ae";
  175. }
  176. .uniui-starhalf[data-v-d31e1c47]:before {
  177. content: "\e683";
  178. }
  179. .uniui-star[data-v-d31e1c47]:before {
  180. content: "\e688";
  181. }
  182. .uniui-star-filled[data-v-d31e1c47]:before {
  183. content: "\e68f";
  184. }
  185. .uniui-calendar[data-v-d31e1c47]:before {
  186. content: "\e6a0";
  187. }
  188. .uniui-fire[data-v-d31e1c47]:before {
  189. content: "\e6a1";
  190. }
  191. .uniui-medal[data-v-d31e1c47]:before {
  192. content: "\e6a2";
  193. }
  194. .uniui-font[data-v-d31e1c47]:before {
  195. content: "\e6a3";
  196. }
  197. .uniui-gift[data-v-d31e1c47]:before {
  198. content: "\e6a4";
  199. }
  200. .uniui-link[data-v-d31e1c47]:before {
  201. content: "\e6a5";
  202. }
  203. .uniui-notification[data-v-d31e1c47]:before {
  204. content: "\e6a6";
  205. }
  206. .uniui-staff[data-v-d31e1c47]:before {
  207. content: "\e6a7";
  208. }
  209. .uniui-vip[data-v-d31e1c47]:before {
  210. content: "\e6a8";
  211. }
  212. .uniui-folder-add[data-v-d31e1c47]:before {
  213. content: "\e6a9";
  214. }
  215. .uniui-tune[data-v-d31e1c47]:before {
  216. content: "\e6aa";
  217. }
  218. .uniui-auth[data-v-d31e1c47]:before {
  219. content: "\e6ab";
  220. }
  221. .uniui-person[data-v-d31e1c47]:before {
  222. content: "\e699";
  223. }
  224. .uniui-email-filled[data-v-d31e1c47]:before {
  225. content: "\e69a";
  226. }
  227. .uniui-phone-filled[data-v-d31e1c47]:before {
  228. content: "\e69b";
  229. }
  230. .uniui-phone[data-v-d31e1c47]:before {
  231. content: "\e69c";
  232. }
  233. .uniui-email[data-v-d31e1c47]:before {
  234. content: "\e69e";
  235. }
  236. .uniui-personadd[data-v-d31e1c47]:before {
  237. content: "\e69f";
  238. }
  239. .uniui-chatboxes-filled[data-v-d31e1c47]:before {
  240. content: "\e692";
  241. }
  242. .uniui-contact[data-v-d31e1c47]:before {
  243. content: "\e693";
  244. }
  245. .uniui-chatbubble-filled[data-v-d31e1c47]:before {
  246. content: "\e694";
  247. }
  248. .uniui-contact-filled[data-v-d31e1c47]:before {
  249. content: "\e695";
  250. }
  251. .uniui-chatboxes[data-v-d31e1c47]:before {
  252. content: "\e696";
  253. }
  254. .uniui-chatbubble[data-v-d31e1c47]:before {
  255. content: "\e697";
  256. }
  257. .uniui-upload-filled[data-v-d31e1c47]:before {
  258. content: "\e68e";
  259. }
  260. .uniui-upload[data-v-d31e1c47]:before {
  261. content: "\e690";
  262. }
  263. .uniui-weixin[data-v-d31e1c47]:before {
  264. content: "\e691";
  265. }
  266. .uniui-compose[data-v-d31e1c47]:before {
  267. content: "\e67f";
  268. }
  269. .uniui-qq[data-v-d31e1c47]:before {
  270. content: "\e680";
  271. }
  272. .uniui-download-filled[data-v-d31e1c47]:before {
  273. content: "\e681";
  274. }
  275. .uniui-pyq[data-v-d31e1c47]:before {
  276. content: "\e682";
  277. }
  278. .uniui-sound[data-v-d31e1c47]:before {
  279. content: "\e684";
  280. }
  281. .uniui-trash-filled[data-v-d31e1c47]:before {
  282. content: "\e685";
  283. }
  284. .uniui-sound-filled[data-v-d31e1c47]:before {
  285. content: "\e686";
  286. }
  287. .uniui-trash[data-v-d31e1c47]:before {
  288. content: "\e687";
  289. }
  290. .uniui-videocam-filled[data-v-d31e1c47]:before {
  291. content: "\e689";
  292. }
  293. .uniui-spinner-cycle[data-v-d31e1c47]:before {
  294. content: "\e68a";
  295. }
  296. .uniui-weibo[data-v-d31e1c47]:before {
  297. content: "\e68b";
  298. }
  299. .uniui-videocam[data-v-d31e1c47]:before {
  300. content: "\e68c";
  301. }
  302. .uniui-download[data-v-d31e1c47]:before {
  303. content: "\e68d";
  304. }
  305. .uniui-help[data-v-d31e1c47]:before {
  306. content: "\e679";
  307. }
  308. .uniui-navigate-filled[data-v-d31e1c47]:before {
  309. content: "\e67a";
  310. }
  311. .uniui-plusempty[data-v-d31e1c47]:before {
  312. content: "\e67b";
  313. }
  314. .uniui-smallcircle[data-v-d31e1c47]:before {
  315. content: "\e67c";
  316. }
  317. .uniui-minus-filled[data-v-d31e1c47]:before {
  318. content: "\e67d";
  319. }
  320. .uniui-micoff[data-v-d31e1c47]:before {
  321. content: "\e67e";
  322. }
  323. .uniui-closeempty[data-v-d31e1c47]:before {
  324. content: "\e66c";
  325. }
  326. .uniui-clear[data-v-d31e1c47]:before {
  327. content: "\e66d";
  328. }
  329. .uniui-navigate[data-v-d31e1c47]:before {
  330. content: "\e66e";
  331. }
  332. .uniui-minus[data-v-d31e1c47]:before {
  333. content: "\e66f";
  334. }
  335. .uniui-image[data-v-d31e1c47]:before {
  336. content: "\e670";
  337. }
  338. .uniui-mic[data-v-d31e1c47]:before {
  339. content: "\e671";
  340. }
  341. .uniui-paperplane[data-v-d31e1c47]:before {
  342. content: "\e672";
  343. }
  344. .uniui-close[data-v-d31e1c47]:before {
  345. content: "\e673";
  346. }
  347. .uniui-help-filled[data-v-d31e1c47]:before {
  348. content: "\e674";
  349. }
  350. .uniui-paperplane-filled[data-v-d31e1c47]:before {
  351. content: "\e675";
  352. }
  353. .uniui-plus[data-v-d31e1c47]:before {
  354. content: "\e676";
  355. }
  356. .uniui-mic-filled[data-v-d31e1c47]:before {
  357. content: "\e677";
  358. }
  359. .uniui-image-filled[data-v-d31e1c47]:before {
  360. content: "\e678";
  361. }
  362. .uniui-locked-filled[data-v-d31e1c47]:before {
  363. content: "\e668";
  364. }
  365. .uniui-info[data-v-d31e1c47]:before {
  366. content: "\e669";
  367. }
  368. .uniui-locked[data-v-d31e1c47]:before {
  369. content: "\e66b";
  370. }
  371. .uniui-camera-filled[data-v-d31e1c47]:before {
  372. content: "\e658";
  373. }
  374. .uniui-chat-filled[data-v-d31e1c47]:before {
  375. content: "\e659";
  376. }
  377. .uniui-camera[data-v-d31e1c47]:before {
  378. content: "\e65a";
  379. }
  380. .uniui-circle[data-v-d31e1c47]:before {
  381. content: "\e65b";
  382. }
  383. .uniui-checkmarkempty[data-v-d31e1c47]:before {
  384. content: "\e65c";
  385. }
  386. .uniui-chat[data-v-d31e1c47]:before {
  387. content: "\e65d";
  388. }
  389. .uniui-circle-filled[data-v-d31e1c47]:before {
  390. content: "\e65e";
  391. }
  392. .uniui-flag[data-v-d31e1c47]:before {
  393. content: "\e65f";
  394. }
  395. .uniui-flag-filled[data-v-d31e1c47]:before {
  396. content: "\e660";
  397. }
  398. .uniui-gear-filled[data-v-d31e1c47]:before {
  399. content: "\e661";
  400. }
  401. .uniui-home[data-v-d31e1c47]:before {
  402. content: "\e662";
  403. }
  404. .uniui-home-filled[data-v-d31e1c47]:before {
  405. content: "\e663";
  406. }
  407. .uniui-gear[data-v-d31e1c47]:before {
  408. content: "\e664";
  409. }
  410. .uniui-smallcircle-filled[data-v-d31e1c47]:before {
  411. content: "\e665";
  412. }
  413. .uniui-map-filled[data-v-d31e1c47]:before {
  414. content: "\e666";
  415. }
  416. .uniui-map[data-v-d31e1c47]:before {
  417. content: "\e667";
  418. }
  419. .uniui-refresh-filled[data-v-d31e1c47]:before {
  420. content: "\e656";
  421. }
  422. .uniui-refresh[data-v-d31e1c47]:before {
  423. content: "\e657";
  424. }
  425. .uniui-cloud-upload[data-v-d31e1c47]:before {
  426. content: "\e645";
  427. }
  428. .uniui-cloud-download-filled[data-v-d31e1c47]:before {
  429. content: "\e646";
  430. }
  431. .uniui-cloud-download[data-v-d31e1c47]:before {
  432. content: "\e647";
  433. }
  434. .uniui-cloud-upload-filled[data-v-d31e1c47]:before {
  435. content: "\e648";
  436. }
  437. .uniui-redo[data-v-d31e1c47]:before {
  438. content: "\e64a";
  439. }
  440. .uniui-images-filled[data-v-d31e1c47]:before {
  441. content: "\e64b";
  442. }
  443. .uniui-undo-filled[data-v-d31e1c47]:before {
  444. content: "\e64c";
  445. }
  446. .uniui-more[data-v-d31e1c47]:before {
  447. content: "\e64d";
  448. }
  449. .uniui-more-filled[data-v-d31e1c47]:before {
  450. content: "\e64e";
  451. }
  452. .uniui-undo[data-v-d31e1c47]:before {
  453. content: "\e64f";
  454. }
  455. .uniui-images[data-v-d31e1c47]:before {
  456. content: "\e650";
  457. }
  458. .uniui-paperclip[data-v-d31e1c47]:before {
  459. content: "\e652";
  460. }
  461. .uniui-settings[data-v-d31e1c47]:before {
  462. content: "\e653";
  463. }
  464. .uniui-search[data-v-d31e1c47]:before {
  465. content: "\e654";
  466. }
  467. .uniui-redo-filled[data-v-d31e1c47]:before {
  468. content: "\e655";
  469. }
  470. .uniui-list[data-v-d31e1c47]:before {
  471. content: "\e644";
  472. }
  473. .uniui-mail-open-filled[data-v-d31e1c47]:before {
  474. content: "\e63a";
  475. }
  476. .uniui-hand-down-filled[data-v-d31e1c47]:before {
  477. content: "\e63c";
  478. }
  479. .uniui-hand-down[data-v-d31e1c47]:before {
  480. content: "\e63d";
  481. }
  482. .uniui-hand-up-filled[data-v-d31e1c47]:before {
  483. content: "\e63e";
  484. }
  485. .uniui-hand-up[data-v-d31e1c47]:before {
  486. content: "\e63f";
  487. }
  488. .uniui-heart-filled[data-v-d31e1c47]:before {
  489. content: "\e641";
  490. }
  491. .uniui-mail-open[data-v-d31e1c47]:before {
  492. content: "\e643";
  493. }
  494. .uniui-heart[data-v-d31e1c47]:before {
  495. content: "\e639";
  496. }
  497. .uniui-loop[data-v-d31e1c47]:before {
  498. content: "\e633";
  499. }
  500. .uniui-pulldown[data-v-d31e1c47]:before {
  501. content: "\e632";
  502. }
  503. .uniui-scan[data-v-d31e1c47]:before {
  504. content: "\e62a";
  505. }
  506. .uniui-bars[data-v-d31e1c47]:before {
  507. content: "\e627";
  508. }
  509. .uniui-checkbox[data-v-d31e1c47]:before {
  510. content: "\e62b";
  511. }
  512. .uniui-checkbox-filled[data-v-d31e1c47]:before {
  513. content: "\e62c";
  514. }
  515. .uniui-shop[data-v-d31e1c47]:before {
  516. content: "\e62f";
  517. }
  518. .uniui-headphones[data-v-d31e1c47]:before {
  519. content: "\e630";
  520. }
  521. .uniui-cart[data-v-d31e1c47]:before {
  522. content: "\e631";
  523. }
  524. @font-face {
  525. font-family: uniicons;
  526. src: url("../../assets/uniicons.32e978a5.ttf");
  527. }
  528. .uni-icons[data-v-d31e1c47] {
  529. font-family: uniicons;
  530. text-decoration: none;
  531. text-align: center;
  532. }
  533. /**
  534. * 这里是uni-app内置的常用样式变量
  535. *
  536. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  537. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  538. *
  539. */
  540. /**
  541. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  542. *
  543. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  544. */
  545. /* 颜色变量 */
  546. /* 行为相关颜色 */
  547. /* 文字基本颜色 */
  548. /* 背景颜色 */
  549. /* 边框颜色 */
  550. /* 尺寸变量 */
  551. /* 文字尺寸 */
  552. /* 图片尺寸 */
  553. /* Border Radius */
  554. /* 水平间距 */
  555. /* 垂直间距 */
  556. /* 透明度 */
  557. /* 文章场景相关 */
  558. .uni-easyinput[data-v-09fd5285] {
  559. width: 100%;
  560. flex: 1;
  561. position: relative;
  562. text-align: left;
  563. color: #333;
  564. font-size: 14px;
  565. }
  566. .uni-easyinput__content[data-v-09fd5285] {
  567. flex: 1;
  568. width: 100%;
  569. display: flex;
  570. box-sizing: border-box;
  571. flex-direction: row;
  572. align-items: center;
  573. border-color: #fff;
  574. transition-property: border-color;
  575. transition-duration: 0.3s;
  576. }
  577. .uni-easyinput__content-input[data-v-09fd5285] {
  578. width: auto;
  579. position: relative;
  580. overflow: hidden;
  581. flex: 1;
  582. line-height: 1;
  583. font-size: 14px;
  584. height: 35px;
  585. }
  586. .uni-easyinput__placeholder-class[data-v-09fd5285] {
  587. color: #999;
  588. font-size: 12px;
  589. }
  590. .is-textarea[data-v-09fd5285] {
  591. align-items: flex-start;
  592. }
  593. .is-textarea-icon[data-v-09fd5285] {
  594. margin-top: 5px;
  595. }
  596. .uni-easyinput__content-textarea[data-v-09fd5285] {
  597. position: relative;
  598. overflow: hidden;
  599. flex: 1;
  600. line-height: 1.5;
  601. font-size: 14px;
  602. margin: 6px;
  603. margin-left: 0;
  604. height: 80px;
  605. min-height: 80px;
  606. min-height: 80px;
  607. width: auto;
  608. }
  609. .input-padding[data-v-09fd5285] {
  610. padding-left: 10px;
  611. }
  612. .content-clear-icon[data-v-09fd5285] {
  613. padding: 0 5px;
  614. }
  615. .label-icon[data-v-09fd5285] {
  616. margin-right: 5px;
  617. margin-top: -1px;
  618. }
  619. .is-input-border[data-v-09fd5285] {
  620. display: flex;
  621. box-sizing: border-box;
  622. flex-direction: row;
  623. align-items: center;
  624. border: 1px solid #dcdfe6;
  625. border-radius: 4px;
  626. }
  627. .uni-error-message[data-v-09fd5285] {
  628. position: absolute;
  629. bottom: -17px;
  630. left: 0;
  631. line-height: 12px;
  632. color: #e43d33;
  633. font-size: 12px;
  634. text-align: left;
  635. }
  636. .uni-error-msg--boeder[data-v-09fd5285] {
  637. position: relative;
  638. bottom: 0;
  639. line-height: 22px;
  640. }
  641. .is-input-error-border[data-v-09fd5285] {
  642. border-color: #e43d33;
  643. }
  644. .is-input-error-border .uni-easyinput__placeholder-class[data-v-09fd5285] {
  645. color: #f29e99;
  646. }
  647. .uni-easyinput--border[data-v-09fd5285] {
  648. margin-bottom: 0;
  649. padding: 10px 15px;
  650. border-top: 1px #eee solid;
  651. }
  652. .uni-easyinput-error[data-v-09fd5285] {
  653. padding-bottom: 0;
  654. }
  655. .is-first-border[data-v-09fd5285] {
  656. border: none;
  657. }
  658. .is-disabled[data-v-09fd5285] {
  659. background-color: #f7f6f6;
  660. color: #d5d5d5;
  661. }
  662. .is-disabled .uni-easyinput__placeholder-class[data-v-09fd5285] {
  663. color: #d5d5d5;
  664. font-size: 12px;
  665. }
  666. /**
  667. * 这里是uni-app内置的常用样式变量
  668. *
  669. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  670. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  671. *
  672. */
  673. /**
  674. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  675. *
  676. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  677. */
  678. /* 颜色变量 */
  679. /* 行为相关颜色 */
  680. /* 文字基本颜色 */
  681. /* 背景颜色 */
  682. /* 边框颜色 */
  683. /* 尺寸变量 */
  684. /* 文字尺寸 */
  685. /* 图片尺寸 */
  686. /* Border Radius */
  687. /* 水平间距 */
  688. /* 垂直间距 */
  689. /* 透明度 */
  690. /* 文章场景相关 */
  691. .uni-forms-item[data-v-462874dd] {
  692. position: relative;
  693. display: flex;
  694. margin-bottom: 22px;
  695. flex-direction: row;
  696. }
  697. .uni-forms-item__label[data-v-462874dd] {
  698. display: flex;
  699. flex-direction: row;
  700. align-items: center;
  701. text-align: left;
  702. font-size: 14px;
  703. color: #606266;
  704. height: 36px;
  705. padding: 0 12px 0 0;
  706. vertical-align: middle;
  707. flex-shrink: 0;
  708. box-sizing: border-box;
  709. }
  710. .uni-forms-item__label.no-label[data-v-462874dd] {
  711. padding: 0;
  712. }
  713. .uni-forms-item__content[data-v-462874dd] {
  714. position: relative;
  715. font-size: 14px;
  716. flex: 1;
  717. box-sizing: border-box;
  718. flex-direction: row;
  719. }
  720. .uni-forms-item .uni-forms-item__nuve-content[data-v-462874dd] {
  721. display: flex;
  722. flex-direction: column;
  723. flex: 1;
  724. }
  725. .uni-forms-item__error[data-v-462874dd] {
  726. color: #f56c6c;
  727. font-size: 12px;
  728. line-height: 1;
  729. padding-top: 4px;
  730. position: absolute;
  731. top: 100%;
  732. left: 0;
  733. transition: transform 0.3s;
  734. transform: translateY(-100%);
  735. opacity: 0;
  736. }
  737. .uni-forms-item__error .error-text[data-v-462874dd] {
  738. color: #f56c6c;
  739. font-size: 12px;
  740. }
  741. .uni-forms-item__error.msg--active[data-v-462874dd] {
  742. opacity: 1;
  743. transform: translateY(0%);
  744. }
  745. .uni-forms-item.is-direction-left[data-v-462874dd] {
  746. flex-direction: row;
  747. }
  748. .uni-forms-item.is-direction-top[data-v-462874dd] {
  749. flex-direction: column;
  750. }
  751. .uni-forms-item.is-direction-top .uni-forms-item__label[data-v-462874dd] {
  752. padding: 0 0 8px;
  753. line-height: 1.5715;
  754. text-align: left;
  755. white-space: initial;
  756. }
  757. .uni-forms-item .is-required[data-v-462874dd] {
  758. color: #dd524d;
  759. font-weight: bold;
  760. }
  761. .uni-forms-item--border[data-v-462874dd] {
  762. margin-bottom: 0;
  763. padding: 10px 0;
  764. border-top: 1px #eee solid;
  765. }
  766. .uni-forms-item--border .uni-forms-item__content[data-v-462874dd] {
  767. flex-direction: column;
  768. justify-content: flex-start;
  769. align-items: flex-start;
  770. }
  771. .uni-forms-item--border .uni-forms-item__content .uni-forms-item__error[data-v-462874dd] {
  772. position: relative;
  773. top: 5px;
  774. left: 0;
  775. padding-top: 0;
  776. }
  777. .is-first-border[data-v-462874dd] {
  778. border: none;
  779. }
  780. /**
  781. * 这里是uni-app内置的常用样式变量
  782. *
  783. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  784. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  785. *
  786. */
  787. /**
  788. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  789. *
  790. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  791. */
  792. /* 颜色变量 */
  793. /* 行为相关颜色 */
  794. /* 文字基本颜色 */
  795. /* 背景颜色 */
  796. /* 边框颜色 */
  797. /* 尺寸变量 */
  798. /* 文字尺寸 */
  799. /* 图片尺寸 */
  800. /* Border Radius */
  801. /* 水平间距 */
  802. /* 垂直间距 */
  803. /* 透明度 */
  804. /* 文章场景相关 */
  805. @media screen and (max-width: 500px) {
  806. .hide-on-phone[data-v-ddf9e0a2] {
  807. display: none;
  808. }
  809. }
  810. .uni-stat__select[data-v-ddf9e0a2] {
  811. display: flex;
  812. align-items: center;
  813. width: 100%;
  814. flex: 1;
  815. box-sizing: border-box;
  816. }
  817. .uni-stat-box[data-v-ddf9e0a2] {
  818. width: 100%;
  819. flex: 1;
  820. }
  821. .uni-stat__actived[data-v-ddf9e0a2] {
  822. width: 100%;
  823. flex: 1;
  824. }
  825. .uni-label-text[data-v-ddf9e0a2] {
  826. font-size: 14px;
  827. font-weight: bold;
  828. color: #6a6a6a;
  829. margin: auto 0;
  830. margin-right: 5px;
  831. }
  832. .uni-select[data-v-ddf9e0a2] {
  833. font-size: 14px;
  834. border: 1px solid #e5e5e5;
  835. box-sizing: border-box;
  836. border-radius: 4px;
  837. padding: 0 5px;
  838. padding-left: 10px;
  839. position: relative;
  840. display: flex;
  841. -webkit-user-select: none;
  842. user-select: none;
  843. flex-direction: row;
  844. align-items: center;
  845. border-bottom: solid 1px #e5e5e5;
  846. width: 100%;
  847. flex: 1;
  848. height: 35px;
  849. }
  850. .uni-select--disabled[data-v-ddf9e0a2] {
  851. background-color: #f5f7fa;
  852. cursor: not-allowed;
  853. }
  854. .uni-select__label[data-v-ddf9e0a2] {
  855. font-size: 16px;
  856. height: 35px;
  857. padding-right: 10px;
  858. color: #909399;
  859. }
  860. .uni-select__input-box[data-v-ddf9e0a2] {
  861. height: 35px;
  862. position: relative;
  863. display: flex;
  864. flex: 1;
  865. flex-direction: row;
  866. align-items: center;
  867. }
  868. .uni-select__input[data-v-ddf9e0a2] {
  869. flex: 1;
  870. font-size: 14px;
  871. height: 22px;
  872. line-height: 22px;
  873. }
  874. .uni-select__input-plac[data-v-ddf9e0a2] {
  875. font-size: 14px;
  876. color: #909399;
  877. }
  878. .uni-select__selector[data-v-ddf9e0a2] {
  879. box-sizing: border-box;
  880. position: absolute;
  881. left: 0;
  882. width: 100%;
  883. background-color: #FFFFFF;
  884. border: 1px solid #EBEEF5;
  885. border-radius: 6px;
  886. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  887. z-index: 3;
  888. padding: 4px 0;
  889. }
  890. .uni-select__selector-scroll[data-v-ddf9e0a2] {
  891. max-height: 200px;
  892. box-sizing: border-box;
  893. }
  894. .uni-select__selector-empty[data-v-ddf9e0a2],
  895. .uni-select__selector-item[data-v-ddf9e0a2] {
  896. display: flex;
  897. cursor: pointer;
  898. line-height: 35px;
  899. font-size: 14px;
  900. text-align: center;
  901. /* border-bottom: solid 1px $uni-border-3; */
  902. padding: 0px 10px;
  903. }
  904. .uni-select__selector-item[data-v-ddf9e0a2]:hover {
  905. background-color: #f9f9f9;
  906. }
  907. .uni-select__selector-empty[data-v-ddf9e0a2]:last-child,
  908. .uni-select__selector-item[data-v-ddf9e0a2]:last-child {
  909. border-bottom: none;
  910. }
  911. .uni-select__selector__disabled[data-v-ddf9e0a2] {
  912. opacity: 0.4;
  913. cursor: default;
  914. }
  915. /* picker 弹出层通用的指示小三角 */
  916. .uni-popper__arrow_bottom[data-v-ddf9e0a2],
  917. .uni-popper__arrow_bottom[data-v-ddf9e0a2]::after,
  918. .uni-popper__arrow_top[data-v-ddf9e0a2],
  919. .uni-popper__arrow_top[data-v-ddf9e0a2]::after {
  920. position: absolute;
  921. display: block;
  922. width: 0;
  923. height: 0;
  924. border-color: transparent;
  925. border-style: solid;
  926. border-width: 6px;
  927. }
  928. .uni-popper__arrow_bottom[data-v-ddf9e0a2] {
  929. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  930. top: -6px;
  931. left: 10%;
  932. margin-right: 3px;
  933. border-top-width: 0;
  934. border-bottom-color: #EBEEF5;
  935. }
  936. .uni-popper__arrow_bottom[data-v-ddf9e0a2]::after {
  937. content: " ";
  938. top: 1px;
  939. margin-left: -6px;
  940. border-top-width: 0;
  941. border-bottom-color: #fff;
  942. }
  943. .uni-popper__arrow_top[data-v-ddf9e0a2] {
  944. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  945. bottom: -6px;
  946. left: 10%;
  947. margin-right: 3px;
  948. border-bottom-width: 0;
  949. border-top-color: #EBEEF5;
  950. }
  951. .uni-popper__arrow_top[data-v-ddf9e0a2]::after {
  952. content: " ";
  953. bottom: 1px;
  954. margin-left: -6px;
  955. border-bottom-width: 0;
  956. border-top-color: #fff;
  957. }
  958. .uni-select__input-text[data-v-ddf9e0a2] {
  959. width: 100%;
  960. color: #333;
  961. white-space: nowrap;
  962. text-overflow: ellipsis;
  963. -o-text-overflow: ellipsis;
  964. overflow: hidden;
  965. }
  966. .uni-select__input-placeholder[data-v-ddf9e0a2] {
  967. color: #6a6a6a;
  968. font-size: 12px;
  969. }
  970. .uni-select--mask[data-v-ddf9e0a2] {
  971. position: fixed;
  972. top: 0;
  973. bottom: 0;
  974. right: 0;
  975. left: 0;
  976. z-index: 2;
  977. }
  978. /**
  979. * 这里是uni-app内置的常用样式变量
  980. *
  981. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  982. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  983. *
  984. */
  985. /**
  986. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  987. *
  988. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  989. */
  990. /* 颜色变量 */
  991. /* 行为相关颜色 */
  992. /* 文字基本颜色 */
  993. /* 背景颜色 */
  994. /* 边框颜色 */
  995. /* 尺寸变量 */
  996. /* 文字尺寸 */
  997. /* 图片尺寸 */
  998. /* Border Radius */
  999. /* 水平间距 */
  1000. /* 垂直间距 */
  1001. /* 透明度 */
  1002. /* 文章场景相关 */
  1003. .uni-load-more[data-v-9245e42c] {
  1004. display: flex;
  1005. flex-direction: row;
  1006. height: 40px;
  1007. align-items: center;
  1008. justify-content: center;
  1009. }
  1010. .uni-load-more__text[data-v-9245e42c] {
  1011. font-size: 14px;
  1012. margin-left: 8px;
  1013. }
  1014. .uni-load-more__img[data-v-9245e42c] {
  1015. width: 24px;
  1016. height: 24px;
  1017. }
  1018. .uni-load-more__img--nvue[data-v-9245e42c] {
  1019. color: #666666;
  1020. }
  1021. .uni-load-more__img--android[data-v-9245e42c],
  1022. .uni-load-more__img--ios[data-v-9245e42c] {
  1023. width: 24px;
  1024. height: 24px;
  1025. transform: rotate(0deg);
  1026. }
  1027. .uni-load-more__img--android[data-v-9245e42c] {
  1028. animation: loading-ios 1s 0s linear infinite;
  1029. }
  1030. @keyframes loading-android-9245e42c {
  1031. 0% {
  1032. transform: rotate(0deg);
  1033. }
  1034. 100% {
  1035. transform: rotate(360deg);
  1036. }
  1037. }
  1038. .uni-load-more__img--ios-H5[data-v-9245e42c] {
  1039. position: relative;
  1040. animation: loading-ios-H5-9245e42c 1s 0s step-end infinite;
  1041. }
  1042. .uni-load-more__img--ios-H5 uni-image[data-v-9245e42c] {
  1043. position: absolute;
  1044. width: 100%;
  1045. height: 100%;
  1046. left: 0;
  1047. top: 0;
  1048. }
  1049. @keyframes loading-ios-H5-9245e42c {
  1050. 0% {
  1051. transform: rotate(0deg);
  1052. }
  1053. 8% {
  1054. transform: rotate(30deg);
  1055. }
  1056. 16% {
  1057. transform: rotate(60deg);
  1058. }
  1059. 24% {
  1060. transform: rotate(90deg);
  1061. }
  1062. 32% {
  1063. transform: rotate(120deg);
  1064. }
  1065. 40% {
  1066. transform: rotate(150deg);
  1067. }
  1068. 48% {
  1069. transform: rotate(180deg);
  1070. }
  1071. 56% {
  1072. transform: rotate(210deg);
  1073. }
  1074. 64% {
  1075. transform: rotate(240deg);
  1076. }
  1077. 73% {
  1078. transform: rotate(270deg);
  1079. }
  1080. 82% {
  1081. transform: rotate(300deg);
  1082. }
  1083. 91% {
  1084. transform: rotate(330deg);
  1085. }
  1086. 100% {
  1087. transform: rotate(360deg);
  1088. }
  1089. }
  1090. .uni-load-more__img--android-MP[data-v-9245e42c] {
  1091. position: relative;
  1092. width: 24px;
  1093. height: 24px;
  1094. transform: rotate(0deg);
  1095. animation: loading-ios 1s 0s ease infinite;
  1096. }
  1097. .uni-load-more__img--android-MP .uni-load-more__img-icon[data-v-9245e42c] {
  1098. position: absolute;
  1099. box-sizing: border-box;
  1100. width: 100%;
  1101. height: 100%;
  1102. border-radius: 50%;
  1103. border: solid 2px transparent;
  1104. border-top: solid 2px #777777;
  1105. transform-origin: center;
  1106. }
  1107. .uni-load-more__img--android-MP .uni-load-more__img-icon[data-v-9245e42c]:nth-child(1) {
  1108. animation: loading-android-MP-1-9245e42c 1s 0s linear infinite;
  1109. }
  1110. .uni-load-more__img--android-MP .uni-load-more__img-icon[data-v-9245e42c]:nth-child(2) {
  1111. animation: loading-android-MP-2-9245e42c 1s 0s linear infinite;
  1112. }
  1113. .uni-load-more__img--android-MP .uni-load-more__img-icon[data-v-9245e42c]:nth-child(3) {
  1114. animation: loading-android-MP-3-9245e42c 1s 0s linear infinite;
  1115. }
  1116. @keyframes loading-android-9245e42c {
  1117. 0% {
  1118. transform: rotate(0deg);
  1119. }
  1120. 100% {
  1121. transform: rotate(360deg);
  1122. }
  1123. }
  1124. @keyframes loading-android-MP-1-9245e42c {
  1125. 0% {
  1126. transform: rotate(0deg);
  1127. }
  1128. 50% {
  1129. transform: rotate(90deg);
  1130. }
  1131. 100% {
  1132. transform: rotate(360deg);
  1133. }
  1134. }
  1135. @keyframes loading-android-MP-2-9245e42c {
  1136. 0% {
  1137. transform: rotate(0deg);
  1138. }
  1139. 50% {
  1140. transform: rotate(180deg);
  1141. }
  1142. 100% {
  1143. transform: rotate(360deg);
  1144. }
  1145. }
  1146. @keyframes loading-android-MP-3-9245e42c {
  1147. 0% {
  1148. transform: rotate(0deg);
  1149. }
  1150. 50% {
  1151. transform: rotate(270deg);
  1152. }
  1153. 100% {
  1154. transform: rotate(360deg);
  1155. }
  1156. }
  1157. /**
  1158. * 这里是uni-app内置的常用样式变量
  1159. *
  1160. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1161. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1162. *
  1163. */
  1164. /**
  1165. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1166. *
  1167. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1168. */
  1169. /* 颜色变量 */
  1170. /* 行为相关颜色 */
  1171. /* 文字基本颜色 */
  1172. /* 背景颜色 */
  1173. /* 边框颜色 */
  1174. /* 尺寸变量 */
  1175. /* 文字尺寸 */
  1176. /* 图片尺寸 */
  1177. /* Border Radius */
  1178. /* 水平间距 */
  1179. /* 垂直间距 */
  1180. /* 透明度 */
  1181. /* 文章场景相关 */
  1182. .uni-data-pickerview[data-v-91ec6a82] {
  1183. flex: 1;
  1184. display: flex;
  1185. flex-direction: column;
  1186. overflow: hidden;
  1187. height: 100%;
  1188. }
  1189. .error-text[data-v-91ec6a82] {
  1190. color: #DD524D;
  1191. }
  1192. .loading-cover[data-v-91ec6a82] {
  1193. position: absolute;
  1194. left: 0;
  1195. top: 0;
  1196. right: 0;
  1197. bottom: 0;
  1198. background-color: rgba(255, 255, 255, 0.5);
  1199. display: flex;
  1200. flex-direction: column;
  1201. align-items: center;
  1202. z-index: 1001;
  1203. }
  1204. .load-more[data-v-91ec6a82] {
  1205. margin: auto;
  1206. }
  1207. .error-message[data-v-91ec6a82] {
  1208. background-color: #fff;
  1209. position: absolute;
  1210. left: 0;
  1211. top: 0;
  1212. right: 0;
  1213. bottom: 0;
  1214. padding: 15px;
  1215. opacity: 0.9;
  1216. z-index: 102;
  1217. }
  1218. .selected-list[data-v-91ec6a82] {
  1219. display: flex;
  1220. flex-wrap: nowrap;
  1221. flex-direction: row;
  1222. padding: 0 5px;
  1223. border-bottom: 1px solid #f8f8f8;
  1224. }
  1225. .selected-item[data-v-91ec6a82] {
  1226. margin-left: 10px;
  1227. margin-right: 10px;
  1228. padding: 12px 0;
  1229. text-align: center;
  1230. white-space: nowrap;
  1231. }
  1232. .selected-item-text-overflow[data-v-91ec6a82] {
  1233. width: 168px;
  1234. /* fix nvue */
  1235. overflow: hidden;
  1236. width: 6em;
  1237. white-space: nowrap;
  1238. text-overflow: ellipsis;
  1239. -o-text-overflow: ellipsis;
  1240. }
  1241. .selected-item-active[data-v-91ec6a82] {
  1242. border-bottom: 2px solid #007aff;
  1243. }
  1244. .selected-item-text[data-v-91ec6a82] {
  1245. color: #007aff;
  1246. }
  1247. .tab-c[data-v-91ec6a82] {
  1248. position: relative;
  1249. flex: 1;
  1250. display: flex;
  1251. flex-direction: row;
  1252. overflow: hidden;
  1253. }
  1254. .list[data-v-91ec6a82] {
  1255. flex: 1;
  1256. }
  1257. .item[data-v-91ec6a82] {
  1258. padding: 12px 15px;
  1259. /* border-bottom: 1px solid #f0f0f0; */
  1260. display: flex;
  1261. flex-direction: row;
  1262. justify-content: space-between;
  1263. }
  1264. .is-disabled[data-v-91ec6a82] {
  1265. opacity: 0.5;
  1266. }
  1267. .item-text[data-v-91ec6a82] {
  1268. /* flex: 1; */
  1269. color: #333333;
  1270. }
  1271. .item-text-overflow[data-v-91ec6a82] {
  1272. width: 280px;
  1273. /* fix nvue */
  1274. overflow: hidden;
  1275. width: 20em;
  1276. white-space: nowrap;
  1277. text-overflow: ellipsis;
  1278. -o-text-overflow: ellipsis;
  1279. }
  1280. .check[data-v-91ec6a82] {
  1281. margin-right: 5px;
  1282. border: 2px solid #007aff;
  1283. border-left: 0;
  1284. border-top: 0;
  1285. height: 12px;
  1286. width: 6px;
  1287. transform-origin: center;
  1288. transition: all 0.3s;
  1289. transform: rotate(45deg);
  1290. }
  1291. .uni-data-tree[data-v-2653531e] {
  1292. flex: 1;
  1293. position: relative;
  1294. font-size: 14px;
  1295. }
  1296. .error-text[data-v-2653531e] {
  1297. color: #DD524D;
  1298. }
  1299. .input-value[data-v-2653531e] {
  1300. display: flex;
  1301. flex-direction: row;
  1302. align-items: center;
  1303. flex-wrap: nowrap;
  1304. font-size: 14px;
  1305. /* line-height: 35px; */
  1306. padding: 0 10px;
  1307. padding-right: 5px;
  1308. overflow: hidden;
  1309. height: 35px;
  1310. box-sizing: border-box;
  1311. }
  1312. .input-value-border[data-v-2653531e] {
  1313. border: 1px solid #e5e5e5;
  1314. border-radius: 5px;
  1315. }
  1316. .selected-area[data-v-2653531e] {
  1317. flex: 1;
  1318. overflow: hidden;
  1319. display: flex;
  1320. flex-direction: row;
  1321. }
  1322. .load-more[data-v-2653531e] {
  1323. margin-right: auto;
  1324. }
  1325. .selected-list[data-v-2653531e] {
  1326. display: flex;
  1327. flex-direction: row;
  1328. flex-wrap: nowrap;
  1329. /* padding: 0 5px; */
  1330. }
  1331. .selected-item[data-v-2653531e] {
  1332. flex-direction: row;
  1333. /* padding: 0 1px; */
  1334. white-space: nowrap;
  1335. }
  1336. .text-color[data-v-2653531e] {
  1337. color: #333;
  1338. }
  1339. .placeholder[data-v-2653531e] {
  1340. color: grey;
  1341. font-size: 12px;
  1342. }
  1343. .input-split-line[data-v-2653531e] {
  1344. opacity: .5;
  1345. }
  1346. .arrow-area[data-v-2653531e] {
  1347. position: relative;
  1348. width: 20px;
  1349. margin-bottom: 5px;
  1350. margin-left: auto;
  1351. display: flex;
  1352. justify-content: center;
  1353. transform: rotate(-45deg);
  1354. transform-origin: center;
  1355. }
  1356. .input-arrow[data-v-2653531e] {
  1357. width: 7px;
  1358. height: 7px;
  1359. border-left: 1px solid #999;
  1360. border-bottom: 1px solid #999;
  1361. }
  1362. .uni-data-tree-cover[data-v-2653531e] {
  1363. position: fixed;
  1364. left: 0;
  1365. top: 0;
  1366. right: 0;
  1367. bottom: 0;
  1368. background-color: rgba(0, 0, 0, .4);
  1369. display: flex;
  1370. flex-direction: column;
  1371. z-index: 100;
  1372. }
  1373. .uni-data-tree-dialog[data-v-2653531e] {
  1374. position: fixed;
  1375. left: 0;
  1376. top: 20%;
  1377. right: 0;
  1378. bottom: 0;
  1379. background-color: #FFFFFF;
  1380. border-top-left-radius: 10px;
  1381. border-top-right-radius: 10px;
  1382. display: flex;
  1383. flex-direction: column;
  1384. z-index: 102;
  1385. overflow: hidden;
  1386. }
  1387. .dialog-caption[data-v-2653531e] {
  1388. position: relative;
  1389. display: flex;
  1390. flex-direction: row;
  1391. /* border-bottom: 1px solid #f0f0f0; */
  1392. }
  1393. .title-area[data-v-2653531e] {
  1394. display: flex;
  1395. align-items: center;
  1396. margin: auto;
  1397. padding: 0 10px;
  1398. }
  1399. .dialog-title[data-v-2653531e] {
  1400. /* font-weight: bold; */
  1401. line-height: 44px;
  1402. }
  1403. .dialog-close[data-v-2653531e] {
  1404. position: absolute;
  1405. top: 0;
  1406. right: 0;
  1407. bottom: 0;
  1408. display: flex;
  1409. flex-direction: row;
  1410. align-items: center;
  1411. padding: 0 15px;
  1412. }
  1413. .dialog-close-plus[data-v-2653531e] {
  1414. width: 16px;
  1415. height: 2px;
  1416. background-color: #666;
  1417. border-radius: 2px;
  1418. transform: rotate(45deg);
  1419. }
  1420. .dialog-close-rotate[data-v-2653531e] {
  1421. position: absolute;
  1422. transform: rotate(-45deg);
  1423. }
  1424. .picker-view[data-v-2653531e] {
  1425. flex: 1;
  1426. overflow: hidden;
  1427. }
  1428. .icon-clear[data-v-2653531e] {
  1429. display: flex;
  1430. align-items: center;
  1431. }
  1432. /* picker 弹出层通用的指示小三角, todo:扩展至上下左右方向定位 */
  1433. .uni-popper__arrow[data-v-2653531e],
  1434. .uni-popper__arrow[data-v-2653531e]::after {
  1435. position: absolute;
  1436. display: block;
  1437. width: 0;
  1438. height: 0;
  1439. border-color: transparent;
  1440. border-style: solid;
  1441. border-width: 6px;
  1442. }
  1443. .uni-popper__arrow[data-v-2653531e] {
  1444. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  1445. top: -6px;
  1446. left: 10%;
  1447. margin-right: 3px;
  1448. border-top-width: 0;
  1449. border-bottom-color: #EBEEF5;
  1450. }
  1451. .uni-popper__arrow[data-v-2653531e]::after {
  1452. content: " ";
  1453. top: 1px;
  1454. margin-left: -6px;
  1455. border-top-width: 0;
  1456. border-bottom-color: #fff;
  1457. }
  1458. /**
  1459. * 这里是uni-app内置的常用样式变量
  1460. *
  1461. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1462. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1463. *
  1464. */
  1465. /**
  1466. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1467. *
  1468. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1469. */
  1470. /* 颜色变量 */
  1471. /* 行为相关颜色 */
  1472. /* 文字基本颜色 */
  1473. /* 背景颜色 */
  1474. /* 边框颜色 */
  1475. /* 尺寸变量 */
  1476. /* 文字尺寸 */
  1477. /* 图片尺寸 */
  1478. /* Border Radius */
  1479. /* 水平间距 */
  1480. /* 垂直间距 */
  1481. /* 透明度 */
  1482. /* 文章场景相关 */
  1483. /**
  1484. * 这里是uni-app内置的常用样式变量
  1485. *
  1486. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1487. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1488. *
  1489. */
  1490. /**
  1491. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1492. *
  1493. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1494. */
  1495. /* 颜色变量 */
  1496. /* 行为相关颜色 */
  1497. /* 文字基本颜色 */
  1498. /* 背景颜色 */
  1499. /* 边框颜色 */
  1500. /* 尺寸变量 */
  1501. /* 文字尺寸 */
  1502. /* 图片尺寸 */
  1503. /* Border Radius */
  1504. /* 水平间距 */
  1505. /* 垂直间距 */
  1506. /* 透明度 */
  1507. /* 文章场景相关 */
  1508. .uni-popup-message[data-v-a4566996] {
  1509. display: flex;
  1510. flex-direction: row;
  1511. justify-content: center;
  1512. }
  1513. .uni-popup-message__box[data-v-a4566996] {
  1514. background-color: #e1f3d8;
  1515. padding: 10px 15px;
  1516. border-color: #eee;
  1517. border-style: solid;
  1518. border-width: 1px;
  1519. flex: 1;
  1520. }
  1521. @media screen and (min-width: 500px) {
  1522. .fixforpc-width[data-v-a4566996] {
  1523. margin-top: 20px;
  1524. border-radius: 4px;
  1525. flex: none;
  1526. min-width: 380px;
  1527. max-width: 50%;
  1528. }
  1529. }
  1530. .uni-popup-message-text[data-v-a4566996] {
  1531. font-size: 14px;
  1532. padding: 0;
  1533. }
  1534. .uni-popup__success[data-v-a4566996] {
  1535. background-color: #e1f3d8;
  1536. }
  1537. .uni-popup__success-text[data-v-a4566996] {
  1538. color: #67C23A;
  1539. }
  1540. .uni-popup__warn[data-v-a4566996] {
  1541. background-color: #faecd8;
  1542. }
  1543. .uni-popup__warn-text[data-v-a4566996] {
  1544. color: #E6A23C;
  1545. }
  1546. .uni-popup__error[data-v-a4566996] {
  1547. background-color: #fde2e2;
  1548. }
  1549. .uni-popup__error-text[data-v-a4566996] {
  1550. color: #F56C6C;
  1551. }
  1552. .uni-popup__info[data-v-a4566996] {
  1553. background-color: #F2F6FC;
  1554. }
  1555. .uni-popup__info-text[data-v-a4566996] {
  1556. color: #909399;
  1557. }
  1558. /**
  1559. * 这里是uni-app内置的常用样式变量
  1560. *
  1561. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1562. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1563. *
  1564. */
  1565. /**
  1566. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1567. *
  1568. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1569. */
  1570. /* 颜色变量 */
  1571. /* 行为相关颜色 */
  1572. /* 文字基本颜色 */
  1573. /* 背景颜色 */
  1574. /* 边框颜色 */
  1575. /* 尺寸变量 */
  1576. /* 文字尺寸 */
  1577. /* 图片尺寸 */
  1578. /* Border Radius */
  1579. /* 水平间距 */
  1580. /* 垂直间距 */
  1581. /* 透明度 */
  1582. /* 文章场景相关 */
  1583. .uni-popup[data-v-4dd3c44b] {
  1584. position: fixed;
  1585. z-index: 99;
  1586. }
  1587. .uni-popup.top[data-v-4dd3c44b], .uni-popup.left[data-v-4dd3c44b], .uni-popup.right[data-v-4dd3c44b] {
  1588. top: 0;
  1589. }
  1590. .uni-popup .uni-popup__wrapper[data-v-4dd3c44b] {
  1591. display: block;
  1592. position: relative;
  1593. /* iphonex 等安全区设置,底部安全区适配 */
  1594. }
  1595. .uni-popup .uni-popup__wrapper.left[data-v-4dd3c44b], .uni-popup .uni-popup__wrapper.right[data-v-4dd3c44b] {
  1596. padding-top: 0;
  1597. flex: 1;
  1598. }
  1599. .fixforpc-z-index[data-v-4dd3c44b] {
  1600. z-index: 999;
  1601. }
  1602. .fixforpc-top[data-v-4dd3c44b] {
  1603. top: 0;
  1604. }
  1605. /**
  1606. * 这里是uni-app内置的常用样式变量
  1607. *
  1608. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1609. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1610. *
  1611. */
  1612. /**
  1613. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1614. *
  1615. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1616. */
  1617. /* 颜色变量 */
  1618. /* 行为相关颜色 */
  1619. /* 文字基本颜色 */
  1620. /* 背景颜色 */
  1621. /* 边框颜色 */
  1622. /* 尺寸变量 */
  1623. /* 文字尺寸 */
  1624. /* 图片尺寸 */
  1625. /* Border Radius */
  1626. /* 水平间距 */
  1627. /* 垂直间距 */
  1628. /* 透明度 */
  1629. /* 文章场景相关 */
  1630. .container {
  1631. padding: 15px;
  1632. background-color: #fff;
  1633. }
  1634. .weight-right {
  1635. padding-right: 0.3125rem;
  1636. font-size: 0.4375rem;
  1637. }
  1638. .weight-tip {
  1639. color: gray;
  1640. font-size: 0.375rem;
  1641. }
  1642. .select-item .uni-forms-item__content {
  1643. display: flex !important;
  1644. }
  1645. .select-item .uni-forms-item__label {
  1646. width: auto !important;
  1647. }
  1648. .select-item uni-button {
  1649. height: 35px;
  1650. font-size: 0.5rem;
  1651. margin-left: 0.3125rem;
  1652. }
  1653. .button-group {
  1654. margin-top: 15px;
  1655. display: flex;
  1656. flex-direction: row;
  1657. justify-content: space-around;
  1658. }
  1659. .button-group uni-button {
  1660. display: flex;
  1661. align-items: center;
  1662. justify-content: center;
  1663. height: 35px;
  1664. width: 50%;
  1665. margin-left: 10px;
  1666. font-size: 0.5rem;
  1667. }
  1668. .button-group .uni-icons {
  1669. margin-right: 10px;
  1670. }
  1671. .history {
  1672. display: flex;
  1673. width: 100%;
  1674. flex-direction: column;
  1675. justify-items: start;
  1676. }
  1677. .history .title {
  1678. padding: 0.625rem;
  1679. font-size: 0.75rem;
  1680. font-weight: 600;
  1681. }
  1682. .history .type {
  1683. padding-right: 0.625rem;
  1684. font-size: 0.75rem;
  1685. }
  1686. .history .code {
  1687. font-weight: 600;
  1688. }
  1689. .history .item {
  1690. padding: 0.625rem;
  1691. font-size: 0.625rem;
  1692. color: #666;
  1693. }
  1694. .history .item .status {
  1695. padding-left: 0.625rem;
  1696. }
  1697. .history .item .fail {
  1698. font-weight: 600;
  1699. color: #f00;
  1700. }
  1701. .history .is-empty {
  1702. text-align: center;
  1703. margin: 40px 0;
  1704. color: #999;
  1705. }