83 lines
1.8 KiB
Vue
83 lines
1.8 KiB
Vue
<template>
|
|
<div>
|
|
<div class="title">{{ t("about.system") }}</div>
|
|
<div class="items">
|
|
<div v-for="(item, index) in tips" :key="index" class="item">
|
|
<div class="name" v-text="item.name"/>
|
|
<div class="value" v-text="item.value"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import {computed, ref} from "vue";
|
|
import {useRoute} from "vue-router";
|
|
import {useI18n} from "vue-i18n";
|
|
|
|
const {path, name} = useRoute();
|
|
const {t} = useI18n();
|
|
const process = window.process;
|
|
const pkg = window.pkgInfo;
|
|
const systemInfo = window.systemInfo;
|
|
|
|
let tips = ref(
|
|
computed(() => [
|
|
{name: t("about.language"), value: t("about.languageValue")},
|
|
{name: t("about.currentPagePath"), value: path},
|
|
{name: t("about.currentPageName"), value: name},
|
|
{name: t("about.appVersion"), value: pkgInfo.version},
|
|
{
|
|
name: t("about.vueVersion"),
|
|
value:
|
|
process.env.NODE_ENV === "development"
|
|
? systemInfo.vue()
|
|
: "不可见",
|
|
},
|
|
{
|
|
name: t("about.electronVersion"),
|
|
value: systemInfo.electron() || "未获取",
|
|
},
|
|
{name: t("about.chromeV8Version"), value: systemInfo.chrome() || "未获取"},
|
|
{
|
|
name: t("about.nodeVersion"),
|
|
value: systemInfo.node() || "未获取",
|
|
},
|
|
{name: t("about.systemPlatform"), value: systemInfo.platform},
|
|
{name: t("about.systemVersion"), value: systemInfo.release},
|
|
{name: t("about.systemArch"), value: systemInfo.arch + "位"},
|
|
])
|
|
);
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.title {
|
|
color: #888;
|
|
font-size: 18px;
|
|
font-weight: initial;
|
|
letter-spacing: 0.25px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.items {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 6px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.item .name {
|
|
color: #6a6a6a;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.item .value {
|
|
color: #35495e;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|