add.css 30 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147
  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. .uv-overlay[data-v-7303e1aa] {
  27. position: fixed;
  28. top: 0;
  29. left: 0;
  30. width: 100%;
  31. height: 100%;
  32. background-color: rgba(0, 0, 0, 0.7);
  33. }
  34. /**
  35. * 这里是uni-app内置的常用样式变量
  36. *
  37. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  38. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  39. *
  40. */
  41. /**
  42. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  43. *
  44. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  45. */
  46. /* 颜色变量 */
  47. /* 行为相关颜色 */
  48. /* 文字基本颜色 */
  49. /* 背景颜色 */
  50. /* 边框颜色 */
  51. /* 尺寸变量 */
  52. /* 文字尺寸 */
  53. /* 图片尺寸 */
  54. /* Border Radius */
  55. /* 水平间距 */
  56. /* 垂直间距 */
  57. /* 透明度 */
  58. /* 文章场景相关 */
  59. uni-view[data-v-29b619ea], uni-scroll-view[data-v-29b619ea], uni-swiper-item[data-v-29b619ea] {
  60. display: flex;
  61. flex-direction: column;
  62. flex-shrink: 0;
  63. flex-grow: 0;
  64. flex-basis: auto;
  65. align-items: stretch;
  66. align-content: flex-start;
  67. }
  68. .uv-loading-icon[data-v-29b619ea] {
  69. flex-direction: row;
  70. align-items: center;
  71. justify-content: center;
  72. color: #c8c9cc;
  73. }
  74. .uv-loading-icon__text[data-v-29b619ea] {
  75. margin-left: 4px;
  76. color: #606266;
  77. font-size: 14px;
  78. line-height: 20px;
  79. }
  80. .uv-loading-icon__spinner[data-v-29b619ea] {
  81. width: 30px;
  82. height: 30px;
  83. position: relative;
  84. box-sizing: border-box;
  85. max-width: 100%;
  86. max-height: 100%;
  87. animation: uv-rotate-29b619ea 1s linear infinite;
  88. }
  89. .uv-loading-icon__spinner--semicircle[data-v-29b619ea] {
  90. border-width: 2px;
  91. border-color: transparent;
  92. border-top-right-radius: 100px;
  93. border-top-left-radius: 100px;
  94. border-bottom-left-radius: 100px;
  95. border-bottom-right-radius: 100px;
  96. border-style: solid;
  97. }
  98. .uv-loading-icon__spinner--circle[data-v-29b619ea] {
  99. border-top-right-radius: 100px;
  100. border-top-left-radius: 100px;
  101. border-bottom-left-radius: 100px;
  102. border-bottom-right-radius: 100px;
  103. border-width: 2px;
  104. border-top-color: #e5e5e5;
  105. border-right-color: #e5e5e5;
  106. border-bottom-color: #e5e5e5;
  107. border-left-color: #e5e5e5;
  108. border-style: solid;
  109. }
  110. .uv-loading-icon--vertical[data-v-29b619ea] {
  111. flex-direction: column;
  112. }
  113. [data-v-29b619ea]:host {
  114. font-size: 0px;
  115. line-height: 1;
  116. }
  117. .uv-loading-icon__spinner--spinner[data-v-29b619ea] {
  118. animation-timing-function: steps(12);
  119. }
  120. .uv-loading-icon__text[data-v-29b619ea]:empty {
  121. display: none;
  122. }
  123. .uv-loading-icon--vertical .uv-loading-icon__text[data-v-29b619ea] {
  124. margin: 6px 0 0;
  125. color: #606266;
  126. }
  127. .uv-loading-icon__dot[data-v-29b619ea] {
  128. position: absolute;
  129. top: 0;
  130. left: 0;
  131. width: 100%;
  132. height: 100%;
  133. }
  134. .uv-loading-icon__dot[data-v-29b619ea]:before {
  135. display: block;
  136. width: 2px;
  137. height: 25%;
  138. margin: 0 auto;
  139. background-color: currentColor;
  140. border-radius: 40%;
  141. content: " ";
  142. }
  143. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(1) {
  144. transform: rotate(30deg);
  145. opacity: 1;
  146. }
  147. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(2) {
  148. transform: rotate(60deg);
  149. opacity: 0.9375;
  150. }
  151. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(3) {
  152. transform: rotate(90deg);
  153. opacity: 0.875;
  154. }
  155. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(4) {
  156. transform: rotate(120deg);
  157. opacity: 0.8125;
  158. }
  159. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(5) {
  160. transform: rotate(150deg);
  161. opacity: 0.75;
  162. }
  163. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(6) {
  164. transform: rotate(180deg);
  165. opacity: 0.6875;
  166. }
  167. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(7) {
  168. transform: rotate(210deg);
  169. opacity: 0.625;
  170. }
  171. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(8) {
  172. transform: rotate(240deg);
  173. opacity: 0.5625;
  174. }
  175. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(9) {
  176. transform: rotate(270deg);
  177. opacity: 0.5;
  178. }
  179. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(10) {
  180. transform: rotate(300deg);
  181. opacity: 0.4375;
  182. }
  183. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(11) {
  184. transform: rotate(330deg);
  185. opacity: 0.375;
  186. }
  187. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(12) {
  188. transform: rotate(360deg);
  189. opacity: 0.3125;
  190. }
  191. @keyframes uv-rotate-29b619ea {
  192. 0% {
  193. transform: rotate(0deg);
  194. }
  195. to {
  196. transform: rotate(1turn);
  197. }
  198. }
  199. /**
  200. * 这里是uni-app内置的常用样式变量
  201. *
  202. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  203. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  204. *
  205. */
  206. /**
  207. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  208. *
  209. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  210. */
  211. /* 颜色变量 */
  212. /* 行为相关颜色 */
  213. /* 文字基本颜色 */
  214. /* 背景颜色 */
  215. /* 边框颜色 */
  216. /* 尺寸变量 */
  217. /* 文字尺寸 */
  218. /* 图片尺寸 */
  219. /* Border Radius */
  220. /* 水平间距 */
  221. /* 垂直间距 */
  222. /* 透明度 */
  223. /* 文章场景相关 */
  224. uni-view[data-v-b7a6dd5d], uni-scroll-view[data-v-b7a6dd5d], uni-swiper-item[data-v-b7a6dd5d] {
  225. display: flex;
  226. flex-direction: column;
  227. flex-shrink: 0;
  228. flex-grow: 0;
  229. flex-basis: auto;
  230. align-items: stretch;
  231. align-content: flex-start;
  232. }
  233. @font-face {
  234. font-family: "uvicon-iconfont";
  235. src: url("../../assets/uvicons.04d281cc.ttf") format("truetype");
  236. }
  237. .uv-icon[data-v-b7a6dd5d] {
  238. display: flex;
  239. align-items: center;
  240. }
  241. .uv-icon--left[data-v-b7a6dd5d] {
  242. flex-direction: row-reverse;
  243. align-items: center;
  244. }
  245. .uv-icon--right[data-v-b7a6dd5d] {
  246. flex-direction: row;
  247. align-items: center;
  248. }
  249. .uv-icon--top[data-v-b7a6dd5d] {
  250. flex-direction: column-reverse;
  251. justify-content: center;
  252. }
  253. .uv-icon--bottom[data-v-b7a6dd5d] {
  254. flex-direction: column;
  255. justify-content: center;
  256. }
  257. .uv-icon__icon[data-v-b7a6dd5d] {
  258. font-family: uvicon-iconfont;
  259. position: relative;
  260. display: flex;
  261. flex-direction: row;
  262. align-items: center;
  263. }
  264. .uv-icon__icon--primary[data-v-b7a6dd5d] {
  265. color: #3c9cff;
  266. }
  267. .uv-icon__icon--success[data-v-b7a6dd5d] {
  268. color: #5ac725;
  269. }
  270. .uv-icon__icon--error[data-v-b7a6dd5d] {
  271. color: #f56c6c;
  272. }
  273. .uv-icon__icon--warning[data-v-b7a6dd5d] {
  274. color: #f9ae3d;
  275. }
  276. .uv-icon__icon--info[data-v-b7a6dd5d] {
  277. color: #909399;
  278. }
  279. .uv-icon__img[data-v-b7a6dd5d] {
  280. height: auto;
  281. will-change: transform;
  282. }
  283. .uv-icon__label[data-v-b7a6dd5d] {
  284. line-height: 1;
  285. }
  286. /**
  287. * 这里是uni-app内置的常用样式变量
  288. *
  289. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  290. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  291. *
  292. */
  293. /**
  294. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  295. *
  296. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  297. */
  298. /* 颜色变量 */
  299. /* 行为相关颜色 */
  300. /* 文字基本颜色 */
  301. /* 背景颜色 */
  302. /* 边框颜色 */
  303. /* 尺寸变量 */
  304. /* 文字尺寸 */
  305. /* 图片尺寸 */
  306. /* Border Radius */
  307. /* 水平间距 */
  308. /* 垂直间距 */
  309. /* 透明度 */
  310. /* 文章场景相关 */
  311. uni-view[data-v-70f56d7c], uni-scroll-view[data-v-70f56d7c], uni-swiper-item[data-v-70f56d7c] {
  312. display: flex;
  313. flex-direction: column;
  314. flex-shrink: 0;
  315. flex-grow: 0;
  316. flex-basis: auto;
  317. align-items: stretch;
  318. align-content: flex-start;
  319. }
  320. .uv-toast__content[data-v-70f56d7c] {
  321. display: flex;
  322. flex-direction: row;
  323. padding: 12px 20px;
  324. border-radius: 4px;
  325. background-color: #585858;
  326. color: #fff;
  327. align-items: center;
  328. max-width: 18.75rem;
  329. position: relative;
  330. }
  331. .uv-toast__content--loading[data-v-70f56d7c] {
  332. flex-direction: column;
  333. padding: 20px 20px;
  334. }
  335. .uv-toast__content__text[data-v-70f56d7c] {
  336. color: #fff;
  337. font-size: 15px;
  338. line-height: 15px;
  339. }
  340. .uv-toast__content__text--default[data-v-70f56d7c] {
  341. color: #fff;
  342. }
  343. .uv-toast__content__text--error[data-v-70f56d7c] {
  344. color: #f56c6c;
  345. }
  346. .uv-toast__content__text--primary[data-v-70f56d7c] {
  347. color: #3c9cff;
  348. }
  349. .uv-toast__content__text--success[data-v-70f56d7c] {
  350. color: #5ac725;
  351. }
  352. .uv-toast__content__text--warning[data-v-70f56d7c] {
  353. color: #f9ae3d;
  354. }
  355. .uv-type-primary[data-v-70f56d7c] {
  356. color: #3c9cff;
  357. background-color: #ecf5ff;
  358. border-color: #d7eafe;
  359. border-width: 1px;
  360. }
  361. .uv-type-success[data-v-70f56d7c] {
  362. color: #5ac725;
  363. background-color: #dbf1e1;
  364. border-color: #BEF5C8;
  365. border-width: 1px;
  366. }
  367. .uv-type-error[data-v-70f56d7c] {
  368. color: #f56c6c;
  369. background-color: #fef0f0;
  370. border-color: #fde2e2;
  371. border-width: 1px;
  372. }
  373. .uv-type-warning[data-v-70f56d7c] {
  374. color: #f9ae3d;
  375. background-color: #fdf6ec;
  376. border-color: #faecd8;
  377. border-width: 1px;
  378. }
  379. .uv-type-default[data-v-70f56d7c] {
  380. color: #fff;
  381. background-color: #585858;
  382. }
  383. /**
  384. * 这里是uni-app内置的常用样式变量
  385. *
  386. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  387. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  388. *
  389. */
  390. /**
  391. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  392. *
  393. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  394. */
  395. /* 颜色变量 */
  396. /* 行为相关颜色 */
  397. /* 文字基本颜色 */
  398. /* 背景颜色 */
  399. /* 边框颜色 */
  400. /* 尺寸变量 */
  401. /* 文字尺寸 */
  402. /* 图片尺寸 */
  403. /* Border Radius */
  404. /* 水平间距 */
  405. /* 垂直间距 */
  406. /* 透明度 */
  407. /* 文章场景相关 */
  408. uni-view[data-v-86e87617], uni-scroll-view[data-v-86e87617], uni-swiper-item[data-v-86e87617] {
  409. display: flex;
  410. flex-direction: column;
  411. flex-shrink: 0;
  412. flex-grow: 0;
  413. flex-basis: auto;
  414. align-items: stretch;
  415. align-content: flex-start;
  416. }
  417. .uv-link[data-v-86e87617] {
  418. line-height: 1;
  419. display: flex;
  420. flex-direction: row;
  421. flex-wrap: wrap;
  422. flex: 1;
  423. color: #3c9cff;
  424. }
  425. /**
  426. * 这里是uni-app内置的常用样式变量
  427. *
  428. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  429. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  430. *
  431. */
  432. /**
  433. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  434. *
  435. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  436. */
  437. /* 颜色变量 */
  438. /* 行为相关颜色 */
  439. /* 文字基本颜色 */
  440. /* 背景颜色 */
  441. /* 边框颜色 */
  442. /* 尺寸变量 */
  443. /* 文字尺寸 */
  444. /* 图片尺寸 */
  445. /* Border Radius */
  446. /* 水平间距 */
  447. /* 垂直间距 */
  448. /* 透明度 */
  449. /* 文章场景相关 */
  450. .uv-line-1[data-v-8da47eb3] {
  451. display: -webkit-box !important;
  452. overflow: hidden;
  453. text-overflow: ellipsis;
  454. word-break: break-all;
  455. -webkit-line-clamp: 1;
  456. -webkit-box-orient: vertical !important;
  457. }
  458. .uv-line-2[data-v-8da47eb3] {
  459. display: -webkit-box !important;
  460. overflow: hidden;
  461. text-overflow: ellipsis;
  462. word-break: break-all;
  463. -webkit-line-clamp: 2;
  464. -webkit-box-orient: vertical !important;
  465. }
  466. .uv-line-3[data-v-8da47eb3] {
  467. display: -webkit-box !important;
  468. overflow: hidden;
  469. text-overflow: ellipsis;
  470. word-break: break-all;
  471. -webkit-line-clamp: 3;
  472. -webkit-box-orient: vertical !important;
  473. }
  474. .uv-line-4[data-v-8da47eb3] {
  475. display: -webkit-box !important;
  476. overflow: hidden;
  477. text-overflow: ellipsis;
  478. word-break: break-all;
  479. -webkit-line-clamp: 4;
  480. -webkit-box-orient: vertical !important;
  481. }
  482. .uv-line-5[data-v-8da47eb3] {
  483. display: -webkit-box !important;
  484. overflow: hidden;
  485. text-overflow: ellipsis;
  486. word-break: break-all;
  487. -webkit-line-clamp: 5;
  488. -webkit-box-orient: vertical !important;
  489. }
  490. .uv-reset-button[data-v-8da47eb3] {
  491. padding: 0;
  492. background-color: transparent;
  493. }
  494. .uv-reset-button[data-v-8da47eb3]::after {
  495. border: none;
  496. }
  497. uni-view[data-v-8da47eb3], uni-scroll-view[data-v-8da47eb3], uni-swiper-item[data-v-8da47eb3] {
  498. display: flex;
  499. flex-direction: column;
  500. flex-shrink: 0;
  501. flex-grow: 0;
  502. flex-basis: auto;
  503. align-items: stretch;
  504. align-content: flex-start;
  505. }
  506. .uv-text[data-v-8da47eb3] {
  507. display: flex;
  508. flex-direction: row;
  509. align-items: center;
  510. flex-wrap: nowrap;
  511. flex: 1;
  512. width: 100%;
  513. }
  514. .uv-text__price[data-v-8da47eb3] {
  515. font-size: 14px;
  516. color: #606266;
  517. }
  518. .uv-text__value[data-v-8da47eb3] {
  519. font-size: 14px;
  520. display: flex;
  521. flex-direction: row;
  522. color: #606266;
  523. flex-wrap: wrap;
  524. text-overflow: ellipsis;
  525. align-items: center;
  526. }
  527. .uv-text__value--primary[data-v-8da47eb3] {
  528. color: #3c9cff;
  529. }
  530. .uv-text__value--warning[data-v-8da47eb3] {
  531. color: #f9ae3d;
  532. }
  533. .uv-text__value--success[data-v-8da47eb3] {
  534. color: #5ac725;
  535. }
  536. .uv-text__value--info[data-v-8da47eb3] {
  537. color: #909399;
  538. }
  539. .uv-text__value--error[data-v-8da47eb3] {
  540. color: #f56c6c;
  541. }
  542. .uv-text__value--main[data-v-8da47eb3] {
  543. color: #303133;
  544. }
  545. .uv-text__value--content[data-v-8da47eb3] {
  546. color: #606266;
  547. }
  548. .uv-text__value--tips[data-v-8da47eb3] {
  549. color: #909193;
  550. }
  551. .uv-text__value--light[data-v-8da47eb3] {
  552. color: #c0c4cc;
  553. }
  554. /**
  555. * 这里是uni-app内置的常用样式变量
  556. *
  557. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  558. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  559. *
  560. */
  561. /**
  562. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  563. *
  564. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  565. */
  566. /* 颜色变量 */
  567. /* 行为相关颜色 */
  568. /* 文字基本颜色 */
  569. /* 背景颜色 */
  570. /* 边框颜色 */
  571. /* 尺寸变量 */
  572. /* 文字尺寸 */
  573. /* 图片尺寸 */
  574. /* Border Radius */
  575. /* 水平间距 */
  576. /* 垂直间距 */
  577. /* 透明度 */
  578. /* 文章场景相关 */
  579. uni-view[data-v-d2bffd23], uni-scroll-view[data-v-d2bffd23], uni-swiper-item[data-v-d2bffd23] {
  580. display: flex;
  581. flex-direction: column;
  582. flex-shrink: 0;
  583. flex-grow: 0;
  584. flex-basis: auto;
  585. align-items: stretch;
  586. align-content: flex-start;
  587. }
  588. .uv-col[data-v-d2bffd23] {
  589. padding: 0;
  590. box-sizing: border-box;
  591. }
  592. .uv-col-0[data-v-d2bffd23] {
  593. width: 0;
  594. }
  595. .uv-col-1[data-v-d2bffd23] {
  596. width: 8.3333333333%;
  597. }
  598. .uv-col-2[data-v-d2bffd23] {
  599. width: 16.6666666667%;
  600. }
  601. .uv-col-3[data-v-d2bffd23] {
  602. width: 25%;
  603. }
  604. .uv-col-4[data-v-d2bffd23] {
  605. width: 33.3333333333%;
  606. }
  607. .uv-col-5[data-v-d2bffd23] {
  608. width: 41.6666666667%;
  609. }
  610. .uv-col-6[data-v-d2bffd23] {
  611. width: 50%;
  612. }
  613. .uv-col-7[data-v-d2bffd23] {
  614. width: 58.3333333333%;
  615. }
  616. .uv-col-8[data-v-d2bffd23] {
  617. width: 66.6666666667%;
  618. }
  619. .uv-col-9[data-v-d2bffd23] {
  620. width: 75%;
  621. }
  622. .uv-col-10[data-v-d2bffd23] {
  623. width: 83.3333333333%;
  624. }
  625. .uv-col-11[data-v-d2bffd23] {
  626. width: 91.6666666667%;
  627. }
  628. .uv-col-12[data-v-d2bffd23] {
  629. width: 100%;
  630. }
  631. /**
  632. * 这里是uni-app内置的常用样式变量
  633. *
  634. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  635. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  636. *
  637. */
  638. /**
  639. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  640. *
  641. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  642. */
  643. /* 颜色变量 */
  644. /* 行为相关颜色 */
  645. /* 文字基本颜色 */
  646. /* 背景颜色 */
  647. /* 边框颜色 */
  648. /* 尺寸变量 */
  649. /* 文字尺寸 */
  650. /* 图片尺寸 */
  651. /* Border Radius */
  652. /* 水平间距 */
  653. /* 垂直间距 */
  654. /* 透明度 */
  655. /* 文章场景相关 */
  656. uni-view[data-v-8fe9e33e], uni-scroll-view[data-v-8fe9e33e], uni-swiper-item[data-v-8fe9e33e] {
  657. display: flex;
  658. flex-direction: column;
  659. flex-shrink: 0;
  660. flex-grow: 0;
  661. flex-basis: auto;
  662. align-items: stretch;
  663. align-content: flex-start;
  664. }
  665. .uv-image[data-v-8fe9e33e] {
  666. position: relative;
  667. transition: opacity 0.5s ease-in-out;
  668. }
  669. .uv-image__image[data-v-8fe9e33e] {
  670. width: 100%;
  671. height: 100%;
  672. }
  673. .uv-image__loading[data-v-8fe9e33e], .uv-image__error[data-v-8fe9e33e] {
  674. position: absolute;
  675. top: 0px;
  676. left: 0px;
  677. width: 100%;
  678. height: 100%;
  679. display: flex;
  680. flex-direction: row;
  681. align-items: center;
  682. justify-content: center;
  683. background-color: #f3f4f6;
  684. color: #909193;
  685. font-size: 1.4375rem;
  686. }
  687. /**
  688. * 这里是uni-app内置的常用样式变量
  689. *
  690. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  691. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  692. *
  693. */
  694. /**
  695. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  696. *
  697. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  698. */
  699. /* 颜色变量 */
  700. /* 行为相关颜色 */
  701. /* 文字基本颜色 */
  702. /* 背景颜色 */
  703. /* 边框颜色 */
  704. /* 尺寸变量 */
  705. /* 文字尺寸 */
  706. /* 图片尺寸 */
  707. /* Border Radius */
  708. /* 水平间距 */
  709. /* 垂直间距 */
  710. /* 透明度 */
  711. /* 文章场景相关 */
  712. uni-view[data-v-692ff899], uni-scroll-view[data-v-692ff899], uni-swiper-item[data-v-692ff899] {
  713. display: flex;
  714. flex-direction: column;
  715. flex-shrink: 0;
  716. flex-grow: 0;
  717. flex-basis: auto;
  718. align-items: stretch;
  719. align-content: flex-start;
  720. }
  721. .uv-row[data-v-692ff899] {
  722. display: flex;
  723. flex-direction: row;
  724. }
  725. /**
  726. * 这里是uni-app内置的常用样式变量
  727. *
  728. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  729. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  730. *
  731. */
  732. /**
  733. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  734. *
  735. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  736. */
  737. /* 颜色变量 */
  738. /* 行为相关颜色 */
  739. /* 文字基本颜色 */
  740. /* 背景颜色 */
  741. /* 边框颜色 */
  742. /* 尺寸变量 */
  743. /* 文字尺寸 */
  744. /* 图片尺寸 */
  745. /* Border Radius */
  746. /* 水平间距 */
  747. /* 垂直间距 */
  748. /* 透明度 */
  749. /* 文章场景相关 */
  750. .uv-line[data-v-dcf8cb8f] {
  751. vertical-align: middle;
  752. }
  753. /**
  754. * 这里是uni-app内置的常用样式变量
  755. *
  756. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  757. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  758. *
  759. */
  760. /**
  761. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  762. *
  763. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  764. */
  765. /* 颜色变量 */
  766. /* 行为相关颜色 */
  767. /* 文字基本颜色 */
  768. /* 背景颜色 */
  769. /* 边框颜色 */
  770. /* 尺寸变量 */
  771. /* 文字尺寸 */
  772. /* 图片尺寸 */
  773. /* Border Radius */
  774. /* 水平间距 */
  775. /* 垂直间距 */
  776. /* 透明度 */
  777. /* 文章场景相关 */
  778. .uv-border[data-v-651602aa] {
  779. border-width: 0.5px !important;
  780. border-color: #dadbde !important;
  781. border-style: solid;
  782. }
  783. .uv-border-bottom[data-v-651602aa] {
  784. border-bottom-width: 0.5px !important;
  785. border-color: #dadbde !important;
  786. border-bottom-style: solid;
  787. }
  788. uni-view[data-v-651602aa], uni-scroll-view[data-v-651602aa], uni-swiper-item[data-v-651602aa] {
  789. display: flex;
  790. flex-direction: column;
  791. flex-shrink: 0;
  792. flex-grow: 0;
  793. flex-basis: auto;
  794. align-items: stretch;
  795. align-content: flex-start;
  796. }
  797. .uv-input[data-v-651602aa] {
  798. display: flex;
  799. flex-direction: row;
  800. align-items: center;
  801. justify-content: space-between;
  802. flex: 1;
  803. }
  804. .uv-input--radius[data-v-651602aa], .uv-input--square[data-v-651602aa] {
  805. border-radius: 4px;
  806. }
  807. .uv-input--no-radius[data-v-651602aa] {
  808. border-radius: 0;
  809. }
  810. .uv-input--circle[data-v-651602aa] {
  811. border-radius: 100px;
  812. }
  813. .uv-input__content[data-v-651602aa] {
  814. flex: 1;
  815. display: flex;
  816. flex-direction: row;
  817. align-items: center;
  818. justify-content: space-between;
  819. }
  820. .uv-input__content__field-wrapper[data-v-651602aa] {
  821. position: relative;
  822. display: flex;
  823. flex-direction: row;
  824. margin: 0;
  825. flex: 1;
  826. }
  827. .uv-input__content__field-wrapper__field[data-v-651602aa] {
  828. line-height: 26px;
  829. text-align: left;
  830. color: #303133;
  831. height: 24px;
  832. font-size: 15px;
  833. flex: 1;
  834. }
  835. .uv-input__content__clear[data-v-651602aa] {
  836. width: 20px;
  837. height: 20px;
  838. border-radius: 100px;
  839. background-color: #c6c7cb;
  840. display: flex;
  841. flex-direction: row;
  842. align-items: center;
  843. justify-content: center;
  844. transform: scale(0.82);
  845. margin-left: 15px;
  846. }
  847. .uv-input__content__subfix-icon[data-v-651602aa] {
  848. margin-left: 4px;
  849. }
  850. .uv-input__content__prefix-icon[data-v-651602aa] {
  851. margin-right: 4px;
  852. }
  853. /**
  854. * 这里是uni-app内置的常用样式变量
  855. *
  856. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  857. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  858. *
  859. */
  860. /**
  861. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  862. *
  863. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  864. */
  865. /* 颜色变量 */
  866. /* 行为相关颜色 */
  867. /* 文字基本颜色 */
  868. /* 背景颜色 */
  869. /* 边框颜色 */
  870. /* 尺寸变量 */
  871. /* 文字尺寸 */
  872. /* 图片尺寸 */
  873. /* Border Radius */
  874. /* 水平间距 */
  875. /* 垂直间距 */
  876. /* 透明度 */
  877. /* 文章场景相关 */
  878. .uv-reset-button[data-v-ae8e42c7] {
  879. padding: 0;
  880. background-color: transparent;
  881. }
  882. .uv-reset-button[data-v-ae8e42c7]::after {
  883. border: none;
  884. }
  885. uni-view[data-v-ae8e42c7], uni-scroll-view[data-v-ae8e42c7], uni-swiper-item[data-v-ae8e42c7] {
  886. display: flex;
  887. flex-direction: column;
  888. flex-shrink: 0;
  889. flex-grow: 0;
  890. flex-basis: auto;
  891. align-items: stretch;
  892. align-content: flex-start;
  893. }
  894. .uv-button-wrapper[data-v-ae8e42c7] {
  895. position: relative;
  896. }
  897. .uv-button-wrapper--dis[data-v-ae8e42c7] {
  898. position: absolute;
  899. left: 0;
  900. top: 0;
  901. right: 0;
  902. bottom: 0;
  903. z-index: 9;
  904. }
  905. .uv-button[data-v-ae8e42c7] {
  906. width: 100%;
  907. }
  908. .uv-button__text[data-v-ae8e42c7] {
  909. white-space: nowrap;
  910. line-height: 1;
  911. }
  912. .uv-button[data-v-ae8e42c7]:before {
  913. position: absolute;
  914. top: 50%;
  915. left: 50%;
  916. width: 100%;
  917. height: 100%;
  918. border: inherit;
  919. border-radius: inherit;
  920. transform: translate(-50%, -50%);
  921. opacity: 0;
  922. content: " ";
  923. background-color: #000;
  924. border-color: #000;
  925. }
  926. .uv-button--active[data-v-ae8e42c7]:before {
  927. opacity: 0.15;
  928. }
  929. .uv-button__icon + .uv-button__text[data-v-ae8e42c7]:not(:empty), .uv-button__loading-text[data-v-ae8e42c7] {
  930. margin-left: 4px;
  931. }
  932. .uv-button--plain.uv-button--primary[data-v-ae8e42c7] {
  933. color: #3c9cff;
  934. }
  935. .uv-button--plain.uv-button--info[data-v-ae8e42c7] {
  936. color: #909399;
  937. }
  938. .uv-button--plain.uv-button--success[data-v-ae8e42c7] {
  939. color: #5ac725;
  940. }
  941. .uv-button--plain.uv-button--error[data-v-ae8e42c7] {
  942. color: #f56c6c;
  943. }
  944. .uv-button--plain.uv-button--warning[data-v-ae8e42c7] {
  945. color: #f9ae3d;
  946. }
  947. .uv-button[data-v-ae8e42c7] {
  948. height: 40px;
  949. position: relative;
  950. align-items: center;
  951. justify-content: center;
  952. display: flex;
  953. flex-direction: row;
  954. box-sizing: border-box;
  955. flex-direction: row;
  956. }
  957. .uv-button__text[data-v-ae8e42c7] {
  958. font-size: 15px;
  959. }
  960. .uv-button__loading-text[data-v-ae8e42c7] {
  961. font-size: 15px;
  962. margin-left: 4px;
  963. }
  964. .uv-button--large[data-v-ae8e42c7] {
  965. width: 100%;
  966. height: 50px;
  967. padding: 0 15px;
  968. }
  969. .uv-button--normal[data-v-ae8e42c7] {
  970. padding: 0 12px;
  971. font-size: 14px;
  972. }
  973. .uv-button--small[data-v-ae8e42c7] {
  974. min-width: 60px;
  975. height: 30px;
  976. padding: 0px 8px;
  977. font-size: 12px;
  978. }
  979. .uv-button--mini[data-v-ae8e42c7] {
  980. height: 22px;
  981. font-size: 10px;
  982. min-width: 50px;
  983. padding: 0px 8px;
  984. }
  985. .uv-button--disabled[data-v-ae8e42c7] {
  986. opacity: 0.5;
  987. }
  988. .uv-button--info[data-v-ae8e42c7] {
  989. color: #323233;
  990. background-color: #fff;
  991. border-color: #ebedf0;
  992. border-width: 1px;
  993. border-style: solid;
  994. }
  995. .uv-button--success[data-v-ae8e42c7] {
  996. color: #fff;
  997. background-color: #5ac725;
  998. border-color: #5ac725;
  999. border-width: 1px;
  1000. border-style: solid;
  1001. }
  1002. .uv-button--primary[data-v-ae8e42c7] {
  1003. color: #fff;
  1004. background-color: #3c9cff;
  1005. border-color: #3c9cff;
  1006. border-width: 1px;
  1007. border-style: solid;
  1008. }
  1009. .uv-button--error[data-v-ae8e42c7] {
  1010. color: #fff;
  1011. background-color: #f56c6c;
  1012. border-color: #f56c6c;
  1013. border-width: 1px;
  1014. border-style: solid;
  1015. }
  1016. .uv-button--warning[data-v-ae8e42c7] {
  1017. color: #fff;
  1018. background-color: #f9ae3d;
  1019. border-color: #f9ae3d;
  1020. border-width: 1px;
  1021. border-style: solid;
  1022. }
  1023. .uv-button--block[data-v-ae8e42c7] {
  1024. display: flex;
  1025. flex-direction: row;
  1026. width: 100%;
  1027. }
  1028. .uv-button--circle[data-v-ae8e42c7] {
  1029. border-top-right-radius: 100px;
  1030. border-top-left-radius: 100px;
  1031. border-bottom-left-radius: 100px;
  1032. border-bottom-right-radius: 100px;
  1033. }
  1034. .uv-button--square[data-v-ae8e42c7] {
  1035. border-bottom-left-radius: 3px;
  1036. border-bottom-right-radius: 3px;
  1037. border-top-left-radius: 3px;
  1038. border-top-right-radius: 3px;
  1039. }
  1040. .uv-button__icon[data-v-ae8e42c7] {
  1041. min-width: 1em;
  1042. line-height: inherit !important;
  1043. vertical-align: top;
  1044. }
  1045. .uv-button--plain[data-v-ae8e42c7] {
  1046. background-color: #fff;
  1047. }
  1048. .uv-button--hairline[data-v-ae8e42c7] {
  1049. border-width: 0.5px !important;
  1050. }
  1051. body[data-v-154867a4]{
  1052. }
  1053. .firsttitle[data-v-154867a4]{
  1054. font-size:1.4375rem;
  1055. line-height:1.5625rem;
  1056. font-weight:700;
  1057. }
  1058. .title_2[data-v-154867a4]{
  1059. margin-top:0.46875rem;
  1060. font-size:1.125rem;
  1061. font-weight:400;
  1062. color:#666666
  1063. }
  1064. .titlearea[data-v-154867a4]{
  1065. height:12.5rem;
  1066. display:flex;
  1067. flex-direction:column;
  1068. justify-content: center;
  1069. align-items:center;
  1070. }
  1071. .memberarea[data-v-154867a4]{
  1072. width:100%;
  1073. display:flex;
  1074. flex-direction:column;
  1075. align-items:center;
  1076. }
  1077. .parentarea[data-v-154867a4]{
  1078. width:80%;
  1079. border-radius:0.46875rem;
  1080. margin-top:0.3125rem;
  1081. margin-bottom:0.3125rem;
  1082. box-shadow:1px 2px 3px 2px rgba(0, 0, 0, 0.3);
  1083. padding: 0.5em;
  1084. }
  1085. .addbtn[data-v-154867a4]{
  1086. width:3.125rem;
  1087. height:1.5625rem;
  1088. border-radius:0.78125rem;
  1089. margin-top:0.3125rem;
  1090. margin-bottom:0.3125rem;
  1091. font-size:0.78125rem;
  1092. color:#47689D;
  1093. border:0.03125rem solid #47689d;
  1094. display:flex;
  1095. justify-content:center;
  1096. align-items:center;
  1097. }
  1098. .paretareabutton_select[data-v-154867a4]{
  1099. width:3.125rem;
  1100. height:1.5625rem;
  1101. border-radius:0.78125rem;
  1102. margin-top:0.3125rem;
  1103. margin-bottom:0.3125rem;
  1104. font-size:0.78125rem;
  1105. color:#FFF;
  1106. border:0.03125rem solid #47689d;
  1107. background:#47689D;
  1108. /*background-color:rgba(245, 154, 35, 1);*/
  1109. display:flex;
  1110. justify-content:center;
  1111. align-items:center;
  1112. }
  1113. .othermember[data-v-154867a4]{
  1114. margin-top:0.625rem;
  1115. width:100%;
  1116. display:flex;
  1117. justify-content:center;
  1118. align-items:center;
  1119. }
  1120. .othermember .show_view[data-v-154867a4]{
  1121. width:80%;
  1122. height:1.5625rem;
  1123. border:0.0625rem solid rgba(100, 142, 184, 1);
  1124. text-align: center;
  1125. padding: 0.5em;
  1126. color: rgba(100, 142, 184, 1);
  1127. }
  1128. .memberarea2[data-v-154867a4]{
  1129. display:flex;
  1130. flex-direction:column;
  1131. align-items:center;
  1132. }
  1133. .memberarea2 .item[data-v-154867a4]{
  1134. width: 80%;
  1135. padding: 1em;
  1136. }
  1137. .selectarea[data-v-154867a4]{
  1138. margin-top: 0.3125rem;
  1139. }
  1140. .buttonarea[data-v-154867a4]{
  1141. margin-top:1.5625rem;
  1142. margin-bottom: 5rem;
  1143. display:flex;
  1144. justify-content:center;
  1145. align-items:center;
  1146. }