显示设备和模态框显示方法与流程

本申请涉及视频播放，尤其涉及一种显示设备和模态框显示方法。

背景技术：

1、随着电子产品升级速度的加快，产品性能也越来越强，相应的，电子产品能够支持的功能也越来越丰富，以满足用户的多样化需求。

2、有些场景下，用户在应用电子产品浏览某一网元的网页时，还希望电子设备能够与其他网元进行交互。例如，用户正在浏览某一学堂网元的网页时，希望电子设备能够呈现积分商城网元的网页，并将在学堂网元积攒的积分兑换成积分商城网元提供的商品。

3、为了满足用户的上述需求，目前电子设备可在显示某一网元的网页时，根据接收到的用户操作显示其他网元的模式对话框(modal dialogue box)，其中，模式对话框可简称为模态框，用于接收用户的操作，实现不同网元间的交互。

4、但是，目前电子设备通常在显示页面的局部区域，以较小窗口显示该模态框，导致不便于用户进行操作，用户体验较差。

技术实现思路

1、本申请实施例提供了一种显示设备和模态框显示方法，能够显示全屏的模态框，解决现有技术模态框窗口较小，不便于用户进行操作，用户体验较差的问题。

2、第一方面，本申请一些实施例中提供一种显示设备，包括：

3、显示器，被配置为显示不同网元的页面和模态框；

4、控制器，包括第一网元的第一组件集合和第二网元的第二组件集合，被配置为：

5、在所述显示器显示所述第一网元的网页时，响应于第一跳转操作，所述第一组件集合基于所述第一跳转操作操作与所述第二组件集合进行交互，以使所述显示器显示所述第二网元的列表业务；

6、在接收到针对所述列表业务的第一触发操作之后，所述第二组件集合基于所述第一触发操作对应的模态框，与所述第一组件集合进行交互，以使所述显示器通过全屏显示所述模态框。

7、第二方面，本申请一些实施例中提供一种模态框显示方法，应用于显示设备，包括：

8、在所述显示设备显示第一网元的网页时，响应于第一跳转操作，所述显示设备的第一组件集合基于所述第一跳转操作操作与所述显示设备的第二组件集合进行交互，以使所述显示设备显示第二网元的列表业务；

9、在接收到针对所述列表业务的第一触发操作之后，所述第二组件集合基于所述第一触发5操作对应的模态框，与所述第一组件集合进行交互，以使所述显示设备通过全屏显示所述模

10、态框。

11、本申请实施例提供了一种显示设备和模态框显示方法，该显示设备的显示器，被配置为显示不同网元的页面和模态框，控制器包括第一网元的第一组件集合和第二网元的第二组件

12、集合，被配置为：在显示器显示第一网元的网页时，响应于第一跳转操作，第一组件集合基0于第一跳转操作操作与第二组件集合进行交互，以使显示器显示第二网元的列表业务；在接

13、收到针对列表业务的第一触发操作之后，第二组件集合基于第一触发操作对应的模态框，与第一组件集合进行交互，以使显示器通过全屏显示模态框。

14、通过本申请实施例提供的方案，能够使显示器显示全屏的模态框，解决现有技术模态框窗口较小，不便于用户进行操作，用户体验较差的问题。

15、图1是本申请一示例性实施例示出的一种显示设备和控制装置的交互场景示意图；

16、图2是本申请一示例性实施例示出的一种显示设备的硬件配置框图；

17、图3是本申请一示例性实施例示出的一种显示设备的软件配置框图；

18、图4(a)是第一网元的网页的显示页面示意图；

19、图4(b)是第二网元的列表业务的显示页面示意图；

20、图4(c)是第二网元的模态框的显示页面示意图；

21、图5是本申请一示例性实施例示出的一种显示设备的流程示意图；

22、图6是本申请一示例性实施例示出的第一组件集合和第二组件集合的示意图；

23、图7是本申请一示例性实施例示出的一种第一组件集合和第二组件集合的交互示意图；5图8是本申请一示例性实施例示出的另一种第一组件集合和第二组件集合的交互示意图；

24、

25、图9是本申请一示例性实施例示出的另一种第一组件集合和第二组件集合的交互示意图；

26、图10是本申请一示例性实施例示出的另一种第一组件集合和第二组件集合的交互示0意图；

27、图11是本申请一示例性实施例示出的另一种第一组件集合和第二组件集合的交互示意图；

28、图12是本申请一示例性实施例示出的另一种第一组件集合和第二组件集合的交互示意图；

29、图13是本申请一示例性实施例示出的另一种第一组件集合和第二组件集合的交互示意图。

技术特征：

1.一种显示设备，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述第一组件集合包括：列表iframe容器，所述第二组件集合包括：列表高阶组件和列表业务组件，所述第一组件集合基于所述第一跳转操作操作与所述第二组件集合进行交互，以使所述显示器显示所述第二网元的列表业务，包括：

3.根据权利要求1或2所述的显示设备，其特征在于，所述第一组件集合包括：列表iframe容器和模态框iframe容器，所述第二组件集合包括：列表高阶组件、列表业务组件、模态框高阶组件和模态框业务组件，所述第二组件集合基于所述第一触发操作对应的待显示的模态框，与所述第一组件集合进行交互，以使所述显示器通过全屏显示所述模态框，包括：

4.根据权利要求2所述的显示设备，其特征在于，所述控制器还被配置为：

5.根据权利要求2所述的显示设备，其特征在于，所述控制器还被配置为：

6.根据权利要求2所述的显示设备，其特征在于，所述控制器还被配置为：

7.根据权利要求3所述的显示设备，其特征在于，所述控制器还被配置为：

8.根据权利要求3所述的显示设备，其特征在于，所述控制器还被配置为：

9.根据权利要求8所述的显示设备，其特征在于，

10.一种模态框显示方法，其特征在于，应用于显示设备，包括：

技术总结
本申请提供一种显示设备和模态框显示方法，该显示设备的显示器，被配置为显示不同网元的页面和模态框，控制器包括第一网元的第一组件集合和第二网元的第二组件集合，被配置为：在显示器显示第一网元的网页时，响应于第一跳转操作，第一组件集合基于第一跳转操作操作与第二组件集合进行交互，以使显示器显示第二网元的列表业务；在接收到针对列表业务的第一触发操作之后，第二组件集合基于第一触发操作对应的模态框，与第一组件集合进行交互，以使显示器通过全屏显示模态框。通过本申请实施例提供的方案，能够使显示器显示全屏的模态框，解决现有技术模态框窗口较小，不便于用户进行操作，用户体验较差的问题。

技术研发人员：贾硕
受保护的技术使用者：聚好看科技股份有限公司
技术研发日：
技术公布日：2024/1/15