<div class="tab" ref="tab">
<div class="tab_content"> <div class="tab_item" v-for="(item,index) in menuList" :key="index"> {{item.name}} </div> </div>
</div>
props: {
// 首页传过来的tab的值
menuList:null,
},
methods: {
onScroll(){ this.$nextTick(()=>{ if (!this.scroll) { this.scroll=new BScroll(this.$refs.tab, { startX:0, click:true, scrollX:true, scrollY:false, }) }else{ this.scroll.refresh() } }) } }, mounted () { this.onScroll() } <style>
.tab{
width: 7.54rem;height: 0.88rem;background: #fff;overflow: hidden;
}
.tab_item{
display: inline-block;height: 0.88rem; line-height: 0.888rem;padding: 0 0.466667rem;
}
</style>
弑天下
相关分类