[发明专利]基于Vue实现电视Launcher系统web端预览组件的方法

权利要求书

1.一种基于Vue实现电视Launcher系统web端预览组件的方法，其特征在于，包括：

步骤S1：约定组件规格，按照组件类型分别设计不同的字段和组件样式，开发对应的组件，形成组件库；

步骤S2：新建后台服务，用于保存内容、组件和板块的数据及对应关系；

步骤S3：新建虚拟Launcher，虚拟Launcher为基于Vue模拟电视Launcher系统显示的web组件，虚拟Launcher为三层结构，分别为展示层、分发层和数据层，外部使用vue的v-bind向虚拟Launcher传输数据；

步骤S4：进入板块新增页面，从组件库中选取需要的组件添加至虚拟Launcher中，对组件进行增加、删除和调换位置操作，此时组件未配置内容，以框架形式进行展现，点击任一组件的编辑按钮进入组件内容的配置页面；

步骤S5：组件内容的编辑页面中，进行内容的新增、删除和调换位置操作，点击保存按钮通过后台服务将组件内容保存到数据库中，虚拟Launcher通过后端接口读取数据，展示内容同步更新；

步骤S6：将虚拟Launcher尺寸设置为电视机的通用尺寸，在页面中对虚拟Launcher进行等比例缩小，点击全屏预览按钮时，取消缩小比例。