study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-29 20:32:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 按键样式修改

Browse Source
This commit is contained in:
fofolee 2021-01-15 00:30:59 +08:00
parent 98ce15cbf1
commit d9430f36ba
2 changed files with 19 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/assets/index.js
View File

@ -623,15 +623,15 @@
</div>`
var footer = `
<div class="foot">
<div id="add" class="footBtn"><img src="img/add.svg"><span>新建命令</span></div>
<div id="import" class="footBtn"><img src="img/import.svg"><span>导入命令</span></div>
<div id="panel" class="footBtn"><img src="img/panel.svg"><span>快捷面板</span></div>
<div id="getShares" class="footBtn"><img src="img/share.svg"><span>分享中心</span><span class="circle"></span></div>
<div id="viewHelps" class="footBtn"><img src="img/help.svg"><span>查看帮助</span></div>
<div id="exportAll" class="footBtn"><img src="img/exportAll.svg"><span>全部导出</span></div>
<div id="enableAll" class="footBtn"><img src="img/enable.svg"><span>启用本页</span></div>
<div id="clear" class="footBtn danger"><img src="img/clear.svg"><span>清除数据</span></div>
<div id="disableAll" class="footBtn danger"><img src="img/disable.svg"><span>禁用本页</span></div>
<div id="enableAll" class="footBtn"><img src="img/enable.svg"><span>启用本页</span></div>
<div id="exportAll" class="footBtn"><img src="img/exportAll.svg"><span>全部导出</span></div>
<div id="viewHelps" class="footBtn"><img src="img/help.svg"><span>查看帮助</span></div>
<div id="getShares" class="footBtn"><img src="img/share.svg"><span>分享中心</span></div>
<div id="panel" class="footBtn"><img src="img/panel.svg"><span>快捷面板</span></div>
<div id="import" class="footBtn"><img src="img/import.svg"><span>导入命令</span></div>
<div id="add" class="footBtn"><img src="img/add.svg"><span>新建命令</span></div>
</div>`
$("#options").append(sidebar + featureList + footer)
checkSharedQc()
@ -752,11 +752,10 @@
if (!remoteShares) return
let updates = remoteShares.length - localShares
if (updates == 0) {
$('.circle').hide()
return
}
if (updates > 99) updates = 99
$('.circle').text(updates).show()
$('#getShares span').text('有新分享')
$('#getShares').css({ 'background': '#b80233' })
}
let getSelect2Option = (data, width, dropdownAutoWidth = false) => {
@ -1380,7 +1379,8 @@
let sharedQcCounts = getDB(CFG_PREFIX + 'sharedQcCounts')
sharedQcCounts[window.processPlatform] = docs.length
putDB(sharedQcCounts, CFG_PREFIX + 'sharedQcCounts')
$('.circle').hide()
$('#getShares span').text('分享中心')
$('#getShares').attr('style', "")
docs = docs
.sort((x, y) => {
if (y.published_at > x.published_at) return 1

28
src/assets/style/options.css
View File

@ -244,11 +244,13 @@ body {
}
#options #customize .robot {
float: right;
color: white;
background: #3085d6;
padding: 0 10px;
height: 28px;
line-height: 28px;
width: unset;
width: auto;
border-radius: 4px;
}
@ -282,7 +284,6 @@ body {
}
#options .footBtn {
float: right;
background: #02b340;
color: white;
padding: 2px 5px;
@ -291,6 +292,7 @@ body {
width: 25px;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
}
#options .footBtn img{
@ -305,16 +307,11 @@ body {
#options .footBtn:hover {
background: #068506;
width: 78px;
height: 110px;
border-radius: 4px;
transition: 0.2s;
}
#options .footBtn span{
vertical-align: middle;
font-size: 12px;
margin-left: 3px;
}
#options .footBtn.danger:hover {
background: #b32033;
@ -323,6 +320,9 @@ body {
#options .foot {
position: absolute;
display: flex;
align-items: flex-end;
justify-content: flex-end;
height: 30px;
right: 0px;
bottom: 0px;
@ -969,15 +969,3 @@ li.CodeMirror-hint {
.swal2-input {
text-align: center;
}
.circle {
position: absolute;
background: red;
border-radius: 50%;
padding: 1px;
top: -8px;
right: 160px;
width: 20px;
text-align: center;
display: none;
}