组件 scroll-view
使用scroll-view,滑动一行无法滑动,需要鼠标点击上一行的区域滑动,下一行才能滑动 [图片] 比如说;要滑动 “特色”这一行,鼠标只能在“类型"这一行的范围里左右滑,”特色“这一行才能左右滑动 js代码: [代码]<view class=[代码][代码]"item-wrap"[代码][代码]>[代码][代码] [代码][代码]<view class=[代码][代码]"title"[代码][代码]>{{title}}:</view>[代码][代码] [代码][代码]<scroll-view class=[代码][代码]"scroller"[代码] [代码]scroll-x>[代码][代码] [代码][代码]<repeat [代码][代码]for[代码][代码]=[代码][代码]"{{items}}"[代码] [代码]key=[代码][代码]"{{index}}"[代码][代码]>[代码][代码] [代码][代码]<view class=[代码][代码]"{{current==index?'item active':'item'}}"[代码] [代码]@tap=[代码][代码]"changeItem({{index}})"[代码][代码]>{{item}}</view>[代码][代码] [代码][代码]</repeat>[代码][代码] [代码][代码]</scroll-view>[代码][代码] [代码][代码]</view>[代码]css代码: [代码].item-wrap{[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]border-bottom[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#ccc[代码][代码];[代码][代码] [代码][代码]white-space[代码][代码]: [代码][代码]nowrap[代码][代码]}[代码][代码].title{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]160[代码][代码]rpx;[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]40px[代码][代码]}[代码][代码].scroller{[代码][代码] [代码][代码]flex: [代码][代码]1[代码][代码];[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]42px[代码] [代码]}[代码][代码].item{[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]30[代码][代码]rpx;[代码][代码]}[代码][代码].active{[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]#eee[代码][代码];[代码][代码] [代码][代码]color[代码][代码]: orange[代码][代码]}[代码]