根据文字长度，设置文字滚动的速度

    

      
    
    

 // 根据文字长度设置中文滚动时间
      const animateTextlength = this.conference.importantInfo
        .toString()
        .replace('', '')
        .replace('', '')
        .trim().length;
      // 因为文字的大小是 18px, 所以这里是文字的数量 * 18, + 200 是为了多给点长度
      const animateTextWidth = '-' + (animateTextlength * 20 + 200) + 'px';
      document.body.style.setProperty('--animateTextlength', animateTextWidth);

      // 如果文字数量大于80个字，那么就延长滚动时间,基础滚动时间为23秒，超出每5个字增加一秒
      if (animateTextlength > 80) {
        const animateTime = 23 + Math.ceil((animateTextlength - 80) / 5) + 's';
        document.body.style.setProperty('--animateTime', animateTime);
      }


.tips-box
  color: rgba(63, 63, 63, 1)
  padding-bottom: 0
  line-height: 22px
  font-size: 18px
  overflow: hidden
  white-space: nowrap /// 禁止换行 */
  margin-right:50px
  .scroll-text
    display: inline-block // 内联块元素，实现横向排列 */
    animation: scroll-left var(--animateTime, 23s)  linear infinite // 指定动画名称、持续时间、速度和循环次数 */



@keyframes scroll-left
  0%
    transform: translateX(0) // 起点位置 */
  100%
    transform: translateX(var(--animateTextlength, -100%)) // 终点位置 */