1. <section class="h_custom_data wyj_zdy_wrap" templetid="0329100754" data-title="公共样式-v20220329" edit-time="2022-03-29 10:07:54" code-author="wangyongjie">
    2. <style>
    3. .wyj_head_416 {
    4. height: 3.98rem;
    5. position: absolute;
    6. top: 0;
    7. left: -1.75rem;
    8. }
    9. .wyj_head_wrap_box {
    10. position: absolute;
    11. bottom: .53rem;
    12. }
    13. .wyj_head_hot_scroll {
    14. width: 7.5rem;
    15. height: .5rem;
    16. }
    17. .wyj_head_hot_scroll .swiper-slide {
    18. text-align: center;
    19. font-size: .32rem;
    20. font-weight: 500;
    21. color: #ffffff;
    22. display: -webkit-box;
    23. display: -ms-flexbox;
    24. display: -webkit-flex;
    25. display: flex;
    26. -webkit-box-pack: center;
    27. -ms-flex-pack: center;
    28. -webkit-justify-content: center;
    29. justify-content: center;
    30. -webkit-box-align: center;
    31. -ms-flex-align: center;
    32. -webkit-align-items: center;
    33. align-items: center;
    34. letter-spacing: 0.1rem;
    35. }
    36. </style>
    37. <div class="wyj_head_416">
    38. <div class="wyj_head_wrap_box">
    39. <div class="swiper-container wyj_head_hot_scroll">
    40. <div class="swiper-wrapper">
    41. <div class="swiper-slide">60-10</div>
    42. <div class="swiper-slide">新品上市</div>
    43. <div class="swiper-slide">品牌推荐</div>
    44. <div class="swiper-slide">TOP品类</div>
    45. </div>
    46. </div>
    47. </div>
    48. </div>
    49. <script>
    50. new Swiper(".wyj_head_hot_scroll", {
    51. slidesPerView: 1,
    52. loop: true,
    53. speed: 800,
    54. direction: "vertical",
    55. autoplay: {
    56. delay: 1000,
    57. disableOnInteraction: false,
    58. }
    59. });
    60. </script>
    61. </section>