首先给页面添加 touch 事件 　　然后定义一个合理区间进行判断,用户当前是上下滑动看书还是左右滑动变换章节. 　　这里面根据用户如果上下滑动的幅度超过 50 即认定为用户当前行为是上下翻看内容,否则就根据用户左右滑动的幅度进行判断,取值左右 100 为有效 ...

在对于uni-app框架了解之后，今天就实现一个滚动切换tab效果，这个很常见的一个效果，最后封装成一个组件，便于以后使用，写这个需要引入uni官方提供的uni.css样式，用到了写好的样式，就不需要自己写了 这种切换无论是在app端还是小程序或者H5页面都是很常见的功能 ...

...

index.vue index.css index.js ...

我们在开发旅游专题前端时，经常会遇到需要实现飞猪或携程里面的卡片滑动背景同步切换效果。uni-app 通过 swiper 组件也可以实现类似效果 <view class="swiper-box"> <image class="swiper-bg" :src ...

最大盒子要100%高度,scroll-view的宽度不能设置固定宽度; 此外无论是组件还是写在一个页面内 最大的盒子记得加上height:100%; ...

代码： ...

<web-view src="https://uniapp.dcloud.io/component/web-view" allow></web-view> 　　 ...