截图按钮样式

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;
 }

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;
     }
 }

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() {
             }
         }
     });
-})
+})

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() {
             });
         }
     })
-})
+})

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]);
         })
     });
-})
+})