选框重叠

时间:2019-04-07 15:35:32

标签: vuetify.js

如何使选取框不重叠?我正在使用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>

enter image description here

所以我想当我有多个选项时,我不应该重叠并且只能平滑滚动

这是lib正在使用https://evodiaaut.github.io/vue-marquee-text-component/

0 个答案:

没有答案