bitdance-team/chrome-extension
1
0
Fork 0
mirror of https://gitee.com/bitdance-team/chrome-extension synced 2025-10-08 00:45:13 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee

截图按钮样式

Browse Source
This commit is contained in:
xiao_io
2022-02-09 13:55:41 +08:00
parent c9fed6e6d9
commit b7ccc41532
5 changed files with 46 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/shell-chrome/assets/css/main.css
View File

@@ -161,6 +161,21 @@ body {
} }
#popup #btnScreenshot { #popup #btnScreenshot {
position: absolute; position: absolute;
top: 0; top: 1px;
right: 0; 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;
} }

19
packages/shell-chrome/assets/css/main.less
View File

@@ -171,7 +171,22 @@ body {
} }
#btnScreenshot{ #btnScreenshot{
position: absolute; position: absolute;
top: 0; top: 1px;
right: 0; 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;
} }
} }

6
packages/shell-chrome/assets/js/mouse-effects/click.js
View File

@@ -7,14 +7,14 @@ $(function() {
// 每次改变开关状态时刷新页面使功能及时生效 // 每次改变开关状态时刷新页面使功能及时生效
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { 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') { if (request.info === 'click') {
location.reload(); 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; return true;
}) })

6
packages/shell-chrome/assets/js/mouse-effects/mouse-style.js
View File

@@ -6,14 +6,14 @@ $(function() {
console.log("[BitDance extension] 学生助手插件 - 鼠标样式模块加载成功"); console.log("[BitDance extension] 学生助手插件 - 鼠标样式模块加载成功");
// 每次改变开关状态时刷新页面使功能及时生效 // 每次改变开关状态时刷新页面使功能及时生效
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { 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') { if (request.info === 'mouse') {
location.reload(); 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; return true;
}) })

8
packages/shell-chrome/assets/js/popup.js
View File

@@ -1,7 +1,6 @@
$(function() { $(function() {
// 获取开关状态 // 获取开关状态
chrome.storage.sync.get('clickState2', function(budget) { chrome.storage.sync.get('clickState2', function(budget) {
// console.log(budget.clickState);
// 获取页面节点 // 获取页面节点
let input = document.querySelector("#button-2"); let input = document.querySelector("#button-2");
// 改变开关状态（保持与上次设置时一致） // 改变开关状态（保持与上次设置时一致）
@@ -9,7 +8,6 @@ $(function() {
}); });
// 获取开关状态 // 获取开关状态
chrome.storage.sync.get('clickState3', function(budget) { chrome.storage.sync.get('clickState3', function(budget) {
// console.log(budget.clickState);
// 获取页面节点 // 获取页面节点
let input = document.querySelector("#button-3"); let input = document.querySelector("#button-3");
// 改变开关状态（保持与上次设置时一致） // 改变开关状态（保持与上次设置时一致）
@@ -22,7 +20,6 @@ $(function() {
let checked = $("#button-2"); let checked = $("#button-2");
// 持久化存储开关状态 // 持久化存储开关状态
chrome.storage.sync.set({ 'clickState2': checked[0].checked }); chrome.storage.sync.set({ 'clickState2': checked[0].checked });
console.log('mouse success');
// 自动刷新页面 // 自动刷新页面
chrome.tabs.query({ chrome.tabs.query({
@@ -31,7 +28,7 @@ $(function() {
}, (tabs) => { }, (tabs) => {
console.log(tabs); console.log(tabs);
let message = { let message = {
info: 'reload' info: 'mouse'
} }
chrome.tabs.sendMessage(tabs[0].id, message, res => { chrome.tabs.sendMessage(tabs[0].id, message, res => {
console.log(res); console.log(res);
@@ -45,7 +42,6 @@ $(function() {
let checked = $("#button-3"); let checked = $("#button-3");
// 持久化存储开关状态 // 持久化存储开关状态
chrome.storage.sync.set({ 'clickState3': checked[0].checked }); chrome.storage.sync.set({ 'clickState3': checked[0].checked });
console.log('click success');
// 自动刷新页面 // 自动刷新页面
chrome.tabs.query({ chrome.tabs.query({
@@ -54,7 +50,7 @@ $(function() {
}, (tabs) => { }, (tabs) => {
console.log(tabs); console.log(tabs);
let message = { let message = {
info: 'reload' info: 'click'
} }
chrome.tabs.sendMessage(tabs[0].id, message, res => { chrome.tabs.sendMessage(tabs[0].id, message, res => {
console.log(res); console.log(res);