移动端-引导式访问
背景:
在使用移动端的时候,有些TAB块内容过多,以及有些交互逻辑需要点击才能生效,为了帮助用户更好的理解报表开发者的设计的逻辑,想着用最简单的方式实现一个简陋的引导式访问(开始是想做的很复杂,理想很丰满,现实有点骨干,先实现再说),故有了下面的尝试,仅供学习。
思路:
-------------------------------------------------------------------------------------------------------------------
步骤1:获取用户的访问记录,只在第一次访问时给出弹出引导的选择;
实现过程:通过取logdb.fine_record_execute,在数据集中取用户过滤完的条数,添加一个控件a,用于js取数(有延迟bug)
-------------------------------------------------------------------------------------------------------------------
步骤2:进入页面后一段介绍,两个按钮
介绍内容:“首次进入页面,请根据我的引导了解主要功能”
按钮1:【开始引导】
按钮2:【跳过引导】 可以直接跳过,防止用户不想看引导
-------------------------------------------------------------------------------------------------------------------
步骤3:通过点击下一步进行列表内提醒的切换
备注:在某些页面还需要模拟滚动条的下滑操作,通过js解决
-------------------------------------------------------------------------------------------------------------------
步骤4:特殊步骤特殊处理
说明:某些步骤还需要进行tab块的切换操作,结束引导后要返回最初的tab页面
-------------------------------------------------------------------------------------------------------------------
实现效果:
部分实现效果如下图
不足之处:
取第一次访问时会有延迟
样式上本想用背景透明样式,突出重点,观感上会更好
用到的位置是写死的,没有相对位置,每个都要手动的调
tips:附件的js示例适用于决策报表,fvs使用需要微调,比如切换tab的js并不完全相同。
引导.txt (11.82 K)