vue-seamless-scroll 怎么滚动一段文字

要使用 `vue-seamless-scroll` 滚动一段文字，你需要在组件中定义一个 `text` 属性来存储你要滚动的文字内容，然后将它传递给 `vue-seamless-scroll` 组件。以下是一个简单的示例：

<template>
  <div>
    <vue-seamless-scroll :list="textList" :speed="30" :step="1" :direction="direction" :pause-on-hover="true"></vue-seamless-scroll>
  </div>
</template>

<script>
import VueSeamlessScroll from 'vue-seamless-scroll'

export default {
  components: {
    VueSeamlessScroll
  },
  data () {
    return {
      direction: 'left',
      text: '这是要滚动的文字内容'
    }
  },
  computed: {
    textList () {
      return [this.text]
    }
  }
}
</script>

在这个示例中，我们定义了一个 `text` 属性来存储要滚动的文字内容。然后在 `computed` 中，我们将 `text` 包装成一个数组，并将其赋值给 `textList`，这是因为 `vue-seamless-scroll` 的 `list` 属性需要接收一个数组作为参数。最后，在组件的模板中，我们将 `textList` 传递给 `vue-seamless-scroll` 组件，并设置一些属性来配置滚动效果。

当你在网页中渲染这个组件时，你应该会看到包含 "这是要滚动的文字内容" 的区域开始不断向左滚动。