<template>
<view class="home">
<scroll-view scroll-x class="scroll">
<view class="scrollItem">
<view class="item">首页</view>
<view class="item">首页</view>
<view class="item">首页</view>
<view class="item">首页</view>
<view class="item">首页</view>
<view class="item">首页</view>
<view class="item">首页</view>
<view class="item">首页</view>
<view class="item">首页</view>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
.scroll {
height: 100rpx;
background-color: #efefef;
}
.scrollItem {
line-height: 100rpx;
white-space: nowrap;
overflow: auto; /* 1*/
}
/* 2 */
::-webkit-scrollbar {
display: none;
}
.item {
display: inline-block;
padding: 0 20rpx;
}
</style>
在对应的位置添上1 2
左右滚动无滚动条