uniApp vue view自定义回弹阻尼效果

uniApp vue view自定义回弹阻尼效果

---

---

前言

提示：有这个业务需求的时候，看了很多其他的文章有两种，一种是无法真正实现，一种是效果不好，所以自己写了一个。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、使用场景

用于现实触顶、触底回弹效果并给出响应的需求

二、使用步骤

代码如下（示例）：

<template>
	<view>
		<view class="topv">
			
		</view>
		<view
		class="cover-container"
		:style="[{
			transform: coverTransform,
			transition: coverTransition
		}]"
		@touchstart="coverTouchstart"
		@touchmove="coverTouchmove"
		@touchend="coverTouchend"
		 @scrolltolower='end'
		ref="texts"
		>
			<view class="list">
				<view class="li">1</view>
				<view class="li">2</view>
				<view class="li">3</view>
				<view class="li">4</view>
				<view class="li">5</view>
				<view class="li">6