当前位置: 首页 > 工具软件 > scroll-js > 使用案例 >

vue dv-scroll-board

章乐逸
2023-12-01

 view

  <dv-scroll-board :config="config2" style="height:286px;font-size:20px !important;overflow:hidden;" />

 data

 config2: {
        data: [
          [ 
            '<span style="font-size:1rem;">11111111111111111111</span>',
          ],
          [ 
            '<span style="font-size:1rem;">22222222222222222</span>',
          ]  ,
           [ 
            '<span style="font-size:1rem;">2021年</span>',
          ],
          [ 
            '<span style="font-size:1rem;">33333333333333333333</span>',
          ],   
           [ 
            '<span style="font-size:1rem;">4444444444444444444444</span>',
          ],
          [ 
            '<span style="font-size:1rem;">55555555555555</span>',
          ]    
        ],
        oddRowBGC: "transparent",
        evenRowBGC: " transparent;",
        hoverPause: true,
        waitTime: 1000,
        // columnWidth: [110],
        align: ["left", "left"]
      },

style

.dv-scroll-board {
  width: 99.5% !important;
  /* padding: 2px !important; */
  box-sizing: border-box;
   font-size: 24px !important;  
}
.dv-scroll-board .rows .row-item .ceil{
  
} 
.fontSize{
  font-size: 1rem;
}
.dv-scroll-board .rows .ceil {
    font-size: 24px !important;   
    white-space: inherit !important;
    overflow: inherit !important;
    text-overflow: inherit !important;
    text-indent: 34px;
}
.dv-scroll-board .rows .row-item{
  height: auto !important;
  line-height: 30px !important;
}
.dv-scroll-board .rows
{
      padding-top: 10px;
 /* background-color: rgba(45, 88, 166, 0.5);  */
}

 类似资料: