index.ttss 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
  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. .test-result-warp.data-v-1d4e5843 {
  27. max-width: 750rpx;
  28. height: 100%;
  29. box-sizing: border-box;
  30. background-image: linear-gradient(#A9EBFF, #FFFFFF);
  31. }
  32. .test-result-inner.data-v-1d4e5843 {
  33. width: 100%;
  34. overflow: hidden;
  35. overflow-y: scroll;
  36. box-sizing: border-box;
  37. padding: 0 20px;
  38. }
  39. .test-result-inner .test-result-content.data-v-1d4e5843 {
  40. width: 100%;
  41. background: #FFFFFF;
  42. box-sizing: border-box;
  43. padding: 18px 18px 0;
  44. border-radius: 18px 18px 0 0;
  45. margin-top: 15px;
  46. }
  47. .test-result-inner .test-result-content .target-content.data-v-1d4e5843 {
  48. margin-bottom: 18px;
  49. }
  50. .report-tip.data-v-1d4e5843 {
  51. width: 100%;
  52. margin-top: 20px;
  53. }
  54. .tip-title.data-v-1d4e5843 {
  55. width: 100px;
  56. height: 35px;
  57. font-size: 15px;
  58. font-family: PingFang SC;
  59. font-weight: 500;
  60. color: #000;
  61. line-height: 35px;
  62. text-align: left;
  63. }
  64. .tip-desc.data-v-1d4e5843 {
  65. box-sizing: border-box;
  66. font-size: 12px;
  67. font-family: PingFang SC;
  68. color: #A3A3A3;
  69. line-height: 25px;
  70. padding-left: 0px;
  71. }
  72. .tip-content.data-v-1d4e5843 {
  73. box-sizing: border-box;
  74. font-size: 12px;
  75. font-family: PingFang SC;
  76. color: #575757;
  77. line-height: 25px;
  78. display: list-item;
  79. list-style-type: disc;
  80. margin-left: 5px;
  81. }
  82. /* .container {
  83. width: 750px;
  84. height: 320px;
  85. background-color: aquamarine;
  86. } */
  87. .total-score-progress-content.data-v-1d4e5843 {
  88. margin-bottom: 20px;
  89. }
  90. .total-score-progress-content .test-result-first-floor.data-v-1d4e5843 {
  91. display: flex;
  92. flex-direction: row;
  93. justify-content: space-between;
  94. align-items: center;
  95. }
  96. .total-score-progress-content .test-result-first-floor .scale-name.data-v-1d4e5843 {
  97. font-size: 18px;
  98. font-family: PingFang SC-Regular, PingFang SC;
  99. font-weight: 600;
  100. color: #FFAC41;
  101. line-height: 40px;
  102. }
  103. .total-score-progress-content .test-result-first-floor .test-time.data-v-1d4e5843 {
  104. font-size: 16px;
  105. font-family: PingFang SC-Regular, PingFang SC;
  106. color: rgba(65, 65, 65, 0.49);
  107. line-height: 20px;
  108. }
  109. .table-title.data-v-1d4e5843 {
  110. width: 76px;
  111. height: 24px;
  112. font-size: 18px;
  113. font-family: PingFang SC;
  114. font-weight: 500;
  115. line-height: 24px;
  116. text-indent: 12px;
  117. color: #fff;
  118. text-align: left;
  119. background: #FF6A97;
  120. border-radius: 0 36px 36px 0;
  121. margin: 25px 0;
  122. }
  123. .radar-title.data-v-1d4e5843 {
  124. width: 106px;
  125. height: 24px;
  126. font-size: 18px;
  127. font-family: PingFang SC;
  128. font-weight: 500;
  129. line-height: 24px;
  130. text-indent: 12px;
  131. color: #fff;
  132. text-align: left;
  133. background: #2CC5F2;
  134. border-radius: 0 36px 36px 0;
  135. margin: 25px 0;
  136. }
  137. .total-score-progress-width.data-v-1d4e5843 {
  138. width: 80%;
  139. }
  140. .total-score-progress.data-v-1d4e5843 {
  141. font-size: 40px;
  142. font-weight: bold;
  143. width: 120px;
  144. }
  145. .total-score-progress-test.data-v-1d4e5843 {
  146. font-size: 32px;
  147. }
  148. .demo-layout-bg-purple-light.data-v-1d4e5843 {
  149. display: flex;
  150. padding: 0 40px;
  151. }
  152. .demo-layout-bg-purple.data-v-1d4e5843 {
  153. width: 200px;
  154. height: 200px;
  155. }
  156. .demo-layout-bg-purple image.data-v-1d4e5843 {
  157. width: 100%;
  158. height: 100%;
  159. }
  160. .custom-style-list.data-v-1d4e5843 {
  161. width: 100%;
  162. margin: 0 auto;
  163. }
  164. .b-b.data-v-1d4e5843 {
  165. border: 1px solid #f5f5f5;
  166. }
  167. .b-d.data-v-1d4e5843 {
  168. border-right: 1px solid #f5f5f5;
  169. }
  170. .custom-style-list-left.data-v-1d4e5843 {
  171. text-align: left;
  172. }
  173. .custom-style-list-right.data-v-1d4e5843 {
  174. text-align: center;
  175. }
  176. .padding20.data-v-1d4e5843 {
  177. margin-top: 20px;
  178. }
  179. .textIndent.data-v-1d4e5843 {
  180. text-indent: 33px;
  181. }
  182. .content_app11.data-v-1d4e5843 {
  183. width: 210px !important;
  184. height: 91px !important;
  185. }
  186. .data-v-1d4e5843 .u-button--mini {
  187. height: 90px !important;
  188. width: 210px !important;
  189. }
  190. .over-style.data-v-1d4e5843 {
  191. width: 106px;
  192. height: 24px;
  193. font-size: 18px;
  194. font-family: PingFang SC;
  195. font-weight: 500;
  196. line-height: 24px;
  197. text-indent: 12px;
  198. color: #fff;
  199. text-align: left;
  200. background: #FF9B6E;
  201. border-radius: 0 36px 36px 0;
  202. margin: 25px 0;
  203. }
  204. .dimension-warp.data-v-1d4e5843 {
  205. width: 100%;
  206. margin-top: 20px;
  207. }
  208. .dimension-name.data-v-1d4e5843 {
  209. height: 20px;
  210. line-height: 20px;
  211. font-size: 16px;
  212. font-family: PingFang SC-Regular, PingFang SC;
  213. color: #E8B643;
  214. border-left: 6px solid #E8B643;
  215. padding-left: 13px;
  216. }
  217. .dimension-content.data-v-1d4e5843 {
  218. width: 100%;
  219. box-sizing: border-box;
  220. padding: 10px 6px;
  221. background: #F6F5F5;
  222. border-radius: 8px;
  223. margin-top: 20px;
  224. font-size: 14px;
  225. font-family: PingFang SC-Regular, PingFang SC;
  226. color: #505050;
  227. }
  228. .dimension-content .dimension-item.data-v-1d4e5843 {
  229. display: flex;
  230. flex-direction: row;
  231. justify-content: flex-start;
  232. line-height: 24px;
  233. }
  234. .dimension-content .dimension-item .dimension-item-title.data-v-1d4e5843 {
  235. width: 25%;
  236. height: 20px;
  237. font-weight: bold;
  238. text-align: justify;
  239. text-justify: distribute-all-lines;
  240. }
  241. .dimension-content .dimension-item .dimension-item-title.data-v-1d4e5843::after {
  242. width: 100%;
  243. display: inline-block;
  244. content: "";
  245. }
  246. .dimension-content .dimension-item .dimension-item-mh.data-v-1d4e5843 {
  247. width: 20px;
  248. font-weight: bold;
  249. }
  250. .dimension-content .dimension-item .dimension-item-desc.data-v-1d4e5843 {
  251. width: calc(75% - 20px);
  252. }
  253. .analysis-title.data-v-1d4e5843 {
  254. font-size: 26px;
  255. font-family: PingFang SC-Heavy, PingFang SC;
  256. font-weight: 800;
  257. color: #575757;
  258. line-height: 50px;
  259. }
  260. .analysis-desc.data-v-1d4e5843 {
  261. font-size: 24px;
  262. font-family: PingFang SC-Regular, PingFang SC;
  263. font-weight: 400;
  264. color: #575757;
  265. line-height: 45px;
  266. }
  267. .operate_wrap.data-v-1d4e5843 {
  268. display: flex;
  269. width: 710px;
  270. padding: 60px 0;
  271. margin: 0 auto;
  272. justify-content: space-around;
  273. align-items: flex-start;
  274. }
  275. .operate_wrap image.data-v-1d4e5843 {
  276. width: 80px;
  277. }
  278. .operate_item.data-v-1d4e5843 {
  279. display: flex;
  280. flex-direction: row;
  281. justify-content: center;
  282. align-items: center;
  283. position: relative;
  284. }
  285. .operate_item .like-num.data-v-1d4e5843,
  286. .operate_item .not-like-num.data-v-1d4e5843,
  287. .operate_item .comment-num.data-v-1d4e5843 {
  288. font-size: 22px;
  289. font-family: PingFang SC-Bold, PingFang SC;
  290. color: #04919B;
  291. margin-left: 10px;
  292. }
  293. .operate_item_img.data-v-1d4e5843 {
  294. width: 80px;
  295. height: 80px;
  296. }
  297. .operate_item.data-v-1d4e5843:active {
  298. opacity: 0.8;
  299. }
  300. .comment.data-v-1d4e5843 {
  301. width: 100%;
  302. background: #FFFFFF;
  303. opacity: 1;
  304. margin: 34px auto;
  305. }
  306. .comment_top.data-v-1d4e5843 {
  307. display: flex;
  308. flex-direction: row;
  309. justify-content: space-between;
  310. align-items: center;
  311. margin-bottom: 20px;
  312. }
  313. .comment_title.data-v-1d4e5843 {
  314. font-size: 30px;
  315. font-family: PingFang SC-Heavy, PingFang SC;
  316. font-weight: 800;
  317. color: #04919B;
  318. }
  319. .comment_more.data-v-1d4e5843 {
  320. font-size: 22px;
  321. font-family: PingFang SC-Regular, PingFang SC;
  322. color: #04919B;
  323. }
  324. .swiper.data-v-1d4e5843 {
  325. height: 410px;
  326. border-radius: 20px;
  327. }
  328. .swiper-item.data-v-1d4e5843 {
  329. box-sizing: border-box;
  330. min-height: 180px;
  331. margin-right: 16px;
  332. justify-content: center;
  333. align-items: center;
  334. border-radius: 36px 36px 36px 36px;
  335. background: #EEFDFE;
  336. opacity: 1;
  337. overflow: hidden;
  338. }
  339. .swiper-item_image.data-v-1d4e5843 {
  340. width: 54px;
  341. height: 54px;
  342. border-radius: 50%;
  343. }
  344. .swiper-item_right.data-v-1d4e5843 {
  345. min-width: 60%;
  346. font-size: 26px;
  347. font-family: PingFang SC-Heavy, PingFang SC;
  348. font-weight: 800;
  349. color: #575757;
  350. margin-left: 20px;
  351. text-align: left;
  352. }
  353. .swiper-item_right text.data-v-1d4e5843 {
  354. font-size: 22px;
  355. font-family: PingFang SC-Regular, PingFang SC;
  356. font-weight: 400;
  357. color: rgba(65, 65, 65, 0.49);
  358. line-height: 48px;
  359. overflow: hidden;
  360. text-overflow: ellipsis;
  361. display: -webkit-box;
  362. -webkit-box-orient: vertical;
  363. -webkit-line-clamp: 2;
  364. }
  365. .swiper-item_end.data-v-1d4e5843 {
  366. font-size: 22px;
  367. font-family: PingFang SC-Regular, PingFang SC;
  368. font-weight: 400;
  369. color: rgba(65, 65, 65, 0.49);
  370. line-height: 48px;
  371. }
  372. .comment > > > .uni-list.data-v-1d4e5843 {
  373. width: 98%;
  374. }
  375. .comment > > > .uni-list .uni-list-item.data-v-1d4e5843:nth-child(1) {
  376. margin-bottom: 10px;
  377. }
  378. .comment > > > .uni-list-item.data-v-1d4e5843 {
  379. background: #EEFDFE;
  380. border-radius: 36px;
  381. }
  382. .comment > > > .uni-list-chat.data-v-1d4e5843 {
  383. background-color: #EEFDFE;
  384. margin-top: 20px;
  385. }
  386. .slot-title.data-v-1d4e5843 {
  387. width: 90%;
  388. margin-left: 15px;
  389. font-size: 28px;
  390. font-family: PingFang SC-Regular, PingFang SC;
  391. font-weight: 400;
  392. color: #1B90B2;
  393. }
  394. .slot-text.data-v-1d4e5843 {
  395. margin-left: 15px;
  396. font-size: 22px;
  397. font-family: PingFang SC-Regular, PingFang SC;
  398. font-weight: 400;
  399. color: #575757;
  400. line-height: 48px;
  401. }
  402. .slot-desc.data-v-1d4e5843 {
  403. margin-top: 6px;
  404. margin-left: 15px;
  405. font-size: 22px;
  406. font-family: PingFang SC-Regular, PingFang SC;
  407. color: #FFAC41;
  408. }
  409. .slot-desc .slot-desc-tag.data-v-1d4e5843 {
  410. margin-right: 14px;
  411. }
  412. .slot-desc .slot-desc-num.data-v-1d4e5843 {
  413. opacity: 0.49;
  414. color: #414141;
  415. }
  416. .btn-content.data-v-1d4e5843 {
  417. width: 100%;
  418. display: flex;
  419. flex-direction: row;
  420. justify-content: space-around;
  421. align-items: center;
  422. padding: 30px 0 60px;
  423. }