uniapp滚动组件scroll-view
阅读原文时间:2023年07月08日阅读:5

//scroll-x="true"  || scroll-y="true"

{{item.text}}


//去除滚动条

/deep/::-webkit-scrollbar {
display: none;
width: 0 !important;
height:0 !important;
-webkit-appearance: none;
background: transparent;
height:auto;
}

.scroll-view {
width: 700rpx;
margin: auto;
.scroll_box {
display: flex;
height: 200rpx;
margin-left: -50rpx;
.scroll_bg {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 200rpx;
height: 200rpx;
image {
width: 100rpx;
height: 100rpx;
border: 2rpx solid #eaeaea;
border-radius: 50rpx;
}

text {
width: 200rpx;
text-align: center;
}
}
}
}