uniapp 文字滚动显示

可以使用 `uni-app` 自带的 `scroll-view` 组件来实现文字滚动显示。具体步骤如下：

1. 在 `template` 中添加 `scroll-view` 组件，并设置相关属性：

<scroll-view scroll-x="true" scroll-y="false" class="scroll-view">
  <view class="text">{{text}}</view> <!-- 文字内容 -->
</scroll-view>

其中，`scroll-x="true"` 表示可以水平滚动，`scroll-y="false"` 表示不能竖直滚动，`class="scroll-view"` 可以自定义样式。

2. 在 `script` 中设置文字内容和滚动速度：

data() {
  return {
    text: '这是一段需要滚动显示的文字，可以根据实际情况修改',
    speed: 50 // 滚动速度，数值越小速度越快
  };
},
mounted() {
  // 获取文字内容的宽度
  let query = uni.createSelectorQuery().in(this);
  query.select('.text').boundingClientRect(res => {
    let width = res.width;
    let screenWidth = uni.getSystemInfoSync().windowWidth;
    let duration = width / this.speed * 1000; // 滚动持续时间
    let distance = screenWidth + width; // 滚动距离
    this.startScroll(duration, distance);
  }).exec();
},
methods: {
  startScroll(duration, distance) {
    // 开始滚动
    uni.createAnimation({
      duration: duration,
      timingFunction: 'linear'
    }).translateX(-distance).step();

    this.animation = uni.createAnimation({
      duration: 0,
      timingFunction: 'linear'
    }).translateX(distance).step();

    this.setData({
      animationData: this.animation.export()
    });

    setTimeout(() => {
      this.setData({
        animationData: this.animation.export()
      });
    }, 100);

    setTimeout(() => {
      this.startScroll(duration, distance);
    }, duration);
  }
}

这里通过 `uni.createSelectorQuery()` 获取文字内容的宽度，根据滚动速度计算出滚动持续时间和滚动距离，然后使用 `uni.createAnimation()` 创建动画实现文字滚动，通过 `setTimeout()` 实现循环滚动的效果。

3. 在 `style` 中设置样式：

.scroll-view {
  height: 30rpx; /* 滚动区域高度 */
  overflow: hidden;
}

.text {
  white-space: nowrap; /* 防止文字换行 */
  display: inline-block;
}

这里设置滚动区域的高度和文字样式。

以上就是 `uni-app` 实现文字滚动显示的简单步骤。