carslider.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /* components/carslider.wxss */
  2. .carslider_content_c{
  3. height: 140rpx;
  4. position: relative;
  5. overflow: hidden;
  6. }
  7. .slider_line_b{
  8. height: 110rpx;
  9. width: 660rpx;
  10. margin:0px auto;
  11. position: relative;
  12. }
  13. .slider_line_el{
  14. position: absolute;
  15. top:64rpx;
  16. left:0rpx;
  17. width:100%;
  18. height: 4rpx;
  19. background-color: white;
  20. }
  21. .slider_line_sl{
  22. height: 100%;
  23. background-color:#FFD800;
  24. position: relative;
  25. }
  26. .slider_control_b{
  27. width:40rpx;
  28. height: 90rpx;
  29. position: absolute;
  30. top:-66rpx;
  31. right:-20rpx;
  32. }
  33. .slider_control_v{
  34. height: 20rpx;
  35. line-height: 20rpx;
  36. position: absolute;
  37. top:0rpx;
  38. background-color: #ffe600;
  39. padding: 5rpx;
  40. color: rgba(56, 55, 53, 1);
  41. font-size: 18rpx;
  42. font-family: PingFangSC-Regular,NotoSansHans-DemiLight;
  43. white-space: nowrap;
  44. border-radius: 6rpx;
  45. }
  46. .slider_control_vb{
  47. content: "";
  48. position: absolute;
  49. top:22rpx;
  50. left:10rpx;
  51. border-top:22rpx solid #ffe600;
  52. border-left:10rpx solid transparent;
  53. border-right:10rpx solid transparent;
  54. }
  55. .slider_control_b image{
  56. width:40rpx;
  57. height: 40rpx;
  58. position: absolute;
  59. bottom: 0rpx;
  60. }
  61. .carslider_er{
  62. margin-top:54rpx;
  63. }
  64. .space_box{
  65. display: flex;
  66. justify-content:space-between;
  67. margin:0px 45rpx;
  68. height: 30rpx;
  69. line-height: 30rpx;
  70. color: rgba(56, 55, 53, 1);
  71. font-size: 20rpx;
  72. }