clash-manager/src/app.vue

53 lines
680 B
Vue

<template>
<Sidebar />
<router-view />
</template>
<script>
import fetch from '@/lib/fetch'
import Sidebar from './components/sidebar.vue'
export default {
components: { Sidebar },
data() {
return {}
},
mounted() {
this.getVersion()
},
methods: {
getVersion() {
fetch('/version').then(r => {
this.$store.version = r.version
})
}
}
}
</script>
<style lang="scss">
html {
width: 840px;
height: 540px;
}
body {
width: 100%;
height: 100%;
font-size: 14px;
color: var(--color-dark-1);
}
.app {
display: flex;
width: 100%;
height: 100%;
background: var(--color-plain-1);
}
.holder {
flex: 1;
}
</style>
Vue 62.5%
JavaScript 22.2%
SCSS 10.9%
HTML 4.4%