# HwEpg **Repository Path**: timteam/HwEpg ## Basic Information - **Project Name**: HwEpg - **Description**: TV电视中,通常使用遥控器来操作页面,控制焦点移动、点击、返回等事件。网上的众多epg框架都是基于js新特性,ES5,ES6,对于需要兼容老的盒子浏览器都有这有那问题,本框架基本采用原生js代码,可兼容liunx盒子,负责同一安排管理焦点,监听焦点各类事件,绑定焦点元素。参考了vue-epg - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2023-03-14 - **Last Updated**: 2023-03-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # HwEpg #### 介绍 TV电视中,通常使用遥控器来操作页面,控制焦点移动、点击、返回等事件。网上的众多epg框架都是基于js新特性,ES5,ES6,对于需要兼容老的盒子浏览器都有这有那的问题,本框架基本采用原生js代码,可兼容liunx盒子,负责同一安排管理焦点,监听焦点各类事件,绑定焦点元素。该版本为初始化版本,焦点规则参考了vue-epg #### 软件架构 原生js #### 安装教程 1. xxxx #### 使用说明 焦点说明:需要焦点的元素添加vitem 样式,如果配了上下左右元素ID,按配的走,如果没配如果是左右按键同Y轴坐标查找相邻的一个元素,如果没找到,查找最方向最近的一个元素。
##### 演示:index.html 1. url是跳转地址 2. img是默认图片 3. imgMask焦点翻转图片 4. focusEffect 焦点效果(整合animate.css动画库) #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 特技 1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md 2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目 5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)