diff --git a/packages/shell-chrome/assets/css/main.css b/packages/shell-chrome/assets/css/main.css index 6d4a498..700858c 100644 --- a/packages/shell-chrome/assets/css/main.css +++ b/packages/shell-chrome/assets/css/main.css @@ -161,6 +161,21 @@ body { } #popup #btnScreenshot { position: absolute; - top: 0; - right: 0; + top: 1px; + right: 5px; + width: 64px; + height: 27px; + color: #fff; + font-weight: 500; + cursor: pointer; + background-color: #71b0f3; + border: none; + border-radius: 4px; +} +#popup #btnScreenshot:hover { + background-color: #6FC6FF; +} +#popup #btnScreenshot:active { + transform: translate(0px, 1px); + box-shadow: 0px 1px 0px 0px; } diff --git a/packages/shell-chrome/assets/css/main.less b/packages/shell-chrome/assets/css/main.less index 6e6ee1c..d9eee33 100644 --- a/packages/shell-chrome/assets/css/main.less +++ b/packages/shell-chrome/assets/css/main.less @@ -171,7 +171,22 @@ body { } #btnScreenshot{ position: absolute; - top: 0; - right: 0; + top: 1px; + right: 5px; + width: 64px; + height: 27px; + color: #fff; + font-weight: 500; + cursor: pointer; + background-color: #71b0f3; + border: none; + border-radius: 4px; + } + #btnScreenshot:hover{ + background-color: #6FC6FF; + } + #btnScreenshot:active{ + transform: translate(0px, 1px); + box-shadow: 0px 1px 0px 0px; } } diff --git a/packages/shell-chrome/assets/js/mouse-effects/click.js b/packages/shell-chrome/assets/js/mouse-effects/click.js index 1e1177c..3aa4603 100644 --- a/packages/shell-chrome/assets/js/mouse-effects/click.js +++ b/packages/shell-chrome/assets/js/mouse-effects/click.js @@ -7,14 +7,14 @@ $(function() { // 每次改变开关状态时刷新页面使功能及时生效 chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { - console.log(`进入 assets\js\mouse-effects\click.js 中的onMessage Listener`) + // console.log(`进入 assets\js\mouse-effects\click.js 中的onMessage Listener`) if (request.info === 'click') { location.reload(); - sendResponse('Reload page'); + sendResponse('Reload page because of click'); } - console.log(`离开 assets\js\mouse-effects\click.js 中的onMessage Listener`) + // console.log(`离开 assets\js\mouse-effects\click.js 中的onMessage Listener`) return true; }) @@ -98,4 +98,4 @@ $(function() { } } }); -}) +}) \ No newline at end of file diff --git a/packages/shell-chrome/assets/js/mouse-effects/mouse-style.js b/packages/shell-chrome/assets/js/mouse-effects/mouse-style.js index fd34fa4..f28814b 100644 --- a/packages/shell-chrome/assets/js/mouse-effects/mouse-style.js +++ b/packages/shell-chrome/assets/js/mouse-effects/mouse-style.js @@ -6,14 +6,14 @@ $(function() { console.log("[BitDance extension] 学生助手插件 - 鼠标样式模块加载成功"); // 每次改变开关状态时刷新页面使功能及时生效 chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { - console.log(`进入 assets\js\mouse-effects\mouse-style.js 中的onMessage Listener`) + // console.log(`进入 assets\js\mouse-effects\mouse-style.js 中的onMessage Listener`) if (request.info === 'mouse') { location.reload(); - sendResponse('Reload page'); + sendResponse('Reload page because of mouse-style'); } - console.log(`离开 assets\js\mouse-effects\mouse-style.js 中的onMessage Listener`) + // console.log(`离开 assets\js\mouse-effects\mouse-style.js 中的onMessage Listener`) return true; }) @@ -30,4 +30,4 @@ $(function() { }); } }) -}) +}) \ No newline at end of file diff --git a/packages/shell-chrome/assets/js/popup.js b/packages/shell-chrome/assets/js/popup.js index 5c1143b..c0b7c87 100644 --- a/packages/shell-chrome/assets/js/popup.js +++ b/packages/shell-chrome/assets/js/popup.js @@ -1,7 +1,6 @@ $(function() { // 获取开关状态 chrome.storage.sync.get('clickState2', function(budget) { - // console.log(budget.clickState); // 获取页面节点 let input = document.querySelector("#button-2"); // 改变开关状态(保持与上次设置时一致) @@ -9,7 +8,6 @@ $(function() { }); // 获取开关状态 chrome.storage.sync.get('clickState3', function(budget) { - // console.log(budget.clickState); // 获取页面节点 let input = document.querySelector("#button-3"); // 改变开关状态(保持与上次设置时一致) @@ -22,7 +20,6 @@ $(function() { let checked = $("#button-2"); // 持久化存储开关状态 chrome.storage.sync.set({ 'clickState2': checked[0].checked }); - console.log('mouse success'); // 自动刷新页面 chrome.tabs.query({ @@ -31,7 +28,7 @@ $(function() { }, (tabs) => { console.log(tabs); let message = { - info: 'reload' + info: 'mouse' } chrome.tabs.sendMessage(tabs[0].id, message, res => { console.log(res); @@ -45,7 +42,6 @@ $(function() { let checked = $("#button-3"); // 持久化存储开关状态 chrome.storage.sync.set({ 'clickState3': checked[0].checked }); - console.log('click success'); // 自动刷新页面 chrome.tabs.query({ @@ -54,7 +50,7 @@ $(function() { }, (tabs) => { console.log(tabs); let message = { - info: 'reload' + info: 'click' } chrome.tabs.sendMessage(tabs[0].id, message, res => { console.log(res); @@ -65,7 +61,7 @@ $(function() { // Direct Url const btnDirectUrl = document.querySelector("#btnDirectUrl"); chrome.storage.sync.get("linkOpen", ({ linkOpen }) => { - btnDirectUrl.checked = !linkOpen; + btnDirectUrl.checked = !linkOpen; }); btnDirectUrl.addEventListener("change", () => { @@ -78,4 +74,4 @@ $(function() { chrome.extension.getBackgroundPage().takeScreenshot(tabs[0]); }) }); -}) +}) \ No newline at end of file