跑马灯滚动屏

        <div class="scrollBar">
            <div>
                <img src="../../assets/images/foodDeal/u91.png" alt="">
                <img src="../../assets/images/foodDeal/u92.png" alt="">
            </div>
            <marquee direction=up scrolldelay="10" scrollamount="1" loop="-1" behavior="scroll" hspace="20" vspace="8" width="100%">
                <p>
                    <span>盐城市 李先生 收到买粮意向</span>
                </p>
                <p>
                    <span>盐城市 李先生 收到买粮意向</span>
                </p>
                <p>
                    <span>盐城市 李先生 收到买粮意向</span>
                </p>
                <p>
                    <span>盐城市 李先生 收到买粮意向</span>
                </p>
                <p>
                    <span>盐城市 李先生 收到买粮意向</span>
                </p>
                <p>
                    <span>盐城市 李先生 收到买粮意向</span>
                </p>
                <p>
                    <span>盐城市 李先生 收到买粮意向</span>
                </p>
            </marquee>
        </div>

        .scrollBar {
            padding: 3px 0;
            height: 50px;
            position: relative;
            >div {
                position: absolute;
                top: 0;
                left: 0;
                display: flex;
                align-items: center;
                height: 56px;
                img {
                    &:nth-child(1) {
                        width: 40px;
                        height: 40px;
                        padding-right: 5px;
                    }
                    &:nth-child(2) {
                        width: 40px;
                        height: 40px;
                    }
                }
            }
            marquee {
                height: 100%;
                p {
                    padding-left: 120px;
                    height: 60px;
                    display: flex;
                    align-items: center;
                }
            }
        }