优化标题栏按钮;优化桌面歌词的切换
parent
e649c8347a
commit
5d51976f49
File diff suppressed because one or more lines are too long
|
@ -64,20 +64,26 @@ table {overflow:auto;display:table;width:100%;line-height:2.5rem;
|
||||||
&.focus {
|
&.focus {
|
||||||
.quit {background-image:url(/images/btn-close.svg);}
|
.quit {background-image:url(/images/btn-close.svg);}
|
||||||
.min {background-image:url(/images/btn-mini.svg);}
|
.min {background-image:url(/images/btn-mini.svg);}
|
||||||
.max {background-image:url(/images/btn-maxi.svg);}
|
// .max {background-image:url(/images/btn-maxi.svg);}
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
.quit {background-image:url(/images/btn-close_a.svg);}
|
.quit {background-image:url(/images/btn-close_a.svg);}
|
||||||
.min {background-image:url(/images/btn-mini_a.svg);}
|
.min {background-image:url(/images/btn-mini_a.svg);}
|
||||||
.max {background-image:url(/images/btn-maxi_a.svg);}
|
// .max {background-image:url(/images/btn-maxi_a.svg);}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-box-win {position:absolute;right:1.2rem;top:0;width:auto;height:4rem;padding:.9rem 0;line-height:1.8rem;
|
.btn-box-win {position:absolute;right:1.2rem;top:0;width:auto;height:4rem;padding:.9rem 0;line-height:1.8rem;
|
||||||
|
|
||||||
.item,.opt {position:relative;display:inline-block;width:2.2rem;height:2.2rem;margin:0 .2rem;padding:.2rem;font-size:1.6rem;
|
.item,
|
||||||
|
.opt {position:relative;display:inline-block;width:2.2rem;height:2.2rem;margin:0 .2rem;padding:.2rem;font-size:1.6rem;
|
||||||
|
}
|
||||||
|
.item {text-align:center;
|
||||||
|
|
||||||
|
&:hover {background:rgba(0, 0, 0, .05);}
|
||||||
|
&.quit:hover {color:nth($cr, 1);}
|
||||||
|
&.disabled {color:nth($cp, 3);background:none}
|
||||||
}
|
}
|
||||||
.item:hover {transform:scale(1.1)}
|
|
||||||
|
|
||||||
.opt i {font-size:1.8rem;}
|
.opt i {font-size:1.8rem;}
|
||||||
|
|
||||||
|
|
|
@ -48,8 +48,8 @@
|
||||||
</div>
|
</div>
|
||||||
<span :if="theme === 2">
|
<span :if="theme === 2">
|
||||||
<i class="item do-icon-minimize" :click="minimize"></i>
|
<i class="item do-icon-minimize" :click="minimize"></i>
|
||||||
<i class="item do-icon-maximize" :click="maximize"></i>
|
<i class="item do-icon-maximize disabled" :click="maximize"></i>
|
||||||
<i class="item do-icon-close" :click="quit(false)"></i>
|
<i class="item do-icon-close quit" :click="quit(false)"></i>
|
||||||
</span>
|
</span>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -223,7 +223,9 @@ Anot({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
minimize() {},
|
minimize() {
|
||||||
|
WIN.minimize()
|
||||||
|
},
|
||||||
maximize() {},
|
maximize() {},
|
||||||
|
|
||||||
activeModule(mod) {
|
activeModule(mod) {
|
||||||
|
@ -252,7 +254,7 @@ Anot({
|
||||||
if (LRC_WIN.isVisible()) {
|
if (LRC_WIN.isVisible()) {
|
||||||
LRC_WIN.hide()
|
LRC_WIN.hide()
|
||||||
} else {
|
} else {
|
||||||
LRC_WIN.show()
|
LRC_WIN.showInactive()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
toggleModule(mod) {
|
toggleModule(mod) {
|
||||||
|
|
|
@ -136,8 +136,13 @@ app.once('ready', () => {
|
||||||
win = new BrowserWindow({
|
win = new BrowserWindow({
|
||||||
width: 600,
|
width: 600,
|
||||||
height: 360,
|
height: 360,
|
||||||
|
skipTaskbar: true,
|
||||||
|
maximizable: false,
|
||||||
|
minimizable: false,
|
||||||
|
resizable: false,
|
||||||
titleBarStyle: 'hiddenInset'
|
titleBarStyle: 'hiddenInset'
|
||||||
})
|
})
|
||||||
|
win.setMenuBarVisibility(false)
|
||||||
win.loadURL('app://sonist/depends.html')
|
win.loadURL('app://sonist/depends.html')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
Reference in New Issue