From 5d66f00449e855d643e003489604965f60ef28bc Mon Sep 17 00:00:00 2001 From: fofolee Date: Thu, 14 Jan 2021 21:35:26 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E5=BA=95=E9=83=A8=E6=8C=89=E9=92=AE?= =?UTF-8?q?=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/index.js | 33 +++++++++++++++++---------------- src/assets/style/options.css | 27 ++++++++++++++++++++++----- src/img/add.svg | 1 + src/img/clear.svg | 1 + src/img/disable.svg | 1 + src/img/enable.svg | 1 + src/img/exportAll.svg | 1 + src/img/help.svg | 1 + src/img/import.svg | 1 + src/img/panel.svg | 1 + src/img/share.svg | 1 + 11 files changed, 48 insertions(+), 21 deletions(-) create mode 100644 src/img/add.svg create mode 100644 src/img/clear.svg create mode 100644 src/img/disable.svg create mode 100644 src/img/enable.svg create mode 100644 src/img/exportAll.svg create mode 100644 src/img/help.svg create mode 100644 src/img/import.svg create mode 100644 src/img/panel.svg create mode 100644 src/img/share.svg diff --git a/src/assets/index.js b/src/assets/index.js index 5a10620..99c239b 100644 --- a/src/assets/index.js +++ b/src/assets/index.js @@ -1,12 +1,4 @@ !function () { - // 暗黑模式 - if (utools.isDarkColors()) { - !$('#darkmode').length && $('head').append(` - - `) - } else { - $('#darkmode').length && $('#darkmode, #darkswal').remove() - } // 禁用危险函数 let utoolsFull = utools if (!isDev()) utools = getuToolsLite() @@ -41,6 +33,14 @@ // 进入插件 utools.onPluginEnter(async ({ code, type, payload }) => { + // 暗黑模式 + if (utools.isDarkColors()) { + !$('#darkmode').length && $('head').append(` + + `) + } else { + $('#darkmode').length && $('#darkmode, #darkswal').remove() + } if (isRunningAtFirstTime()) { showChangeLog() importDefaultCommands() @@ -623,14 +623,15 @@ ` var footer = `
-
新建命令
-
导入命令
-
分享中心
-
查看帮助
-
全部导出
-
启用本页
-
清空数据
-
禁用本页
+
新建命令
+
导入命令
+
快捷面板
+
分享中心
+
查看帮助
+
全部导出
+
启用本页
+
清除数据
+
禁用本页
` $("#options").append(sidebar + featureList + footer) checkSharedQc() diff --git a/src/assets/style/options.css b/src/assets/style/options.css index d844dce..70ee8db 100644 --- a/src/assets/style/options.css +++ b/src/assets/style/options.css @@ -248,6 +248,8 @@ body { padding: 0 10px; height: 28px; line-height: 28px; + width: unset; + border-radius: 4px; } #options #customize #charset.robot { @@ -281,27 +283,42 @@ body { #options .footBtn { float: right; - background: #00af2c; - border-radius: 4px; + background: #02b340; color: white; padding: 2px 5px; margin: 0px 5px; + height: 25px; + width: 25px; + border-radius: 50%; cursor: pointer; } +#options .footBtn img{ + width: 15px; + vertical-align: middle; +} + #options .footBtn.danger { float: left; - background: #df3f54; + background: #b80233; } #options .footBtn:hover { background: #068506; - transition: 0.5s; + width: 78px; + border-radius: 4px; + transition: 0.2s; +} + +#options .footBtn span{ + vertical-align: middle; + font-size: 12px; + margin-left: 3px; } #options .footBtn.danger:hover { background: #b32033; - transition: 0.5s; + transition: 0.2s; } #options .foot { diff --git a/src/img/add.svg b/src/img/add.svg new file mode 100644 index 0000000..f261b28 --- /dev/null +++ b/src/img/add.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/clear.svg b/src/img/clear.svg new file mode 100644 index 0000000..8ab4e04 --- /dev/null +++ b/src/img/clear.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/disable.svg b/src/img/disable.svg new file mode 100644 index 0000000..11879e3 --- /dev/null +++ b/src/img/disable.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/enable.svg b/src/img/enable.svg new file mode 100644 index 0000000..0894d48 --- /dev/null +++ b/src/img/enable.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/exportAll.svg b/src/img/exportAll.svg new file mode 100644 index 0000000..d3c20e0 --- /dev/null +++ b/src/img/exportAll.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/help.svg b/src/img/help.svg new file mode 100644 index 0000000..83dbc22 --- /dev/null +++ b/src/img/help.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/import.svg b/src/img/import.svg new file mode 100644 index 0000000..bee75b2 --- /dev/null +++ b/src/img/import.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/panel.svg b/src/img/panel.svg new file mode 100644 index 0000000..9a5ca2f --- /dev/null +++ b/src/img/panel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/share.svg b/src/img/share.svg new file mode 100644 index 0000000..f93024f --- /dev/null +++ b/src/img/share.svg @@ -0,0 +1 @@ + \ No newline at end of file