resolver
La vista de desplazamiento de uni-app se representará con un nombre de clase adicional .uni-scroll-view
, que requiere penetración de estilo:
// scss
.scroll-view上的类名 {
/deep/ .uni-scroll-view {
&::-webkit-scrollbar {
width: 8rpx;
// height: 13px;
border-radius: 22rpx;
}
&::-webkit-scrollbar-thumb {
width: 8rpx;
border-radius: 22rpx;
background: #8095BF;
}
&::-webkit-scrollbar-track-piece {
margin-top: 26rpx;
background: rgba(33, 69, 143, 0.1);
border-radius: 22rpx;
}
}
}
El documento oficial menciona una oración que se puede -webkit-scrollbar
modificar, Wangshan murió corriendo, ¡y me tomó mucho tiempo encontrar el problema! ¡Maldición!