工作台入库

project/huizhili/apps/AppConsole/AppConsole.vue

@@ -0,0 +1,41 @@
+<template>
+  <section class="AppConsole">
+    <div class="consoleBg" v-text="`欢迎使用${system.fullTitle}`"/>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "AppConsole",
+  label: "工作台",
+  computed: {
+    ...mapState(['sys']),
+    system: v => v.sys.info || {}
+  },
+}
+</script>
+<style lang="scss" scoped>
+.AppConsole {
+  height: 100%;
+
+  .consoleBg {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    background-image: url("https://cdn.cunwuyun.cn/dvcp/consoleBg.png");
+    background-size: 600px 362px;
+    background-repeat: no-repeat;
+    background-position: center top;
+    padding-top: 402px;
+    font-size: 32px;
+    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
+    font-weight: bold;
+    color: #95A1B0;
+    min-width: 600px;
+  }
+
+}
+</style>