Shikong/wails-template-vue
1
0
Fork 0
mirror of https://github.com/misitebao/wails-template-vue synced 2025-05-11 01:28:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: optimize user interface and interaction

Browse Source
This commit is contained in:
misitebao 2021-09-09 12:54:42 +08:00
parent 4ebba3554a
commit d6cbf59ab9
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/App.vue
View File

@ -22,7 +22,7 @@
</div> </div>
<div class="bar"> <div class="bar">
<div class="bar-btn" @click="onclickMinimise">{{ $t("topbar.minimise") }}</div> <div class="bar-btn" @click="onclickMinimise">{{ $t("topbar.minimise") }}</div>
<div class="bar-btn" @click="onclickExit">{{ $t("topbar.exit") }}</div> <div class="bar-btn" @click="onclickQuit">{{ $t("topbar.quit") }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -68,7 +68,7 @@ export default {
alert(i18n.global.t("global.not-supported")) alert(i18n.global.t("global.not-supported"))
} }
const onclickExit = () => { const onclickQuit = () => {
alert(i18n.global.t("global.not-supported")) alert(i18n.global.t("global.not-supported"))
} }
@ -78,7 +78,7 @@ export default {
locale, locale,
onclickLanguageHandle, onclickLanguageHandle,
onclickMinimise, onclickMinimise,
onclickExit onclickQuit
} }
}, },
} }
@ -113,7 +113,7 @@ body {
.nav { .nav {
a { a {
display: inline-block; display: inline-block;
width: 50px; min-width: 50px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
padding 0 5px padding 0 5px
@ -124,6 +124,7 @@ body {
text-decoration: none; text-decoration: none;
color: #000000; color: #000000;
font-size: 14px; font-size: 14px;
white-space nowrap
&:hover, &:hover,
&.router-link-exact-active { &.router-link-exact-active {
background-color: #d7a8d8; background-color: #d7a8d8;
@ -154,6 +155,7 @@ body {
color: #000000; color: #000000;
font-size: 14px; font-size: 14px;
&:hover{ &:hover{
background-color: #ff050542;
cursor: pointer; cursor: pointer;
} }
&.active { &.active {

3
frontend/src/components/public/OpenLink.vue
View File

@ -17,8 +17,7 @@ export default {
// 不能直接使用a标签，需要在这里调用Go方法以使用默认浏览器打开链接。 // 不能直接使用a标签，需要在这里调用Go方法以使用默认浏览器打开链接。
console.log(i18n.global.t("global.click-link") + props.href) console.log(i18n.global.t("global.click-link") + props.href)
lert(i18n.global.t("global.click-link") + props.href + '\n\n' + i18n.global.t("global.not-supported"))
alert(i18n.global.t("global.click-link") + props.href + i18n.global.t("global.not-supported"))
} }
return { return {