如何通过设置禁用来实现区块的加载状态
小提示: "加载状态"不仅仅指初次访问页面时,默写区块表现出来的加载状态,还包括在页面中某些操作使用伪刷新时(可以理解为更新某个区块信息),在更新过程中(发送请求后,接到服务器返回数据前)区块所表现出来的加载效果。例如:
常见的带分页的列表,当用户点击下一页时,列表区域呈现加载状态[一般设置成有动画的的禁用且背景为半透明],分页呈现出不可点击[无动画的禁用]
1.确定要禁用的区块( 页面访问时区块表现为转圈等加载中的效果)
1)在区块对应的元素上设置 禁用 ,并选择动画方式( 为了保证项目风格统一,推荐使用一种) * 注意0: 不要加在表格(table tbody等元素)上
* 注意1: 请为区块设置合理的最小高度(min-height),从而确保禁用效果可以正确显示
* 注意2: 如果区块内存在数组绑定时请确保勾选"将循环体内部元素当作模板 " [此动作优化页面加载状态时的效果,但可引发数据循环中的部分效果和 扩展元素 无效果,当目前已知冲突有 复选框的选择全部元素 ,请取消勾选从而实现预计效果然后将此问题反馈通过邮件反馈给支持团队] * 注意3: 如果修改禁用动画的大小 请确保勾选无动画平滑
2 )为 区块对应的元素设置类
2.在对应同步数据元素上进行设置
1)设置"需要自动添加加载状态的元素属性"
2)根据不同阶段,设置"开启调试模式"属性