registerDoctor.css 43 KB

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