[发明专利]跨平台自适应控制的交互方法、系统、设备及存储介质

摘要

本发明提供了一种跨平台自适应控制的交互方法、系统、设备及存储介质，用于具有显示页面的显示终端，包括如下步骤：将显示页面预设为第一显示样式和第二显示样式，显示页面包括菜单栏和显示区，菜单栏预设为能够根据第一触发信号切换的收纳样式和展开样式；获取显示终端的显示屏幕尺寸，当显示屏幕大于等于预设定的尺寸阈值时，显示页面展示第一显示样式，菜单栏呈现展开样式，当显示屏幕小于预设定的尺寸阈值时，显示页面展示第二显示样式，菜单栏呈现收纳样式，并能够根据第一触发信号切换至展开样式。本发明中显示页面预设为第一显示样式和第二显示样式能够兼容从移动段到桌面端显示器的各种尺寸变化，降低了网页研发维护成本。

主权项

1.一种跨平台自适应控制的交互方法，其特征在于，用于具有一显示页面的显示终端，包括：如下步骤：S1：将所述显示页面预设为第一显示样式和第二显示样式，所述显示页面包括菜单栏和显示区，所述菜单栏预设为能够根据第一触发信号切换的收纳样式和展开样式，当所述显示页面展示第一显示样式时，所述菜单栏呈现收纳样式，当所述显示页面展示第二显示样式时，所述菜单栏呈现展开样式；S2：获取显示终端的显示屏幕尺寸，当所述显示屏幕大于等于预设定的尺寸阈值时，所述显示页面展示第一显示样式，所述菜单栏呈现展开样式，当所述显示屏幕小于预设定的尺寸阈值时，所述显示页面展示第二显示样式，所述菜单栏呈现收纳样式，并能够根据所述第一触发信号切换至展开样式，所述菜单栏呈展开样式的宽度大于所述菜单栏呈收纳样式的宽度，所述显示终端具有一横屏展示状态和一竖屏展示状态，当检测所述显示终端由所述竖屏展示状态转换至所述横屏展示状态时生成所述第一触发信号；S3：当所述菜单栏展示展开样式时，根据第二触发信号触发所述菜单栏上依次排列的多个第一级菜单项目，至少一所述第一级菜单项目包括多个依次排列的第二级菜单项目，当第二触发信号触发一具有第二级菜单项目的第一级菜单项目时，所述第一级菜单项目沿背离所述第一级菜单项目方向依次展开。