carslider.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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. position: absolute;
  35. left:20rpx;
  36. top:0rpx;
  37. text-align: center;
  38. }
  39. .slider_control_vd{
  40. margin-top:5rpx;
  41. padding: 0rpx 5rpx;
  42. line-height: 30rpx;
  43. height: 30rpx;
  44. border-radius: 6rpx;
  45. background-color: #ffe600;
  46. font-size: 18rpx;
  47. font-family: PingFangSC-Regular,NotoSansHans-DemiLight;
  48. white-space: nowrap;
  49. color: rgba(56, 55, 53, 1);
  50. margin-left:-56%;
  51. width: 100%;
  52. }
  53. .slider_control_vb{
  54. position: absolute;
  55. top:27rpx;
  56. left:12rpx;
  57. border-top:22rpx solid #ffe600;
  58. border-left:10rpx solid transparent;
  59. border-right:10rpx solid transparent;
  60. }
  61. .slider_control_b image{
  62. width:40rpx;
  63. height: 40rpx;
  64. position: absolute;
  65. bottom: 0rpx;
  66. }
  67. .carslider_er{
  68. margin-top:54rpx;
  69. }
  70. .space_box{
  71. display: flex;
  72. justify-content:space-between;
  73. margin:0px 45rpx;
  74. height: 30rpx;
  75. line-height: 30rpx;
  76. color: rgba(56, 55, 53, 1);
  77. font-size: 20rpx;
  78. }