最近在家自学微信小程序开发,完成了一个完整的小程序开发流程,由于所有知识都是疫情期间学习的,小程序做的还不是很完美,分享给大家,希望和大家一块互相学习。
因为没有后台数据库的知识,所以这里用的小程序云开发,数据直接存储在现成的数据库中。以下是小程序的二维码
小程序的注册申请略过,百度上有很多,这里主要写实现方法;
1,确定翻页效果的实现
这里利用的是通过transform的动画效果,通过判断手指滑动的距离来让页面向上滑动规定的距离(一个页面),之所以没有利用swiper因为手指不动上滑会提前展示下个页面的内容,本实现方法也有不完美的,即滑动完不是立刻执行滑动(为解决这个问题)
手指的滑动距离利用 页面的bindtouchstart="scrollTouchstart" bindtouchmove="scrollTouchmove" bindtouchend="scrollTouchend",这三个方法即刻。
代码:
<!-- 需要切换的页面盒子 -->
<view class="scroll-fullpage" bindtouchstart="scrollTouchstart" bindtouchmove="scrollTouchmove" bindtouchend="scrollTouchend"