<template>
  <div class="container">
    <marquee class="marquee" scrollamount="30"
      >这是一段跑马灯的文字，它会自己滚动</marquee
    >
  </div>
</template>

<script>
export default {

}
</script>

<style>
.container {
  width: 240px;
  height: 240px;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marquee {
  width: 240px;
  color: #ffffff;
  font-size: 30px;
  height: 40px;
  /* background-color:#5f9ea0; */
}
</style>