App.vue 1011 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <script setup lang="ts">
  2. import { RouterLink, RouterView } from 'vue-router';
  3. import AntdConfig from './components/AntdConfig.vue';
  4. </script>
  5. <template>
  6. <AntdConfig>
  7. <header>
  8. <nav>
  9. <ASpace>
  10. <RouterLink to="/">Home</RouterLink>
  11. <RouterLink to="/first-usage">首次使用</RouterLink>
  12. <RouterLink to="/create-customer">创建客户</RouterLink>
  13. <RouterLink to="/setup-protocol">配置协议</RouterLink>
  14. <RouterLink to="/register-gateway">注册网关</RouterLink>
  15. <RouterLink to="/create-device">创建设备</RouterLink>
  16. </ASpace>
  17. <ASteps />
  18. </nav>
  19. </header>
  20. <RouterView />
  21. </AntdConfig>
  22. </template>
  23. <style lang="scss">
  24. body {
  25. -moz-osx-font-smoothing: grayscale;
  26. -webkit-font-smoothing: antialiased;
  27. text-rendering: optimizelegibility;
  28. font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
  29. }
  30. #app {
  31. height: 100%;
  32. }
  33. </style>