uniapp scroll-view横向滚动 底部自定义滚动条

uniapp scroll-view横向滚动 底部自定义滚动条 1.效果 2.代码

	
		
			
				
			

		
		
	



	export default {
		data() {
			return {
				imageList: [1, 2],
				percent: 10,
			}
		},
		methods: {		
			scroll(event) {
				var num1 = event.detail.scrollWidth / 2
				var num2 = event.detail.scrollLeft
				var p = (num2 / num1) * 100;
				this.percent = p;
				if (p === 0) {
					this.percent = 10;
				}
			},
		}
	}





	.images-view {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}

	.images-view-item {
		display: inline-block;
		width: 100%;
		/* margin-right: 20rpx; */
	}