文字横向滚动+纵向滚动插件

// npm install [email protected]

import Marquee from "react-fast-marquee";




     
          暂无公告暂无公告暂无公告暂无公告暂无公告暂无公告暂无公告暂无公告暂无公告暂无公告
     




.hot{
      position: absolute;
      top: -9%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      line-height: 28px;
      padding: 10px  16px;
      border-radius: 6px;
      background-color:#6099f129;
      color:#003a47;
      display: flex;
      align-items: center;
      width: 100%;
    i{
      border-right: 1px dashed rgba(0, 58, 71, 0.15);
      margin:0 5px;
      display: inline-block;
      width: 1px;
      height: 10px;
    }
      .person-img {
        width: 26px;
        height: 28px;
        margin-right: 6px;
      }
      span.text{
        white-space: pre;
        color: #000000;
        font-size:18px;
        /* white-space: nowrap; */
      }
    }

纵向滚动

import ReactSeamlessScroll from "react-seamless-scroll";