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: remove redundant code comments

Browse Source
This commit is contained in:
misitebao 2021-11-20 19:18:22 +08:00
parent c6fc91e615
commit 0dbe418335
1 changed files with 23 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/App.vue
View File

@ -13,15 +13,19 @@
<div class="menu" data-wails-no-drag> <div class="menu" data-wails-no-drag>
<div class="language"> <div class="language">
<div <div
v-for="(item) in languages" v-for="item in languages"
:key="item" :key="item"
:class="{ active: item === locale }" :class="{ active: item === locale }"
@click="onclickLanguageHandle(item)" @click="onclickLanguageHandle(item)"
class="lang-item" class="lang-item"
>{{ $t("languages." + item) }}</div> >
{{ $t("languages." + item) }}
</div>
</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="onclickQuit">{{ $t("topbar.quit") }}</div> <div class="bar-btn" @click="onclickQuit">{{ $t("topbar.quit") }}</div>
</div> </div>
</div> </div>
@ -34,54 +38,47 @@
</template> </template>
<script> <script>
import { ref, watch } from 'vue' import { ref, watch } from "vue";
import i18n from "@/i18n"; import i18n from "@/i18n";
export default { export default {
setup() { setup() {
// List of supported languages // List of supported languages
// 支持的语言列表 // 支持的语言列表
const languages = i18n.global.availableLocales const languages = i18n.global.availableLocales;
// Current language // Current language
// 当前语言 // 当前语言
const locale = ref("zh-Hans") const locale = ref("zh-Hans");
locale.value = i18n.global.locale locale.value = i18n.global.locale;
// Click to switch language // Click to switch language
// 点击切换语言 // 点击切换语言
const onclickLanguageHandle = (item) => { const onclickLanguageHandle = (item) => {
(item !== locale.value) ? (locale.value = item) : false item !== locale.value ? (locale.value = item) : false;
};
}
// Monitor current language changes // Monitor current language changes
// 监听当前语言变动 // 监听当前语言变动
watch(locale, (newValue, oldValue) => { watch(locale, (newValue, oldValue) => {
console.log('The new language is: ' + locale.value) console.log("The new language is: " + locale.value);
i18n.global.locale = newValue i18n.global.locale = newValue;
}) });
// Since the current js runtime has not been developed yet, so first call Go to complete. Later,
// it will be updated to be called directly when js is running.
// 由于当前js运行时还没有开发完成，所以先调用Go完成。后续会更新为js运行时直接调用。
const onclickMinimise = () => { const onclickMinimise = () => {
window.runtime.WindowMinimise() window.runtime.WindowMinimise();
};
}
const onclickQuit = () => { const onclickQuit = () => {
window.runtime.Quit() window.runtime.Quit();
};
}
return { return {
languages, languages,
locale, locale,
onclickLanguageHandle, onclickLanguageHandle,
onclickMinimise, onclickMinimise,
onclickQuit onclickQuit,
} };
}, },
} };
</script> </script>
<style lang="scss"> <style lang="scss">