uniapp文字滚动显示

你可以使用uniapp的`<scroll-view>`组件来实现文字的滚动显示。

首先，在你的页面中添加一个`<scroll-view>`组件，设置它的`scroll-x`属性为true，表示横向滚动。然后，在`<scroll-view>`中添加一个`<text>`组件，用来显示需要滚动的文字。

接下来，在`<text>`组件的样式中设置`white-space: nowrap`和`display: inline-block`，表示文字不换行且以行内块元素显示。

最后，使用`setInterval`函数来定时改变`<scroll-view>`的`scroll-left`属性，实现文字的滚动。具体实现可以参考下面的代码：

<template>
  <scroll-view scroll-x style="white-space: nowrap;overflow:hidden;">
    <text class="scroll-text">{{ scrollText }}</text>
  </scroll-view>
</template>

<script>
export default {
  data() {
    return {
      scrollText: '这是要滚动的文字，这是要滚动的文字，这是要滚动的文字，这是要滚动的文字，这是要滚动的文字，这是要滚动的文字，这是要滚动的文字，这是要滚动的文字，这是要滚动的文字，这是要滚动的文字'
    }
  },
  mounted() {
    setInterval(() => {
      this.$refs.scrollView.scrollLeft += 1
    }, 30)
  }
}
</script>

<style>
.scroll-text {
  display: inline-block;
}
</style>