report.css 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035
  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-d2bffd23], uni-scroll-view[data-v-d2bffd23], uni-swiper-item[data-v-d2bffd23] {
  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-col[data-v-d2bffd23] {
  418. padding: 0;
  419. box-sizing: border-box;
  420. }
  421. .uv-col-0[data-v-d2bffd23] {
  422. width: 0;
  423. }
  424. .uv-col-1[data-v-d2bffd23] {
  425. width: 8.3333333333%;
  426. }
  427. .uv-col-2[data-v-d2bffd23] {
  428. width: 16.6666666667%;
  429. }
  430. .uv-col-3[data-v-d2bffd23] {
  431. width: 25%;
  432. }
  433. .uv-col-4[data-v-d2bffd23] {
  434. width: 33.3333333333%;
  435. }
  436. .uv-col-5[data-v-d2bffd23] {
  437. width: 41.6666666667%;
  438. }
  439. .uv-col-6[data-v-d2bffd23] {
  440. width: 50%;
  441. }
  442. .uv-col-7[data-v-d2bffd23] {
  443. width: 58.3333333333%;
  444. }
  445. .uv-col-8[data-v-d2bffd23] {
  446. width: 66.6666666667%;
  447. }
  448. .uv-col-9[data-v-d2bffd23] {
  449. width: 75%;
  450. }
  451. .uv-col-10[data-v-d2bffd23] {
  452. width: 83.3333333333%;
  453. }
  454. .uv-col-11[data-v-d2bffd23] {
  455. width: 91.6666666667%;
  456. }
  457. .uv-col-12[data-v-d2bffd23] {
  458. width: 100%;
  459. }
  460. /**
  461. * 这里是uni-app内置的常用样式变量
  462. *
  463. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  464. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  465. *
  466. */
  467. /**
  468. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  469. *
  470. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  471. */
  472. /* 颜色变量 */
  473. /* 行为相关颜色 */
  474. /* 文字基本颜色 */
  475. /* 背景颜色 */
  476. /* 边框颜色 */
  477. /* 尺寸变量 */
  478. /* 文字尺寸 */
  479. /* 图片尺寸 */
  480. /* Border Radius */
  481. /* 水平间距 */
  482. /* 垂直间距 */
  483. /* 透明度 */
  484. /* 文章场景相关 */
  485. uni-view[data-v-692ff899], uni-scroll-view[data-v-692ff899], uni-swiper-item[data-v-692ff899] {
  486. display: flex;
  487. flex-direction: column;
  488. flex-shrink: 0;
  489. flex-grow: 0;
  490. flex-basis: auto;
  491. align-items: stretch;
  492. align-content: flex-start;
  493. }
  494. .uv-row[data-v-692ff899] {
  495. display: flex;
  496. flex-direction: row;
  497. }
  498. /**
  499. * 这里是uni-app内置的常用样式变量
  500. *
  501. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  502. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  503. *
  504. */
  505. /**
  506. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  507. *
  508. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  509. */
  510. /* 颜色变量 */
  511. /* 行为相关颜色 */
  512. /* 文字基本颜色 */
  513. /* 背景颜色 */
  514. /* 边框颜色 */
  515. /* 尺寸变量 */
  516. /* 文字尺寸 */
  517. /* 图片尺寸 */
  518. /* Border Radius */
  519. /* 水平间距 */
  520. /* 垂直间距 */
  521. /* 透明度 */
  522. /* 文章场景相关 */
  523. uni-view[data-v-86e87617], uni-scroll-view[data-v-86e87617], uni-swiper-item[data-v-86e87617] {
  524. display: flex;
  525. flex-direction: column;
  526. flex-shrink: 0;
  527. flex-grow: 0;
  528. flex-basis: auto;
  529. align-items: stretch;
  530. align-content: flex-start;
  531. }
  532. .uv-link[data-v-86e87617] {
  533. line-height: 1;
  534. display: flex;
  535. flex-direction: row;
  536. flex-wrap: wrap;
  537. flex: 1;
  538. color: #3c9cff;
  539. }
  540. /**
  541. * 这里是uni-app内置的常用样式变量
  542. *
  543. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  544. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  545. *
  546. */
  547. /**
  548. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  549. *
  550. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  551. */
  552. /* 颜色变量 */
  553. /* 行为相关颜色 */
  554. /* 文字基本颜色 */
  555. /* 背景颜色 */
  556. /* 边框颜色 */
  557. /* 尺寸变量 */
  558. /* 文字尺寸 */
  559. /* 图片尺寸 */
  560. /* Border Radius */
  561. /* 水平间距 */
  562. /* 垂直间距 */
  563. /* 透明度 */
  564. /* 文章场景相关 */
  565. .uv-line-1[data-v-8da47eb3] {
  566. display: -webkit-box !important;
  567. overflow: hidden;
  568. text-overflow: ellipsis;
  569. word-break: break-all;
  570. -webkit-line-clamp: 1;
  571. -webkit-box-orient: vertical !important;
  572. }
  573. .uv-line-2[data-v-8da47eb3] {
  574. display: -webkit-box !important;
  575. overflow: hidden;
  576. text-overflow: ellipsis;
  577. word-break: break-all;
  578. -webkit-line-clamp: 2;
  579. -webkit-box-orient: vertical !important;
  580. }
  581. .uv-line-3[data-v-8da47eb3] {
  582. display: -webkit-box !important;
  583. overflow: hidden;
  584. text-overflow: ellipsis;
  585. word-break: break-all;
  586. -webkit-line-clamp: 3;
  587. -webkit-box-orient: vertical !important;
  588. }
  589. .uv-line-4[data-v-8da47eb3] {
  590. display: -webkit-box !important;
  591. overflow: hidden;
  592. text-overflow: ellipsis;
  593. word-break: break-all;
  594. -webkit-line-clamp: 4;
  595. -webkit-box-orient: vertical !important;
  596. }
  597. .uv-line-5[data-v-8da47eb3] {
  598. display: -webkit-box !important;
  599. overflow: hidden;
  600. text-overflow: ellipsis;
  601. word-break: break-all;
  602. -webkit-line-clamp: 5;
  603. -webkit-box-orient: vertical !important;
  604. }
  605. .uv-reset-button[data-v-8da47eb3] {
  606. padding: 0;
  607. background-color: transparent;
  608. }
  609. .uv-reset-button[data-v-8da47eb3]::after {
  610. border: none;
  611. }
  612. uni-view[data-v-8da47eb3], uni-scroll-view[data-v-8da47eb3], uni-swiper-item[data-v-8da47eb3] {
  613. display: flex;
  614. flex-direction: column;
  615. flex-shrink: 0;
  616. flex-grow: 0;
  617. flex-basis: auto;
  618. align-items: stretch;
  619. align-content: flex-start;
  620. }
  621. .uv-text[data-v-8da47eb3] {
  622. display: flex;
  623. flex-direction: row;
  624. align-items: center;
  625. flex-wrap: nowrap;
  626. flex: 1;
  627. width: 100%;
  628. }
  629. .uv-text__price[data-v-8da47eb3] {
  630. font-size: 14px;
  631. color: #606266;
  632. }
  633. .uv-text__value[data-v-8da47eb3] {
  634. font-size: 14px;
  635. display: flex;
  636. flex-direction: row;
  637. color: #606266;
  638. flex-wrap: wrap;
  639. text-overflow: ellipsis;
  640. align-items: center;
  641. }
  642. .uv-text__value--primary[data-v-8da47eb3] {
  643. color: #3c9cff;
  644. }
  645. .uv-text__value--warning[data-v-8da47eb3] {
  646. color: #f9ae3d;
  647. }
  648. .uv-text__value--success[data-v-8da47eb3] {
  649. color: #5ac725;
  650. }
  651. .uv-text__value--info[data-v-8da47eb3] {
  652. color: #909399;
  653. }
  654. .uv-text__value--error[data-v-8da47eb3] {
  655. color: #f56c6c;
  656. }
  657. .uv-text__value--main[data-v-8da47eb3] {
  658. color: #303133;
  659. }
  660. .uv-text__value--content[data-v-8da47eb3] {
  661. color: #606266;
  662. }
  663. .uv-text__value--tips[data-v-8da47eb3] {
  664. color: #909193;
  665. }
  666. .uv-text__value--light[data-v-8da47eb3] {
  667. color: #c0c4cc;
  668. }
  669. /**
  670. * 这里是uni-app内置的常用样式变量
  671. *
  672. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  673. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  674. *
  675. */
  676. /**
  677. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  678. *
  679. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  680. */
  681. /* 颜色变量 */
  682. /* 行为相关颜色 */
  683. /* 文字基本颜色 */
  684. /* 背景颜色 */
  685. /* 边框颜色 */
  686. /* 尺寸变量 */
  687. /* 文字尺寸 */
  688. /* 图片尺寸 */
  689. /* Border Radius */
  690. /* 水平间距 */
  691. /* 垂直间距 */
  692. /* 透明度 */
  693. /* 文章场景相关 */
  694. uni-view[data-v-91e4945b], uni-scroll-view[data-v-91e4945b], uni-swiper-item[data-v-91e4945b] {
  695. display: flex;
  696. flex-direction: column;
  697. flex-shrink: 0;
  698. flex-grow: 0;
  699. flex-basis: auto;
  700. align-items: stretch;
  701. align-content: flex-start;
  702. }
  703. .uv-badge[data-v-91e4945b] {
  704. border-top-right-radius: 100px;
  705. border-top-left-radius: 100px;
  706. border-bottom-left-radius: 100px;
  707. border-bottom-right-radius: 100px;
  708. display: flex;
  709. flex-direction: row;
  710. line-height: 11px;
  711. text-align: center;
  712. font-size: 11px;
  713. color: #FFFFFF;
  714. }
  715. .uv-badge--dot[data-v-91e4945b] {
  716. height: 8px;
  717. width: 8px;
  718. }
  719. .uv-badge--inverted[data-v-91e4945b] {
  720. font-size: 13px;
  721. }
  722. .uv-badge--not-dot[data-v-91e4945b] {
  723. padding: 2px 5px;
  724. }
  725. .uv-badge--horn[data-v-91e4945b] {
  726. border-bottom-left-radius: 0;
  727. }
  728. .uv-badge--primary[data-v-91e4945b] {
  729. background-color: #3c9cff;
  730. }
  731. .uv-badge--primary--inverted[data-v-91e4945b] {
  732. color: #3c9cff;
  733. }
  734. .uv-badge--error[data-v-91e4945b] {
  735. background-color: #f56c6c;
  736. }
  737. .uv-badge--error--inverted[data-v-91e4945b] {
  738. color: #f56c6c;
  739. }
  740. .uv-badge--success[data-v-91e4945b] {
  741. background-color: #5ac725;
  742. }
  743. .uv-badge--success--inverted[data-v-91e4945b] {
  744. color: #5ac725;
  745. }
  746. .uv-badge--info[data-v-91e4945b] {
  747. background-color: #909399;
  748. }
  749. .uv-badge--info--inverted[data-v-91e4945b] {
  750. color: #909399;
  751. }
  752. .uv-badge--warning[data-v-91e4945b] {
  753. background-color: #f9ae3d;
  754. }
  755. .uv-badge--warning--inverted[data-v-91e4945b] {
  756. color: #f9ae3d;
  757. }
  758. /**
  759. * 这里是uni-app内置的常用样式变量
  760. *
  761. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  762. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  763. *
  764. */
  765. /**
  766. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  767. *
  768. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  769. */
  770. /* 颜色变量 */
  771. /* 行为相关颜色 */
  772. /* 文字基本颜色 */
  773. /* 背景颜色 */
  774. /* 边框颜色 */
  775. /* 尺寸变量 */
  776. /* 文字尺寸 */
  777. /* 图片尺寸 */
  778. /* Border Radius */
  779. /* 水平间距 */
  780. /* 垂直间距 */
  781. /* 透明度 */
  782. /* 文章场景相关 */
  783. uni-view[data-v-fd5fcf14], uni-scroll-view[data-v-fd5fcf14], uni-swiper-item[data-v-fd5fcf14] {
  784. display: flex;
  785. flex-direction: column;
  786. flex-shrink: 0;
  787. flex-grow: 0;
  788. flex-basis: auto;
  789. align-items: stretch;
  790. align-content: flex-start;
  791. }
  792. .uv-tabs__wrapper[data-v-fd5fcf14] {
  793. display: flex;
  794. flex-direction: row;
  795. align-items: center;
  796. }
  797. .uv-tabs__wrapper__scroll-view-wrapper[data-v-fd5fcf14] {
  798. flex: 1;
  799. overflow: auto hidden;
  800. }
  801. .uv-tabs__wrapper__scroll-view[data-v-fd5fcf14] {
  802. display: flex;
  803. flex-direction: row;
  804. flex: 1;
  805. }
  806. .uv-tabs__wrapper__nav[data-v-fd5fcf14] {
  807. display: flex;
  808. flex-direction: row;
  809. position: relative;
  810. }
  811. .uv-tabs__wrapper__nav__item[data-v-fd5fcf14] {
  812. padding: 0 11px;
  813. display: flex;
  814. flex-direction: row;
  815. align-items: center;
  816. justify-content: center;
  817. }
  818. .uv-tabs__wrapper__nav__item--disabled[data-v-fd5fcf14] {
  819. cursor: not-allowed;
  820. }
  821. .uv-tabs__wrapper__nav__item__text[data-v-fd5fcf14] {
  822. color: #606266;
  823. }
  824. .uv-tabs__wrapper__nav__item__text--disabled[data-v-fd5fcf14] {
  825. color: #c8c9cc !important;
  826. }
  827. .uv-tabs__wrapper__nav__line[data-v-fd5fcf14] {
  828. height: 3px;
  829. background: #3c9cff;
  830. width: 30px;
  831. position: absolute;
  832. bottom: 2px;
  833. border-radius: 100px;
  834. transition-property: transform;
  835. transition-duration: 300ms;
  836. }
  837. /**
  838. * 这里是uni-app内置的常用样式变量
  839. *
  840. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  841. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  842. *
  843. */
  844. /**
  845. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  846. *
  847. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  848. */
  849. /* 颜色变量 */
  850. /* 行为相关颜色 */
  851. /* 文字基本颜色 */
  852. /* 背景颜色 */
  853. /* 边框颜色 */
  854. /* 尺寸变量 */
  855. /* 文字尺寸 */
  856. /* 图片尺寸 */
  857. /* Border Radius */
  858. /* 水平间距 */
  859. /* 垂直间距 */
  860. /* 透明度 */
  861. /* 文章场景相关 */
  862. .uv-line[data-v-dcf8cb8f] {
  863. vertical-align: middle;
  864. }
  865. /**
  866. * 这里是uni-app内置的常用样式变量
  867. *
  868. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  869. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  870. *
  871. */
  872. /**
  873. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  874. *
  875. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  876. */
  877. /* 颜色变量 */
  878. /* 行为相关颜色 */
  879. /* 文字基本颜色 */
  880. /* 背景颜色 */
  881. /* 边框颜色 */
  882. /* 尺寸变量 */
  883. /* 文字尺寸 */
  884. /* 图片尺寸 */
  885. /* Border Radius */
  886. /* 水平间距 */
  887. /* 垂直间距 */
  888. /* 透明度 */
  889. /* 文章场景相关 */
  890. uni-view[data-v-8fe9e33e], uni-scroll-view[data-v-8fe9e33e], uni-swiper-item[data-v-8fe9e33e] {
  891. display: flex;
  892. flex-direction: column;
  893. flex-shrink: 0;
  894. flex-grow: 0;
  895. flex-basis: auto;
  896. align-items: stretch;
  897. align-content: flex-start;
  898. }
  899. .uv-image[data-v-8fe9e33e] {
  900. position: relative;
  901. transition: opacity 0.5s ease-in-out;
  902. }
  903. .uv-image__image[data-v-8fe9e33e] {
  904. width: 100%;
  905. height: 100%;
  906. }
  907. .uv-image__loading[data-v-8fe9e33e], .uv-image__error[data-v-8fe9e33e] {
  908. position: absolute;
  909. top: 0px;
  910. left: 0px;
  911. width: 100%;
  912. height: 100%;
  913. display: flex;
  914. flex-direction: row;
  915. align-items: center;
  916. justify-content: center;
  917. background-color: #f3f4f6;
  918. color: #909193;
  919. font-size: 1.4375rem;
  920. }
  921. .page[data-v-11758b78]{
  922. overflow-y: auto;
  923. }
  924. .share_div[data-v-11758b78]{
  925. width: 100%;
  926. border:0.03125rem dotted #797979;
  927. box-sizing: border-box;
  928. padding: 1em;
  929. }
  930. .page[data-v-11758b78]{
  931. overflow-y: auto;
  932. }
  933. .share_div .text[data-v-11758b78]{
  934. font-size: 15px;
  935. align-items:center;
  936. }
  937. .page[data-v-12a8021c]{
  938. overflow-y: auto;
  939. }
  940. .box1[data-v-12a8021c]{
  941. background-color: #fff;
  942. border-radius:0.625rem;
  943. box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.3);
  944. display:flex;
  945. flex-direction:column;
  946. align-items:center;
  947. width: 80%;
  948. padding: 1em;
  949. margin-bottom: 0.9375rem;
  950. }
  951. .box1 .item[data-v-12a8021c]{
  952. margin-bottom: 10px;
  953. }
  954. .advicearea[data-v-12a8021c]{
  955. width:100%;
  956. margin-top:1.09375rem;
  957. margin-bottom:0.46875rem;
  958. }
  959. .advicelabel[data-v-12a8021c]{
  960. width:9.375rem;
  961. height:3.125rem;
  962. font-size:1.25rem;
  963. color:#648EB8;
  964. /* border-radius:50rpx;*/
  965. border-top:0.0625rem double #648eb8;
  966. border-bottom:0.03125rem solid #648EB8;
  967. /* box-shadow: 1px 2px 3px 2px rgba(0, 0, 0, 0.1);*/
  968. display:flex;
  969. justify-content:center;
  970. align-items:center;
  971. }
  972. .diseasetitlestr[data-v-12a8021c]{
  973. width:100%;
  974. display:flex;
  975. justify-content:center;
  976. font-size:1.125rem;
  977. margin-bottom: 0.625rem;
  978. margin-top: 0.9375rem;
  979. color:#993333;
  980. }
  981. .noticearea[data-v-12a8021c]{
  982. width:100%;
  983. margin-top:1.09375rem;
  984. margin-bottom:0.46875rem;
  985. display:flex;
  986. flex-direction: column;
  987. justify-content:center;
  988. }
  989. .noticelabel[data-v-12a8021c]{
  990. width:9.375rem;
  991. height:3.125rem;
  992. font-size:1.25rem;
  993. color:#993333;
  994. /*border-radius:50rpx;*/
  995. border-top:0.0625rem double #993333;
  996. border-bottom:0.03125rem solid #993333;
  997. /* box-shadow: 1px 2px 3px 2px rgba(0, 0, 0, 0.1);*/
  998. display:flex;
  999. justify-content:center;
  1000. align-items:center;
  1001. margin-bottom:0.9375rem;
  1002. }
  1003. .info_div[data-v-12a8021c]{
  1004. width: 90%;
  1005. margin: 0 auto;
  1006. padding-left: 0.3125rem;
  1007. padding-right: 0.3125rem;
  1008. }
  1009. .info_div1[data-v-12a8021c]{
  1010. margin-top:0.3125rem;
  1011. margin-bottom:0.3125rem;
  1012. }
  1013. .report_explain[data-v-12a8021c]{
  1014. margin-bottom: 0.625rem;
  1015. }
  1016. .healthinfolist[data-v-12a8021c]{
  1017. padding-top: 0.3125rem;
  1018. padding-bottom: 0.3125rem;
  1019. }
  1020. .healthinfolist .item[data-v-12a8021c]:first {
  1021. margin-bottom: 0.25rem;
  1022. }
  1023. .healthinfolist .item[data-v-12a8021c] {
  1024. margin-bottom: 0.21875rem;
  1025. }
  1026. .healthinfolist .item[data-v-12a8021c]:last-child {
  1027. margin-bottom: 0.3125rem;
  1028. }
  1029. .healthinfolist .grid[data-v-12a8021c] {
  1030. margin-bottom: 0.25rem;
  1031. }