制作一个横向滚动的分类导航
![](https://i-blog.csdnimg.cn/blog_migrate/528a573a8986ee40d0eba9b746084d79.png)
<scroll-view scroll-x="true" class="scroll-wrap">
<view class="tab-wrap">
<text wx:for="{
{10}}" wx:key="index" class="tab-box {
{isTab == index ?'p-fontcolor22':'p-fontcolor10'}}" data-index="{
{index}}" bindtap="tabClick">分类{
{index}}</text>
</view>
</scroll-view>
.scroll-wrap{
width: 750rpx;
height: 80rpx;
line-height: 80rpx;
background-color: #ffffff;
}
.tab-wrap{
white-space:nowrap; /* 不换行 */
overflow-y: hidden;/* 隐藏某个超出的的bug */
text-align: center;
}
.tab-wrap .tab-box{
display: inline-block;
margin: 0rpx 25rpx;
}
/*隐藏滚动条*/
.tab-wrap::-webkit-scrollbar {
w