uniapp 文字滚动

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

1. 在页面中引入 `scroll-view` 组件，如下所示：

<scroll-view class="scroll-view" scroll-y="true" scroll-with-animation="true" :scroll-left="scrollLeft">
  <view class="text">{{content}}</view>
</scroll-view>

2. 在 `data` 中定义 `content` 和 `scrollLeft` 变量，并使用 `setInterval` 定时更新 `scrollLeft` 变量的值，如下所示：

export default {
  data() {
    return {
      content: '这里是要滚动的文字内容',
      scrollLeft: 0
    };
  },
  mounted() {
    setInterval(() => {
      this.scrollLeft += 1;
    }, 10);
  }
};

3. 在 `style` 中定义 `scroll-view` 和 `text` 的样式，如下所示：

<style>
  .scroll-view {
    height: 100px;
    width: 100%;
    overflow: hidden;
  }
  .text {
    white-space: nowrap;
    font-size: 20px;
    color: #333333;
    padding: 10px;
  }
</style>

这样就可以实现文字滚动效果了。注意，如果文字内容过长，可以使用 `setInterval` 定时重置 `scrollLeft` 变量的值，以实现循环滚动效果。