[发明专利]基于H5的联动下拉组件选中方法、装置、设备及存储介质

说明书

本发明涉及人工智能，提供一种基于H5的联动下拉组件选中方法，应用于电子装置，该方法包括基于所获取的业务数据触发调用组件，调用组件用于调用下拉组件的展示数据；基于展示数据进行下拉组件展示，以展示与调用组件对应的展示弹层；判断展示弹层是否存在默认值，并基于默认值的存在情况匹配对应的选择性操作；其中选择性操作包括对展示页面、面包屑和下拉框的参数的选择；基于对展示弹层的选择性操作，匹配并展示与选择性操作对应的下拉组件的下拉功能。本发明还涉及区块链技术，业务数据可存储与区块链中。本发明的联动下拉组件选中方法，使用简单，适用场景范围广，且下拉级数多，用户体验好。

技术领域

本发明涉及人工智能，尤其涉及一种基于H5的联动下拉组件选中方法、装置、设备及计算机可读存储介质。

背景技术

现在大部分联动下拉选中组件（如地址选择）由于使用场景不同，数据结构不同，交互逻辑不同，导致组件难以得到通用。例如：

1、“地址选择”场景和“行业选择”场景的原始数据结构不同，回调返回给业务使用的数据也不相同，数据的层级也不尽相同。可知，在一个联动组件只适用一种数据的情况下，是无法达到共用效果的。

2、目前框架流行的联动下拉最多能够实现3级下拉，对于更多层级的话，则无法进行完美展示，用户体验就会变差。

3、大部分VUE渲染框架的联动下拉，都是需要在html上写一段模版代码，如果是组件嵌套的话，可能会引发iOS无法完全覆盖的问题。同时，在多个页面使用的情况下，需要编写多套模版代码，不利于代码维护。

发明内容

本发明提供一种基于H5的联动下拉组件选中方法、电子装置、设备及计算机可读存储介质，其主要目的在于通过调用组件实现对下拉组件的展示，使用简单、应用场景广，对于多层级同样友好。

为实现上述目的，本发明提供一种基于H5的联动下拉组件选中方法，应用于电子装置，方法包括：

基于所获取的业务数据触发调用组件，调用组件用于调用下拉组件的展示数据；

基于展示数据进行下拉组件展示，以展示与调用组件对应的展示弹层；

判断展示弹层是否存在默认值，并基于默认值的存在情况匹配对应的选择性操作；其中，选择性操作包括对展示页面、面包屑和下拉框的参数的选择；

基于对展示弹层的选择性操作，匹配并展示与选择性操作对应的下拉组件的下拉功能。

优选地，基于默认值的存在情况匹配对应的选择性操作，包括：

当展示弹层不存在默认值时，展示第一页作为展示页面，同时，面包屑设置为空，下拉框不选中任何参数；

当展示弹层存在默认值时，展示默认值所指示的页面作为展示页面，同时，面包屑数据填充为对应的默认值，下拉框选中对应的默认值。

优选地，下拉组件的下拉功能包括：

显示下拉浮层、关闭下拉浮层、点击翻页、滑动翻页、选中效果、执行回调和/或选中面包屑。

优选地，滑动翻页包括手势左右滑动翻页及手势上下滑动翻页；其中，

当手势滑动距离小于第一预设像素距离，或者手势滑动时间小于预设时间时，控制手势左右滑动翻页被触发；

当手势滑动距离小于第二预设像素距离，且手势滑动的垂直滑动距离大于水平滑动距离的预设倍数时，控制手势上下滑动翻页被触发。

优选地，在触发调用组件之前，还包括：

对业务数据按照预设规则进行预处理，形成规范性业务数据，同时，在业务组件内封装继承功能，业务数据及规范性业务数据存储于区块链中；