servantList.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .servant-list-page{
  2. padding:16rpx 28rpx 0;
  3. }
  4. .servant-item{
  5. background: #fff;
  6. border-radius:10rpx;
  7. display: flex;
  8. height:256rpx;
  9. margin:0 0 16rpx;
  10. }
  11. .servant-item-left{
  12. padding:12rpx 30rpx 12rpx 14rpx;
  13. }
  14. .servant-img{
  15. width:152rpx;
  16. height:202rpx;
  17. border-radius: 10rpx;
  18. background: #CDEFFF;
  19. }
  20. .servant-item-right{
  21. padding:0 0 16rpx;
  22. flex:1;
  23. }
  24. .servant-top{
  25. display: flex;
  26. justify-content: space-between;
  27. height: 52rpx;
  28. }
  29. .servant-name{
  30. padding:16rpx 0 0;
  31. font-size: 30rpx;
  32. font-weight: bold;
  33. }
  34. .more-info{
  35. width:200rpx;
  36. height: 40rpx;
  37. background: #09AFFF;
  38. border-radius: 0 10rpx 0 10rpx;
  39. color:#fff;
  40. font-size: 24rpx;
  41. line-height: 24rpx;
  42. display: flex;
  43. align-items: center;
  44. justify-content: center;
  45. }
  46. .servant-main{
  47. margin:14rpx 0 42rpx 0;
  48. height: 28rpx;
  49. line-height: 26rpx;
  50. font-size: 24rpx;
  51. display: flex;
  52. align-items: center;
  53. }
  54. .servant-age{
  55. padding:0 24rpx 0 0;
  56. margin:0 24rpx 0 0;
  57. border-right: 2rpx solid #2a2a2a;
  58. }
  59. .skill-certificate{
  60. text-overflow: -o-ellipsis-lastline;
  61. overflow: hidden;
  62. text-overflow: ellipsis;
  63. display: -webkit-box;
  64. -webkit-line-clamp: 2;
  65. line-clamp: 2;
  66. -webkit-box-orient: vertical;
  67. font-size: 20rpx;
  68. width:480rpx;
  69. line-height: 30rpx;
  70. height: 60rpx;
  71. }
  72. .servant-skill{
  73. white-space: nowrap;
  74. text-overflow: ellipsis;
  75. overflow: hidden;
  76. word-break: break-all;
  77. width:480rpx;
  78. font-size: 20rpx;
  79. line-height: 30rpx;
  80. }