如何使选取框不重叠?我正在使用Vuetify
下面是我的代码,当下一次滚动开始时,它出现并重叠,而不是附加在后面
<marquee-text :duration="170">
<v-layout >
<v-flex lg2 md3 sm6 xs12 >
<v-card class="white" l light>
<v-container fluid grid-list-sm light>
<v-layout class="mt-0 mb-0" row wrap>
<v-flex d-flex xs3>
<v-icon class="mx-0" x-large light>beenhere</v-icon>
</v-flex>
<v-flex d-flex xs9 >
<v-layout class="mt-2 mb-0 pa-0" row wrap>
<x-flex d-flex xs12>
<div class="silver--text subheading">House Rent</div>
</x-flex>
<v-flex d-flex xs12>
<div class="silver--text display-1">{{house_rent}}</div>
<v-btn outline class="darkgrey--text darken-1 " right flat small>More</v-btn>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-container>
</v-card>
</v-flex>
<v-flex lg2 md3 sm6 xs12>
<v-card class="white" l light>
<v-container fluid grid-list-sm light>
<v-layout class="mt-0 mb-0" row wrap>
<v-flex d-flex xs3>
<v-icon class="mx-0" x-large light>beenhere</v-icon>
</v-flex>
<v-flex d-flex xs9 >
<v-layout class="mt-2 mb-0 pa-0" row wrap>
<x-flex d-flex xs12>
<div class="silver--text subheading">Parking Fee</div>
</x-flex>
<v-flex d-flex xs12>
<div class="silver--text display-1">{{parking_fee}}</div>
<v-btn outline class="darkgrey--text darken-1" right flat small>More</v-btn>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-container>
</v-card>
</v-flex>
</v-layout>
</marquee-text>
所以我想当我有多个选项时,我不应该重叠并且只能平滑滚动
这是lib正在使用https://evodiaaut.github.io/vue-marquee-text-component/