第八章:微信小程序分组开发与左滑功能实现
先来看看今天的整体思路:
进入分组管理页面
-->点击新建分组新建
进入到未分组页面
根本操作进入到已建分组里面底部菜单栏操作
-->从名片夹中添加进行操作。
理清完根本流程我们开始开发。首先整个布局可以先看下,我再一步步讲。
静态布号局后,我们开始实现新增分组效果,
当然触发它出现的是
显示窗口
点击取消消失
当里面的输入框内容发生改变时
bindinput
事件,大家别使用
bindchange
事件,这里的
bindchange
事件只有当失去焦点时才会被触发。
当输入框事件发生时,确定按钮会变成可以点击状态,为空时,
addTeam
样式数据绑定。
里面有表单就使用了
from
。创立分组请求交互。
创立分组完成,这里可能很多疑问,为什么不使用微信提供的模态框组件来实现,而是自己实现,其实我也很懒,非常想使用自带的模态框组件,但是发现在模态框里面提交表单
好似有点麻烦,直接自定义了。
接下来创立好的分组支持左滑删除与重命名,今天重点谈下左滑删除的实现方式。
首先需要左滑的是被
创立好的分组,未分组是写死的,故而不支持的。
左滑删 ...


雷达卡


京公网安备 11010802022788号







