my_apply.acss 1.4 KB

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