uni-app scroll-view隐藏滚动条

问题：

在微信小程序中我们使用scroll-view组件容器，会发现滚动scroll-view中的内容会出现难看的滚动条。一般在手机页面中显示中滚动条是不优雅的。

<scroll-view scroll-y="true">
	<view v-for="(item,index) in cityList" :key="index" class="h-jc-c h-ai-c h-p20">
		{{item.name}}
	</view>
</scroll-view>

解决办法：

在参考和查阅资料后，我发现了一种最有效的方法，那就是直接修改样式，有点简单粗暴：

// 隐藏滚动条 vue3写法
::v-deep ::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	color: transparent;
}

下面是vue2写法：

// 隐藏滚动条 vue2写法
/deep/ ::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	color: transparent;
}

码友们如果有更好的方法，可以在评论区探讨~~~