解决

uni-app的scroll-view渲染出来会多一层类名.uni-scroll-view,需要样式穿透:

// 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;
		}
	}
}

官方文档就提了一句可以通过-webkit-scrollbar修改,望山跑死马,我找半天才找到问题!Damn!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐