my_apply.acss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .search{
  2. background-color: #f1f1f1;
  3. border-radius: 10rpx;
  4. width: 90%;
  5. margin: 0 auto;
  6. padding:6rpx 10rpx;
  7. }
  8. .search input{
  9. background-color: #f1f1f1;
  10. font-size: 26rpx;
  11. }
  12. .search image{
  13. width: 30rpx;
  14. height: 30rpx;
  15. margin-left: 10rpx;
  16. }
  17. .header{
  18. background: #fff;
  19. padding: 28rpx;
  20. padding-bottom: 0rpx;
  21. position: sticky;
  22. top: 0;
  23. }
  24. .selectItems{
  25. margin-top: 20rpx;
  26. }
  27. .selectItems .selectImg{
  28. border-left: 1px solid #f1f1f1;
  29. padding: 0 20rpx;
  30. }
  31. .selectImg image{
  32. width: 30rpx;
  33. height: 30rpx;
  34. }
  35. .selectItems .flex-1{
  36. padding: 20rpx 0;
  37. text-align: center;
  38. font-size: 24rpx;
  39. position: relative;
  40. }
  41. .selectItems .active::before{
  42. position: absolute;
  43. content: " ";
  44. height: 4rpx;
  45. width: 100rpx;
  46. background: #26A2FF;
  47. bottom: 0rpx;
  48. left: 50%;
  49. margin-left: -50rpx;
  50. }
  51. .main{
  52. background: #fff;
  53. }
  54. .li{
  55. padding: 24rpx 32rpx;
  56. }
  57. .main-right .name{
  58. font-size: 32rpx;
  59. margin-bottom: 10rpx;
  60. }
  61. .main-right .context{
  62. overflow : hidden;
  63. text-overflow: ellipsis;
  64. display: -webkit-box;
  65. -webkit-line-clamp: 2;
  66. font-size: 24rpx;
  67. -webkit-box-orient: vertical;
  68. padding: 10rpx 0;
  69. }
  70. .main-right .date{
  71. font-size: 24rpx;
  72. color: #909399;
  73. }
  74. .main-right text{
  75. color: #26A2FF;
  76. font-size: 28rpx;
  77. }
  78. .main-right text:nth-child(1){
  79. margin-right: 20rpx;
  80. }
  81. .index{
  82. border-radius: 6rpx;
  83. background:rgba(245, 108, 108, 0.1);
  84. color: #F56C6C;
  85. font-size: 20rpx;
  86. padding: 0 6rpx;
  87. }
  88. .scroll {
  89. height: calc(100vh - 225rpx);
  90. }