index.wxss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. @charset "UTF-8";
  2. /**
  3. * uni-app内置的常用样式变量
  4. */
  5. /* 行为相关颜色 */
  6. /* 文字基本颜色 */
  7. /* 背景颜色 */
  8. /* 边框颜色 */
  9. /* 尺寸变量 */
  10. /* 文字尺寸 */
  11. /* 图片尺寸 */
  12. /* Border Radius */
  13. /* 水平间距 */
  14. /* 垂直间距 */
  15. /* 透明度 */
  16. /* 文章场景相关 */
  17. .work_top.data-v-51b5538d {
  18. display: flex;
  19. align-items: center;
  20. font-size: 30rpx;
  21. font-weight: 500;
  22. color: #4775EA;
  23. padding: 0 10rpx;
  24. }
  25. .work_top image.data-v-51b5538d {
  26. width: 30rpx;
  27. height: 30rpx;
  28. margin-right: 14rpx;
  29. flex: 0 0 auto;
  30. }
  31. .work.data-v-51b5538d {
  32. display: flex;
  33. flex-direction: column;
  34. overflow: hidden;
  35. }
  36. .work .w_top.data-v-51b5538d {
  37. background-color: #ffffff;
  38. }
  39. .work .w_top .tab.data-v-51b5538d {
  40. border-bottom: 2rpx solid #E6E6E6;
  41. display: flex;
  42. overflow-x: auto;
  43. align-items: center;
  44. position: relative;
  45. }
  46. .work .w_top .tab .tabl.data-v-51b5538d {
  47. flex: 1;
  48. overflow: auto;
  49. display: flex;
  50. align-items: center;
  51. }
  52. .work .w_top .tab .tit.data-v-51b5538d {
  53. position: relative;
  54. padding: 32rpx 36rpx;
  55. color: #666666;
  56. flex: 0 0 auto;
  57. }
  58. .work .w_top .tab .tit.act .tits.data-v-51b5538d {
  59. font-size: 32rpx;
  60. font-weight: bold;
  61. }
  62. .work .w_top .tab .tit.act .line.data-v-51b5538d {
  63. display: block;
  64. }
  65. .work .w_top .tab .line.data-v-51b5538d {
  66. width: 40rpx;
  67. height: 12rpx;
  68. position: absolute;
  69. left: 50%;
  70. margin-left: -20rpx;
  71. bottom: 16rpx;
  72. display: none;
  73. }
  74. .work .w_top .tab .curbox.data-v-51b5538d {
  75. min-width: 96rpx;
  76. height: 100rpx;
  77. background: #FFFFFF;
  78. box-shadow: -10rpx 0px 10rpx 0px rgba(196, 191, 191, 0.22);
  79. flex: 0;
  80. flex: 0 0 auto;
  81. padding: 0 8rpx;
  82. box-sizing: border-box;
  83. display: flex;
  84. align-items: center;
  85. justify-content: center;
  86. flex-wrap: wrap;
  87. flex-direction: column;
  88. }
  89. .work .w_top .tab .curbox image.data-v-51b5538d {
  90. width: 30rpx;
  91. height: 32rpx;
  92. }
  93. .work .w_top .box .tit.data-v-51b5538d {
  94. text-align: center;
  95. line-height: 100rpx;
  96. color: #666666;
  97. display: flex;
  98. justify-content: center;
  99. align-items: center;
  100. }
  101. .work .w_top .box .tit .cirt.data-v-51b5538d {
  102. width: 12rpx;
  103. height: 12rpx;
  104. background: #EB5663;
  105. border-radius: 50%;
  106. margin: -24rpx 0 0 -6rpx;
  107. }
  108. .work .w_top .box .tit.act.data-v-51b5538d {
  109. font-weight: bold;
  110. color: #4775EA;
  111. }
  112. .work .workbox.data-v-51b5538d {
  113. overflow: auto;
  114. }
  115. .work .workbox .workboxr.data-v-51b5538d {
  116. height: 100%;
  117. display: flex;
  118. }
  119. .work .workbox .scroll-view.data-v-51b5538d {
  120. width: 100%;
  121. height: 100%;
  122. box-sizing: border-box;
  123. }