From 7ff01f710235dab7e750443c7a181dbf5e5fda8f Mon Sep 17 00:00:00 2001 From: filesite Date: Fri, 10 Jan 2025 06:46:52 +0800 Subject: [PATCH] tabindex improve for remote control --- themes/beauty/views/layout/main.php | 6 +++--- themes/beauty/views/layout/player.php | 4 ++-- themes/beauty/views/list/bydate.php | 12 ++++++++---- themes/beauty/views/site/index.php | 14 +++++++++----- themes/beauty/views/site/mp3player.php | 2 +- themes/beauty/views/site/player.php | 2 +- themes/beauty/views/site/pwdauth.php | 2 +- www/css/beauty.css | 12 +++++++++++- www/js/beauty.js | 16 ++++++++++++++++ 9 files changed, 52 insertions(+), 18 deletions(-) diff --git a/themes/beauty/views/layout/main.php b/themes/beauty/views/layout/main.php index 71dc077..6b2734a 100644 --- a/themes/beauty/views/layout/main.php +++ b/themes/beauty/views/layout/main.php @@ -45,13 +45,13 @@ require_once __DIR__ . '/../../../../plugins/Html.php'; }else { ?> ©2022 - - by FileSite.io + by FileSite.io
当前皮肤 - 执行耗时: {page_time_cost} ms -
友情链接：Ta荐 - 你的聚宝盆 +
友情链接：Ta荐 - 你的聚宝盆

@@ -61,7 +61,7 @@ require_once __DIR__ . '/../../../../plugins/Html.php';
关于我们 - + 关闭
diff --git a/themes/beauty/views/layout/player.php b/themes/beauty/views/layout/player.php index e8638f9..98c92bb 100644 --- a/themes/beauty/views/layout/player.php +++ b/themes/beauty/views/layout/player.php @@ -42,13 +42,13 @@ require_once __DIR__ . '/../../../../plugins/Html.php'; }else { ?> ©2022 - - by FileSite.io + by FileSite.io
当前皮肤 - 执行耗时: {page_time_cost} ms -
友情链接：Ta荐 - 你的聚宝盆 +
友情链接：Ta荐 - 你的聚宝盆

diff --git a/themes/beauty/views/list/bydate.php b/themes/beauty/views/list/bydate.php index fefa22c..7c37b6e 100644 --- a/themes/beauty/views/list/bydate.php +++ b/themes/beauty/views/list/bydate.php @@ -44,7 +44,7 @@ $cacheData = !empty($viewData['cacheData']) ? $viewData['cacheData'] : [];
- + @@ -131,7 +131,11 @@ eof; } } ?> - + @@ -168,7 +172,7 @@ echo << {$totalNum} 当前位置： - 首页 + 首页 eof; $breadcrumbs = !empty($viewData['breadcrumbs']) ? $viewData['breadcrumbs'] : []; @@ -176,7 +180,7 @@ if (!empty($breadcrumbs)) { foreach ($breadcrumbs as $bread) { if ($bread['id'] != $selectedId) { echo <<{$bread['name']} + / {$bread['name']} eof; } else { echo << 点击关灯/开灯 联系我们 - - + @@ -147,7 +147,11 @@ eof; } } ?> - + @@ -196,14 +200,14 @@ echo << {$totalNum} 当前位置： - 首页 + 首页 eof; if (!empty($breadcrumbs)) { foreach ($breadcrumbs as $bread) { if ($bread['id'] != $selectedId) { echo <<{$bread['name']} + / {$bread['name']} eof; } else { echo << - + 正在播放 diff --git a/themes/beauty/views/site/player.php b/themes/beauty/views/site/player.php index 980e7d9..6c63e09 100644 --- a/themes/beauty/views/site/player.php +++ b/themes/beauty/views/site/player.php @@ -11,7 +11,7 @@ 点击关灯/开灯 - + 正在播放 diff --git a/themes/beauty/views/site/pwdauth.php b/themes/beauty/views/site/pwdauth.php index ce50742..aacd09d 100644 --- a/themes/beauty/views/site/pwdauth.php +++ b/themes/beauty/views/site/pwdauth.php @@ -6,7 +6,7 @@
- +
diff --git a/www/css/beauty.css b/www/css/beauty.css index a24da5e..794c9a6 100644 --- a/www/css/beauty.css +++ b/www/css/beauty.css @@ -90,11 +90,13 @@ a:link{text-decoration:none} .navbar-fixed-left .menu-title{font-size:12px;color:#999;padding-left:5px} .navbar-fixed-left .menu-icon{vertical-align:text-top} -.navbar-fixed-left .expand-icon{position:fixed;top:54px;left:130px;cursor:pointer;padding:5px} +.navbar-fixed-left .expand-icon{position:fixed;top:54px;left:140px;cursor:pointer;padding:5px} .navbar-fixed-left.closed{width:28px;overflow:hidden} .navbar-fixed-left.closed li{display:none} .navbar-fixed-left.closed li.expand-icon{display:block;left:5px} .expand-icon img{background-color:#FFF;border-radius:9px;border:1px solid #FFF} +.expand-icon button{padding:1px 2px} +.expand-icon button:focus{border:none;outline-offset:0} .img_main.full{margin-left:28px} .locked_dir{position:absolute;right:3px;top:5px} @@ -188,6 +190,14 @@ a:link{text-decoration:none} .has-slideshow.is-idle .fancybox__slide.has-image>.fancybox__content{width:100% !important;height:100% !important} +a:focus,button.btn:focus{outline-color:lightblue} +.lampshow .nav-tabs>li>a:focus,.lampshow .navbar-fixed-left a:focus{background-color:lightgray;color:#444} +.im_item a:focus{outline:none;border:2px solid blue;border-radius:12px} +.lampshow .im_item a:focus{border-color:orange} +.lampshow .expand-icon button:focus{background-color:lightgray} + + + /* 主题切换 */ .lampshow .web_info{border-color:#363636} .lampshow .btrt_side_ul li{background-color:#181818} diff --git a/www/js/beauty.js b/www/js/beauty.js index b251f1a..8f939bf 100644 --- a/www/js/beauty.js +++ b/www/js/beauty.js @@ -991,3 +991,19 @@ $('.btnStartScan').click(function() { console.error('文件扫描开始失败，错误信息：' + errorThrown); }); }); + +/* tv remote control event handle */ +//remote control key codes +var RC_LEFT = 37; + RC_UP = 38; + RC_RIGHT = 39; + RC_DOWN = 40; + RC_ENTER = 13; + RC_BACK = 10009; + RC_EXIT = 10182; +$(document.body).on('keydown', function(e) { + console.log('Key pressed', e.keyCode); + + //TODO: handle key press + +}); \ No newline at end of file